.hl-bravix-gutenberg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
}

.hl-bravix-gutenberg {
      .hl-bravix-gutenberg --bg: #111111;
      --bg-soft: #151515;
      --card: #181818;
      --card-2: #181818;
      --text: #FAFAFA;
      --muted: rgba(250,250,250,.68);
      --muted-2: rgba(250,250,250,.46);
      --line: rgba(250,250,250,.11);
      --accent: #FF4D00;
      --accent-2: #ff8a00;
      --shadow: 0 28px 90px rgba(0,0,0,.38);
      --radius: 34px;
      --max: 1180px;
    }

    * { .hl-bravix-gutenberg box-sizing: border-box; }

    html { .hl-bravix-gutenberg scroll-behavior: smooth; }

    body {
      .hl-bravix-gutenberg margin: 0;
      font-family: Inter,
.hl-bravix-gutenberg ui-sans-serif,
.hl-bravix-gutenberg system-ui,
.hl-bravix-gutenberg -apple-system,
.hl-bravix-gutenberg BlinkMacSystemFont,
.hl-bravix-gutenberg "Segoe UI",
.hl-bravix-gutenberg sans-serif;
      background:
        radial-gradient(circle at 20% 0%, rgba(255, 77, 0, 0.13), transparent 30%),
.hl-bravix-gutenberg radial-gradient(circle at 90% 18%, rgba(255, 138, 0, 0.07), transparent 24%),
.hl-bravix-gutenberg linear-gradient(180deg, #151515 0%, #101010 100%);
      color: var(--text);
      line-height: 1.5;
      position: relative;
    }

    body::before {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      opacity: 0.16;
      background-repeat: repeat;
      background-size: 120px 104px;
      background-position: top left;
      -webkit-mask-image: linear-gradient(180deg, black, transparent 82%);
      mask-image: linear-gradient(180deg, black, transparent 82%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cg fill='none' stroke='rgba(250,250,250,0.18)' stroke-width='1.1'%3E%3Cpath d='M30 2 L60 19 L60 53 L30 70 L0 53 L0 19 Z'/%3E%3Cpath d='M90 2 L120 19 L120 53 L90 70 L60 53 L60 19 Z'/%3E%3Cpath d='M60 53 L90 70 L90 104 L60 121 L30 104 L30 70 Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    header,
.hl-bravix-gutenberg main,
.hl-bravix-gutenberg footer {
      .hl-bravix-gutenberg position: relative;
      z-index: 1;
    }

    a { .hl-bravix-gutenberg color: inherit; text-decoration: none; }

    .container {
      .hl-bravix-gutenberg width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }

    .nav {
      .hl-bravix-gutenberg position: sticky;
      top: 0;
      z-index: 20;
      backdrop-filter: blur(18px);
      background: rgba(32, 32, 32, .72);
      border-bottom: 1px solid var(--line);
    }

    .nav-inner {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 0;
    }

    .brand {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      letter-spacing: .08em;
    }

    .brand-mark {
      .hl-bravix-gutenberg width: 38px;
      height: 38px;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      box-shadow: 0 0 32px rgba(255,77,0,.35);
    }

    .nav-links {
      .hl-bravix-gutenberg display: flex;
      gap: 24px;
      align-items: center;
      color: var(--muted);
      font-size: 14px;
    }

    .btn {
      .hl-bravix-gutenberg display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 20px;
      border-radius: 999px;
      font-weight: 750;
      border: 1px solid transparent;
      cursor: pointer;
      transition: .2s ease;
      white-space: nowrap;
    }

    .btn-primary {
      .hl-bravix-gutenberg background: linear-gradient(135deg, var(--accent), var(--accent-2));
      color: #202020;
      box-shadow: 0 18px 50px rgba(255,77,0,.25);
    }

    .btn-secondary {
      .hl-bravix-gutenberg border-color: var(--line);
      color: var(--text);
      background: rgba(255,255,255,.04);
    }

    .btn:hover { .hl-bravix-gutenberg transform: translateY(-1px); }

    .hero {
      .hl-bravix-gutenberg padding: 84px 0 56px;
    }

    .hero-grid {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: 1.02fr .98fr;
      gap: 44px;
      align-items: center;
    }

    h1 {
      .hl-bravix-gutenberg font-size: clamp(42px, 6vw, 76px);
      line-height: .94;
      letter-spacing: -.06em;
      margin: 0 0 24px;
    }

    h1 span,
.hl-bravix-gutenberg h2 span {
      .hl-bravix-gutenberg color: transparent;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      -webkit-background-clip: text;
      background-clip: text;
    }

    .lead {
      .hl-bravix-gutenberg font-size: clamp(18px, 2.1vw, 23px);
      color: #d8e0ea;
      max-width: 700px;
      margin-bottom: 30px;
    }

    .hero-actions {
      .hl-bravix-gutenberg display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

    .hero-visual {
      .hl-bravix-gutenberg position: relative;
      min-height: 520px;
      border-radius: 36px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.02)),
.hl-bravix-gutenberg radial-gradient(circle at 50% 35%, rgba(255,77,0,.28), transparent 22rem),
.hl-bravix-gutenberg var(--card-2);
      border: 1px solid var(--line);
      overflow: hidden;
      box-shadow: var(--shadow);
      padding: 26px;
    }

    .hero-visual-top {
      .hl-bravix-gutenberg position: relative;
      z-index: 2;
      display: block;
    }

    .hero-product-title {
      .hl-bravix-gutenberg margin: 0;
      font-size: 34px;
      line-height: 1;
      letter-spacing: -.045em;
    }

    .hero-product-subtitle {
      .hl-bravix-gutenberg margin: 8px 0 0;
      color: var(--muted);
      font-size: 14px;
      max-width: 270px;
    }

    .blaster-placeholder {
      .hl-bravix-gutenberg position: absolute;
      top: 138px;
      right: 54px;
      bottom: 148px;
      left: 54px;
      border-radius: 40px;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,77,0,.34), transparent 42%),
.hl-bravix-gutenberg linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.035));
      transform: none;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: rgba(255,255,255,.72);
      font-weight: 800;
      letter-spacing: .08em;
      border: 1px solid rgba(255,255,255,.15);
    }

    .floating-card {
      .hl-bravix-gutenberg position: absolute;
      left: 28px;
      right: 28px;
      bottom: 28px;
      border: 1px solid var(--line);
      background: rgba(32,32,32,.76);
      backdrop-filter: blur(18px);
      border-radius: 24px;
      padding: 22px;
    }

    .metric-grid {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

    .metric {
      .hl-bravix-gutenberg padding: 14px;
      border-radius: 16px;
      background: rgba(255,255,255,.05);
    }

    .metric strong {
      .hl-bravix-gutenberg display: block;
      font-size: 22px;
      line-height: 1;
    }

    .metric span {
      .hl-bravix-gutenberg color: var(--muted);
      font-size: 12px;
    }

    .hero-trust-band {
      .hl-bravix-gutenberg margin-top: 34px;
      padding: 16px;
      border-radius: 28px;
      border: 1px solid var(--line);
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
.hl-bravix-gutenberg rgba(0,0,0,.12);
      box-shadow: 0 16px 60px rgba(0,0,0,.16);
    }

    .hero-trust-heading {
      .hl-bravix-gutenberg margin-bottom: 14px;
      color: var(--muted);
      font-size: 14px;
    }

    .hero-trust-heading strong {
      .hl-bravix-gutenberg color: var(--text);
      font-size: 15px;
    }

    .trust-row {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 0;
    }

    .trust-pill {
      .hl-bravix-gutenberg border: 1px solid var(--line);
      background: rgba(255,255,255,.045);
      border-radius: 16px;
      padding: 12px;
      color: var(--muted);
      font-size: 13px;
      min-height: 84px;
    }

    .trust-pill strong {
      .hl-bravix-gutenberg display: block;
      color: var(--text);
      font-size: 14px;
      margin-bottom: 2px;
    }

    section { .hl-bravix-gutenberg padding: 76px 0; }

    .section-head {
      .hl-bravix-gutenberg max-width: 780px;
      margin-bottom: 34px;
    }

    .section-head.center {
      .hl-bravix-gutenberg text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    h2 {
      .hl-bravix-gutenberg font-size: clamp(32px, 4vw, 54px);
      line-height: 1;
      letter-spacing: -.045em;
      margin: 0 0 16px;
    }

    .section-head p,
.hl-bravix-gutenberg .body-large {
      .hl-bravix-gutenberg color: var(--muted);
      font-size: 18px;
      margin: 0;
    }

    .pain-grid {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .card {
      .hl-bravix-gutenberg background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 26px;
      box-shadow: 0 12px 50px rgba(0,0,0,.18);
    }

    .card h3 {
      .hl-bravix-gutenberg margin: 0 0 10px;
      font-size: 22px;
      letter-spacing: -.02em;
    }

    .card p { .hl-bravix-gutenberg color: var(--muted); margin: 0; }

    .compare {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 34px;
    }

    .compare-box {
      .hl-bravix-gutenberg padding: 28px;
      border-radius: 28px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
    }

    .compare-box.good {
      .hl-bravix-gutenberg border-color: rgba(255,138,61,.28);
      background: rgba(255,138,61,.07);
    }

    .compare-box h3 { .hl-bravix-gutenberg margin-top: 0; }
    .compare-box ul { .hl-bravix-gutenberg margin: 0; padding-left: 20px; color: var(--muted); }
    .compare-box li { .hl-bravix-gutenberg margin: 10px 0; }

    .products {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      align-items: stretch;
    }

    .product-card {
      .hl-bravix-gutenberg position: relative;
      overflow: hidden;
      border-radius: 30px;
      padding: 24px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    }

    .product-card.featured {
      .hl-bravix-gutenberg border-color: rgba(255,77,0,.45);
      box-shadow: 0 0 0 1px rgba(255,77,0,.15),
.hl-bravix-gutenberg 0 30px 90px rgba(255,77,0,.14);
      transform: translateY(-12px);
    }

    .tag {
      .hl-bravix-gutenberg display: inline-flex;
      align-items: center;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      color: #d9e3ef;
      font-size: 12px;
      font-weight: 800;
      margin-bottom: 18px;
    }

    .tag.featured {
      .hl-bravix-gutenberg background: rgba(255,77,0,.13);
      color: #fff0e8;
      border: 1px solid rgba(255,77,0,.25);
    }

    .product-img {
      .hl-bravix-gutenberg height: 180px;
      border-radius: 24px;
      background:
        radial-gradient(circle, rgba(255,77,0,.22), transparent 60%),
.hl-bravix-gutenberg linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
      border: 1px solid rgba(255,255,255,.12);
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255,255,255,.55);
      font-weight: 800;
      letter-spacing: .08em;
      margin-bottom: 22px;
      text-align: center;
    }

    .price {
      .hl-bravix-gutenberg font-size: 34px;
      font-weight: 850;
      letter-spacing: -.04em;
      margin: 18px 0 8px;
    }

    .price small {
      .hl-bravix-gutenberg font-size: 14px;
      color: var(--muted);
      font-weight: 600;
      letter-spacing: 0;
    }

    .specs {
      .hl-bravix-gutenberg list-style: none;
      padding: 0;
      margin: 22px 0 0;
      border-top: 1px solid var(--line);
    }

    .specs li {
      .hl-bravix-gutenberg display: flex;
      justify-content: space-between;
      gap: 14px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(255,255,255,.08);
      color: var(--muted);
      font-size: 14px;
    }

    .specs strong { .hl-bravix-gutenberg color: var(--text); }

    .roi {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 24px;
      align-items: stretch;
    }

    .simulator {
      .hl-bravix-gutenberg border-radius: 30px;
      border: 1px solid rgba(255,77,0,.22);
      background: linear-gradient(180deg, rgba(255,77,0,.09), rgba(255,255,255,.035));
      padding: 26px;
      box-shadow: var(--shadow);
    }

    .field {
      .hl-bravix-gutenberg margin-bottom: 16px;
    }

    .field label {
      .hl-bravix-gutenberg display: flex;
      justify-content: space-between;
      color: #dce6f1;
      font-size: 14px;
      font-weight: 750;
      margin-bottom: 8px;
    }

    input[type="range"] {
      .hl-bravix-gutenberg width: 100%;
      accent-color: var(--accent);
    }

    .result {
      .hl-bravix-gutenberg margin-top: 22px;
      padding: 22px;
      border-radius: 22px;
      background: rgba(0,0,0,.22);
      border: 1px solid var(--line);
    }

    .result strong {
      .hl-bravix-gutenberg display: block;
      font-size: 40px;
      letter-spacing: -.04em;
      margin-bottom: 4px;
    }

    .feature-list {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .feature {
      .hl-bravix-gutenberg padding: 18px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
    }

    .feature strong { .hl-bravix-gutenberg display: block; margin-bottom: 4px; }
    .feature span { .hl-bravix-gutenberg color: var(--muted); font-size: 14px; }

    .tradein-block {
      .hl-bravix-gutenberg grid-column: 1 / -1;
      border: 1px solid rgba(255,77,0,.36);
      background:
        radial-gradient(circle at top right, rgba(255,77,0,.22), transparent 18rem),
.hl-bravix-gutenberg rgba(255,77,0,.08);
      border-radius: 24px;
      padding: 24px;
    }

    .tradein-block h3 {
      .hl-bravix-gutenberg margin: 0 0 8px;
      font-size: 26px;
      letter-spacing: -.03em;
    }

    .tradein-numbers {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin-top: 18px;
    }

    .tradein-number {
      .hl-bravix-gutenberg padding: 18px;
      border-radius: 18px;
      background: rgba(0,0,0,.18);
      border: 1px solid rgba(250,250,250,.12);
    }

    .tradein-number strong {
      .hl-bravix-gutenberg display: block;
      font-size: 34px;
      line-height: 1;
      letter-spacing: -.04em;
      color: var(--text);
      margin-bottom: 8px;
    }

    .pilot {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 24px;
      align-items: center;
      border-radius: 34px;
      padding: 34px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 80% 20%, rgba(255,138,61,.18), transparent 25rem),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    }

    .eyebrow {
      .hl-bravix-gutenberg display: inline-flex;
      gap: 8px;
      align-items: center;
      padding: 8px 12px;
      border: 1px solid rgba(255,77,0,.28);
      color: #fff0e8;
      background: rgba(255,77,0,.08);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 18px;
    }

    .map-placeholder {
      .hl-bravix-gutenberg min-height: 300px;
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,.14);
      background:
        linear-gradient(135deg, rgba(255,77,0,.08), rgba(255,138,61,.08)),
.hl-bravix-gutenberg rgba(0,0,0,.22);
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255,255,255,.55);
      font-weight: 800;
      letter-spacing: .08em;
      text-align: center;
    }

    .faq {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    details {
      .hl-bravix-gutenberg border: 1px solid var(--line);
      background: rgba(255,255,255,.045);
      border-radius: 20px;
      padding: 18px 20px;
    }

    summary {
      .hl-bravix-gutenberg cursor: pointer;
      font-weight: 800;
    }

    details p {
      .hl-bravix-gutenberg color: var(--muted);
      margin-bottom: 0;
    }

    .final-cta {
      .hl-bravix-gutenberg text-align: center;
      padding: 70px 28px;
      border-radius: 38px;
      background:
        radial-gradient(circle at 50% 0%, rgba(255,77,0,.28), transparent 26rem),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
    }

    .final-cta p {
      .hl-bravix-gutenberg color: var(--muted);
      max-width: 720px;
      margin: 0 auto 28px;
      font-size: 18px;
    }

    footer {
      .hl-bravix-gutenberg padding: 40px 0;
      color: var(--muted);
      border-top: 1px solid var(--line);
      font-size: 14px;
    }


    /* Harmonisation globale — DA Projection business */
    .section-kicker,
.hl-bravix-gutenberg .hero-trust-heading strong,
.hl-bravix-gutenberg .eyebrow {
      .hl-bravix-gutenberg margin: 0 0 16px;
      color: var(--accent);
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .hero {
      .hl-bravix-gutenberg padding: 104px 0 72px;
    }

    .hero-grid {
      .hl-bravix-gutenberg gap: 56px;
    }

    h1 {
      .hl-bravix-gutenberg font-size: clamp(3rem, 6.4vw, 5.8rem);
      line-height: .9;
      letter-spacing: -.075em;
    }

    .lead {
      .hl-bravix-gutenberg color: var(--muted);
      font-size: clamp(1.15rem, 2vw, 1.45rem);
      line-height: 1.6;
    }

    .btn {
      .hl-bravix-gutenberg min-height: 52px;
      padding: 0 24px;
      border-radius: 999px;
      font-weight: 900;
      box-shadow: 0 18px 55px rgba(255,77,0,.22);
    }

    .hero-visual,
.hl-bravix-gutenberg .hero-trust-band,
.hl-bravix-gutenberg .card,
.hl-bravix-gutenberg .compare-box,
.hl-bravix-gutenberg .product-card,
.hl-bravix-gutenberg .pilot,
.hl-bravix-gutenberg .final-cta {
      .hl-bravix-gutenberg border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
    }

    .hero-visual {
      .hl-bravix-gutenberg min-height: 560px;
      background:
        radial-gradient(circle at 75% 18%, rgba(255,77,0,.18), transparent 38%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    }

    .hero-product-title {
      .hl-bravix-gutenberg font-size: clamp(2.2rem, 4vw, 3.8rem);
      line-height: .92;
      letter-spacing: -.065em;
    }

    .hero-product-subtitle {
      .hl-bravix-gutenberg color: var(--muted);
      line-height: 1.55;
    }

    .blaster-placeholder {
      .hl-bravix-gutenberg top: 150px;
      right: 54px;
      bottom: 158px;
      left: 54px;
      transform: none;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,77,0,.24), transparent 46%),
.hl-bravix-gutenberg linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.035));
    }

    .floating-card {
      .hl-bravix-gutenberg background: rgba(17,17,17,.7);
      border-radius: 24px;
    }

    .metric {
      .hl-bravix-gutenberg background: rgba(0,0,0,.18);
      border: 1px solid var(--line);
    }

    .metric strong {
      .hl-bravix-gutenberg font-size: 2rem;
      letter-spacing: -.06em;
    }

    .metric span {
      .hl-bravix-gutenberg color: var(--muted-2);
    }

    .hero-trust-band {
      .hl-bravix-gutenberg padding: 24px;
      margin-top: 42px;
    }

    .hero-trust-heading {
      .hl-bravix-gutenberg margin-bottom: 18px;
    }

    .hero-trust-heading strong {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 0;
    }

    .trust-pill {
      .hl-bravix-gutenberg min-height: 96px;
      padding: 18px;
      border-radius: 20px;
      background: rgba(0,0,0,.16);
      border: 1px solid var(--line);
      color: var(--muted);
    }

    .trust-pill strong {
      .hl-bravix-gutenberg font-size: 1rem;
      letter-spacing: -.01em;
    }

    section {
      .hl-bravix-gutenberg padding: 96px 0;
    }

    .section-head {
      .hl-bravix-gutenberg max-width: 820px;
      margin-bottom: 36px;
    }

    .section-head.center {
      .hl-bravix-gutenberg max-width: 880px;
    }

    h2 {
      .hl-bravix-gutenberg font-size: clamp(2.2rem, 5vw, 4.8rem);
      line-height: .92;
      letter-spacing: -.065em;
      margin: 0 0 18px;
    }

    .section-head p,
.hl-bravix-gutenberg .body-large {
      .hl-bravix-gutenberg max-width: 680px;
      color: var(--muted);
      font-size: 1.05rem;
      line-height: 1.65;
    }

    .section-head.center p {
      .hl-bravix-gutenberg margin-left: auto;
      margin-right: auto;
    }

    .pain-grid,
.hl-bravix-gutenberg .products {
      .hl-bravix-gutenberg gap: 16px;
    }

    .card {
      .hl-bravix-gutenberg padding: 28px;
    }

    .card h3,
.hl-bravix-gutenberg .compare-box h3,
.hl-bravix-gutenberg .product-card h3 {
      .hl-bravix-gutenberg font-size: 1.35rem;
      letter-spacing: -.035em;
    }

    .card p,
.hl-bravix-gutenberg .compare-box li,
.hl-bravix-gutenberg .product-card p {
      .hl-bravix-gutenberg color: var(--muted);
      line-height: 1.65;
    }

    .compare {
      .hl-bravix-gutenberg gap: 16px;
      margin-top: 36px;
    }

    .compare-box {
      .hl-bravix-gutenberg padding: 30px;
    }

    .compare-box.good {
      .hl-bravix-gutenberg background:
        radial-gradient(circle at 85% 18%, rgba(255,77,0,.15), transparent 44%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
      border-color: rgba(255,77,0,.22);
    }

    .product-card {
      .hl-bravix-gutenberg padding: 28px;
    }

    .product-card.featured {
      .hl-bravix-gutenberg border-color: rgba(255,77,0,.42);
      transform: translateY(-14px);
      box-shadow: 0 0 0 1px rgba(255,77,0,.12),
.hl-bravix-gutenberg var(--shadow);
      background:
        radial-gradient(circle at 80% 12%, rgba(255,77,0,.16), transparent 40%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    }

    .tag {
      .hl-bravix-gutenberg margin-bottom: 18px;
      padding: 8px 11px;
      color: var(--muted);
      border: 1px solid var(--line);
      background: rgba(0,0,0,.14);
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .tag.featured {
      .hl-bravix-gutenberg color: #fff0e8;
      border-color: rgba(255,77,0,.28);
      background: rgba(255,77,0,.12);
    }

    .product-img {
      .hl-bravix-gutenberg height: 210px;
      border-radius: 26px;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,77,0,.24), transparent 54%),
.hl-bravix-gutenberg linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
    }

    .price {
      .hl-bravix-gutenberg font-size: 2.4rem;
      letter-spacing: -.07em;
    }

    .specs li {
      .hl-bravix-gutenberg color: var(--muted);
      border-bottom-color: var(--line);
    }

    .feature-list {
      .hl-bravix-gutenberg gap: 16px;
    }

    .feature,
.hl-bravix-gutenberg .tradein-block,
.hl-bravix-gutenberg .tradein-number {
      .hl-bravix-gutenberg border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border-radius: 24px;
    }

    .tradein-block {
      .hl-bravix-gutenberg padding: 28px;
      background:
        radial-gradient(circle at 86% 18%, rgba(255,77,0,.18), transparent 42%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
    }

    .tradein-block h3 {
      .hl-bravix-gutenberg font-size: 2rem;
      line-height: 1;
      letter-spacing: -.055em;
    }

    .tradein-number strong {
      .hl-bravix-gutenberg font-size: 2.2rem;
    }

    .pilot {
      .hl-bravix-gutenberg padding: 38px;
      background:
        radial-gradient(circle at 80% 18%, rgba(255,77,0,.16), transparent 42%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
    }

    .map-placeholder {
      .hl-bravix-gutenberg min-height: 340px;
      border-radius: 28px;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,77,0,.16), transparent 48%),
.hl-bravix-gutenberg rgba(0,0,0,.18);
    }

    .faq details {
      .hl-bravix-gutenberg border-radius: 24px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      box-shadow: 0 18px 60px rgba(0,0,0,.18);
    }

    .faq summary {
      .hl-bravix-gutenberg letter-spacing: -.02em;
    }

    .faq details p {
      .hl-bravix-gutenberg color: var(--muted);
      line-height: 1.65;
    }

    .final-cta {
      .hl-bravix-gutenberg padding: 78px 32px;
      background:
        radial-gradient(circle at 50% 0%, rgba(255,77,0,.22), transparent 34rem),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    }

    footer {
      .hl-bravix-gutenberg background: #111111;
    }


    /* Hero refondu — image de fond,
.hl-bravix-gutenberg texte centré,
.hl-bravix-gutenberg double CTA */
    .hero {
      .hl-bravix-gutenberg padding: 0;
    }

    .hero-stage {
      .hl-bravix-gutenberg position: relative;
      min-height: min(820px, 100vh);
      display: flex;
      align-items: flex-start;
      overflow: hidden;
      border-bottom: 1px solid var(--line);
      background:
        linear-gradient(180deg, rgba(17,17,17,.30), rgba(17,17,17,.84)),
.hl-bravix-gutenberg radial-gradient(circle at 50% 35%, rgba(255,77,0,.24), transparent 32rem),
.hl-bravix-gutenberg linear-gradient(135deg, rgba(43,43,43,.92), rgba(17,17,17,.96));
    }

    .hero-stage::before {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(17,17,17,.84), rgba(17,17,17,.36), rgba(17,17,17,.84)),
.hl-bravix-gutenberg url("data:image/svg+xml,%3Csvg width='1600' height='900' viewBox='0 0 1600 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%23323232'/%3E%3Cstop offset='1' stop-color='%23111111'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23g)'/%3E%3Ccircle cx='1160' cy='270' r='260' fill='%23FF4D00' opacity='.20'/%3E%3Crect x='420' y='310' width='760' height='160' rx='70' fill='%23FAFAFA' opacity='.10'/%3E%3Crect x='570' y='480' width='170' height='240' rx='44' fill='%23FAFAFA' opacity='.07'/%3E%3Ctext x='800' y='430' text-anchor='middle' font-family='Arial' font-size='44' font-weight='800' letter-spacing='8' fill='%23FAFAFA' opacity='.32'%3EIMAGE DE FOND PLACEHOLDER%3C/text%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
      opacity: .92;
      transform: scale(1.02);
    }

    .hero-stage::after {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 44%, rgba(255,77,0,.22), transparent 26rem),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(17,17,17,.08), rgba(17,17,17,.78));
      pointer-events: none;
    }

    .hero-content-centered {
      .hl-bravix-gutenberg position: relative;
      z-index: 2;
      width: min(980px, calc(100% - 40px));
      margin: 0 auto;
      text-align: center;
      padding: 96px 0 120px;
    }

    .hero-kicker {
      .hl-bravix-gutenberg display: inline-flex;
      margin: 0 0 22px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,77,0,.32);
      background: rgba(255,77,0,.12);
      color: #fff0e8;
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .hero-content-centered h1 {
      .hl-bravix-gutenberg max-width: 980px;
      margin-left: auto;
      margin-right: auto;
      text-wrap: balance;
    }

    .hero-content-centered .lead {
      .hl-bravix-gutenberg max-width: 780px;
      margin: 0 auto 34px;
      color: rgba(250,250,250,.78);
      text-wrap: balance;
    }

    .hero-actions {
      .hl-bravix-gutenberg justify-content: center;
      margin-bottom: 0;
    }

    .hero-actions .btn {
      .hl-bravix-gutenberg min-width: 190px;
    }

    .hero-scroll-note {
      .hl-bravix-gutenberg position: absolute;
      left: 50%;
      bottom: 26px;
      z-index: 2;
      transform: translateX(-50%);
      color: rgba(250,250,250,.48);
      font-size: .78rem;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .hero-trust-section {
      .hl-bravix-gutenberg padding: 26px 0 0;
    }

    .hero-trust-band {
      .hl-bravix-gutenberg margin-top: 0;
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .hero-stage {
        .hl-bravix-gutenberg min-height: 720px;
      }

      .hero-content-centered {
        .hl-bravix-gutenberg padding: 82px 0 104px;
      }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .hero-stage {
        .hl-bravix-gutenberg min-height: 720px;
      }

      .hero-content-centered {
        .hl-bravix-gutenberg width: min(100% - 28px, 980px);
        padding: 72px 0 96px;
      }

      .hero-actions .btn {
        .hl-bravix-gutenberg width: 100%;
      }

      .hero-scroll-note {
        .hl-bravix-gutenberg display: none;
      }
    }


    .hero-content-centered h1 {
      .hl-bravix-gutenberg font-size: clamp(2.45rem, 5.1vw, 4.65rem);
      line-height: .94;
      letter-spacing: -.065em;
    }

    .hero-content-centered .lead {
      .hl-bravix-gutenberg font-size: clamp(1rem, 1.55vw, 1.22rem);
      line-height: 1.62;
      max-width: 720px;
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .hero-content-centered h1 {
        .hl-bravix-gutenberg font-size: clamp(2.35rem, 11vw, 3.55rem);
      }

      .hero-content-centered .lead {
        .hl-bravix-gutenberg font-size: 1rem;
      }
    }


    /* Section désir — BRAVIX tout-en-un */
    .brx-allinone {
      .hl-bravix-gutenberg width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
      padding: 78px 0;
      color: var(--text);
    }

    .brx-allinone__grid {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(360px, .78fr);
      gap: 18px;
      align-items: stretch;
    }

    .brx-allinone__story,
.hl-bravix-gutenberg .brx-allinone__demo {
      .hl-bravix-gutenberg border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
    }

    .brx-allinone__story {
      .hl-bravix-gutenberg padding: 34px;
    }

    .brx-allinone__kicker {
      .hl-bravix-gutenberg margin: 0 0 16px;
      color: var(--accent);
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .brx-allinone__story h2 {
      .hl-bravix-gutenberg margin: 0 0 16px;
      font-size: clamp(2rem, 3.7vw, 3.65rem);
      line-height: .96;
      letter-spacing: -.06em;
    }

    .brx-allinone__lead {
      .hl-bravix-gutenberg max-width: 720px;
      margin: 0 0 22px;
      color: var(--muted);
      font-size: 1.02rem;
      line-height: 1.58;
    }

    .brx-allinone__question {
      .hl-bravix-gutenberg display: inline-flex;
      align-items: center;
      margin: 0 0 22px;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(255,77,0,.28);
      background: rgba(255,77,0,.11);
      color: #fff0e8;
      font-weight: 900;
      letter-spacing: -.01em;
    }

    .brx-allinone__flow {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 20px;
    }

    .brx-allinone__step {
      .hl-bravix-gutenberg position: relative;
      min-height: 116px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 22px;
      background: rgba(0,0,0,.16);
      overflow: hidden;
    }

    .brx-allinone__step::after {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      right: -34px;
      top: -34px;
      width: 86px;
      height: 86px;
      border-radius: 999px;
      background: rgba(255,77,0,.12);
    }

    .brx-allinone__step span {
      .hl-bravix-gutenberg display: inline-flex;
      width: 32px;
      height: 32px;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
      border-radius: 999px;
      background: var(--accent);
      color: #111111;
      font-weight: 950;
    }

    .brx-allinone__step strong {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 6px;
      color: var(--text);
      font-size: 1rem;
      letter-spacing: -.02em;
    }

    .brx-allinone__step p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: .9rem;
      line-height: 1.55;
    }

    .brx-allinone__demo {
      .hl-bravix-gutenberg display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 30px;
      background:
        radial-gradient(circle at 76% 16%, rgba(255,77,0,.18), transparent 42%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    }

    .brx-allinone__demo-title {
      .hl-bravix-gutenberg margin: 0 0 18px;
      color: var(--muted);
      font-size: .92rem;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    .brx-allinone__device {
      .hl-bravix-gutenberg position: relative;
      min-height: 250px;
      margin: 4px 0 18px;
      border: 1px solid var(--line);
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 38%, rgba(255,77,0,.26), transparent 46%),
.hl-bravix-gutenberg linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035));
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow: hidden;
    }

    .brx-allinone__device::before,
.hl-bravix-gutenberg .brx-allinone__device::after {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      border-radius: 999px;
      border: 1px solid rgba(255,77,0,.28);
    }

    .brx-allinone__device::before {
      .hl-bravix-gutenberg width: 230px;
      height: 230px;
    }

    .brx-allinone__device::after {
      .hl-bravix-gutenberg width: 330px;
      height: 330px;
      opacity: .42;
    }

    .brx-allinone__device strong {
      .hl-bravix-gutenberg position: relative;
      z-index: 2;
      font-size: 1.15rem;
      letter-spacing: .13em;
    }

    .brx-allinone__included {
      .hl-bravix-gutenberg display: grid;
      gap: 10px;
    }

    .brx-allinone__included div {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1px solid var(--line);
      color: var(--muted);
    }

    .brx-allinone__included div:last-child {
      .hl-bravix-gutenberg border-bottom: 0;
    }

    .brx-allinone__included strong {
      .hl-bravix-gutenberg color: var(--text);
    }

    .brx-allinone__included em {
      .hl-bravix-gutenberg font-style: normal;
      color: var(--accent);
      font-weight: 900;
    }


    .brx-allinone__how {
      .hl-bravix-gutenberg padding: 20px;
      border: 1px solid var(--line);
      border-radius: 24px;
      background:
        radial-gradient(circle at 82% 12%, rgba(255,77,0,.14), transparent 42%),
.hl-bravix-gutenberg rgba(0,0,0,.16);
    }

    .brx-allinone__how-kicker {
      .hl-bravix-gutenberg margin: 0 0 10px;
      color: var(--accent);
      font-size: .74rem;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .brx-allinone__how h3 {
      .hl-bravix-gutenberg margin: 0 0 10px;
      font-size: 1.45rem;
      line-height: 1;
      letter-spacing: -.04em;
    }

    .brx-allinone__how p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: .92rem;
      line-height: 1.58;
    }

    .brx-allinone__settings {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-top: 16px;
    }

    .brx-allinone__settings div {
      .hl-bravix-gutenberg display: flex;
      justify-content: space-between;
      gap: 14px;
      padding: 12px 0;
      border-top: 1px solid var(--line);
    }

    .brx-allinone__settings span {
      .hl-bravix-gutenberg color: var(--muted-2);
      font-size: .82rem;
    }

    .brx-allinone__settings strong {
      .hl-bravix-gutenberg color: var(--text);
      font-size: .88rem;
      text-align: right;
    }


    .brx-allinone__story h2 span {
      .hl-bravix-gutenberg display: inline-block;
      color: transparent;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      -webkit-background-clip: text;
      background-clip: text;
    }

    .brx-allinone__story h2 {
      .hl-bravix-gutenberg font-size: clamp(2rem, 3.55vw, 3.45rem);
      line-height: .93;
    }

    .brx-allinone__how h3 {
      .hl-bravix-gutenberg margin-top: 0;
    }


    .brx-allinone__protip {
      .hl-bravix-gutenberg margin-top: 16px;
      padding: 16px 18px;
      border: 1px solid rgba(255,77,0,.22);
      border-radius: 22px;
      background:
        radial-gradient(circle at 92% 12%, rgba(255,77,0,.12), transparent 42%),
.hl-bravix-gutenberg rgba(255,77,0,.06);
    }

    .brx-allinone__protip strong {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 6px;
      color: var(--accent);
      font-size: .76rem;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .brx-allinone__protip p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: .92rem;
      line-height: 1.55;
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .brx-allinone {
        .hl-bravix-gutenberg padding: 62px 0;
      }

      .brx-allinone__grid {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }

      .brx-allinone__flow {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-allinone {
        .hl-bravix-gutenberg width: min(100% - 28px, var(--max));
        padding: 48px 0;
      }

      .brx-allinone__story,
.hl-bravix-gutenberg .brx-allinone__demo {
        .hl-bravix-gutenberg padding: 24px;
        border-radius: 28px;
      }

      .brx-allinone__device {
        .hl-bravix-gutenberg min-height: 230px;
      }
    }




    /* Section gamme — collection premium BRAVIX */
    .brx-products-section {
      .hl-bravix-gutenberg position: relative;
      padding-top: 110px;
      padding-bottom: 110px;
    }

    .brx-products-section::before {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 60px 0 auto;
      height: 520px;
      pointer-events: none;
      background: radial-gradient(circle at 50% 0%, rgba(255,77,0,.16), transparent 42rem);
      opacity: .72;
    }

    .brx-products-section .container {
      .hl-bravix-gutenberg position: relative;
      z-index: 1;
    }

    .brx-products-section .section-head {
      .hl-bravix-gutenberg max-width: 900px;
    }

    .brx-products-section .section-head h2 {
      .hl-bravix-gutenberg font-size: clamp(2.25rem, 4.4vw, 4.25rem);
      line-height: .92;
      letter-spacing: -.07em;
      text-wrap: balance;
    }

    .brx-products-section .section-head p {
      .hl-bravix-gutenberg max-width: 680px;
      color: rgba(250,250,250,.72);
      text-wrap: balance;
    }

    .brx-product-stack {
      .hl-bravix-gutenberg display: grid;
      gap: 18px;
      margin-top: 42px;
    }

    .brx-product-row {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .brx-product-panel {
      .hl-bravix-gutenberg position: relative;
      overflow: hidden;
      min-height: 380px;
      border: 1px solid rgba(250,250,250,.12);
      border-radius: 38px;
      background:
        linear-gradient(180deg, rgba(17,17,17,.05), rgba(17,17,17,.86)),
.hl-bravix-gutenberg radial-gradient(circle at 72% 24%, rgba(255,77,0,.18), transparent 36%),
.hl-bravix-gutenberg linear-gradient(135deg, #2a2a2a, #111111);
      box-shadow: 0 34px 110px rgba(0,0,0,.46);
      backdrop-filter: blur(18px);
      isolation: isolate;
    }

    .brx-product-panel::before {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background-size: cover;
      background-position: center;
      opacity: .72;
      transform: scale(1.018);
      transition: transform .55s ease,
.hl-bravix-gutenberg opacity .55s ease;
    }

    .brx-product-panel::after {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(17,17,17,.92) 0%, rgba(17,17,17,.64) 42%, rgba(17,17,17,.18) 100%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(17,17,17,.08), rgba(17,17,17,.88));
    }

    .brx-product-panel:hover::before {
      .hl-bravix-gutenberg transform: scale(1.06);
      opacity: .88;
    }

    .brx-product-panel--hero {
      .hl-bravix-gutenberg min-height: 520px;
    }

    .brx-product-panel--compact {
      .hl-bravix-gutenberg min-height: 410px;
    }

    .brx-product-panel--pro::before {
      .hl-bravix-gutenberg background-image: url("data:image/svg+xml,%3Csvg width='1200' height='620' viewBox='0 0 1200 620' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1200' height='620' fill='%23171717'/%3E%3Ccircle cx='840' cy='210' r='240' fill='%23FF4D00' opacity='.24'/%3E%3Crect x='360' y='250' width='620' height='105' rx='52' fill='%23FAFAFA' opacity='.16'/%3E%3Crect x='245' y='280' width='240' height='44' rx='22' fill='%23FAFAFA' opacity='.20'/%3E%3Crect x='610' y='335' width='120' height='210' rx='38' fill='%23FAFAFA' opacity='.10'/%3E%3Ctext x='790' y='315' font-family='Arial' font-size='54' font-weight='900' letter-spacing='10' fill='%23FAFAFA' opacity='.26'%3EBRAVIX PRO%3C/text%3E%3C/svg%3E");
    }

    .brx-product-panel--go::before {
      .hl-bravix-gutenberg background-image: url("data:image/svg+xml,%3Csvg width='900' height='520' viewBox='0 0 900 520' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='900' height='520' fill='%23171717'/%3E%3Ccircle cx='650' cy='170' r='190' fill='%23FF8A00' opacity='.18'/%3E%3Crect x='240' y='230' width='420' height='78' rx='38' fill='%23FAFAFA' opacity='.16'/%3E%3Crect x='170' y='255' width='170' height='34' rx='17' fill='%23FAFAFA' opacity='.18'/%3E%3Crect x='410' y='292' width='84' height='150' rx='30' fill='%23FAFAFA' opacity='.09'/%3E%3Ctext x='560' y='282' font-family='Arial' font-size='42' font-weight='900' letter-spacing='8' fill='%23FAFAFA' opacity='.25'%3EBRAVIX GO%3C/text%3E%3C/svg%3E");
    }

    .brx-product-panel--titan::before {
      .hl-bravix-gutenberg background-image: url("data:image/svg+xml,%3Csvg width='900' height='520' viewBox='0 0 900 520' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='900' height='520' fill='%23171717'/%3E%3Ccircle cx='690' cy='160' r='210' fill='%23FF4D00' opacity='.22'/%3E%3Crect x='230' y='225' width='480' height='90' rx='34' fill='%23FAFAFA' opacity='.18'/%3E%3Crect x='140' y='255' width='220' height='38' rx='18' fill='%23FAFAFA' opacity='.18'/%3E%3Crect x='455' y='300' width='98' height='172' rx='24' fill='%23FAFAFA' opacity='.11'/%3E%3Ctext x='515' y='284' font-family='Arial' font-size='40' font-weight='900' letter-spacing='8' fill='%23FAFAFA' opacity='.27'%3EBRAVIX TITAN%3C/text%3E%3C/svg%3E");
    }

    .brx-product-content {
      .hl-bravix-gutenberg position: relative;
      z-index: 2;
      min-height: inherit;
      padding: 38px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: 26px;
      max-width: 760px;
    }

    .brx-product-panel--hero .brx-product-content {
      .hl-bravix-gutenberg padding: 54px;
      max-width: 820px;
    }

    .brx-product-signature {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 16px;
      color: var(--accent);
      font-size: .76rem;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .brx-product-panel h3 {
      .hl-bravix-gutenberg margin: 0 0 14px;
      font-size: clamp(2.7rem, 5.4vw, 6.1rem);
      line-height: .82;
      letter-spacing: -.085em;
      text-shadow: 0 18px 60px rgba(0,0,0,.55);
    }

    .brx-product-panel--compact h3 {
      .hl-bravix-gutenberg font-size: clamp(2.2rem, 4vw, 3.8rem);
    }

    .brx-product-subtitle {
      .hl-bravix-gutenberg margin: 0;
      color: rgba(250,250,250,.80);
      font-size: 1.08rem;
      line-height: 1.62;
      max-width: 690px;
      text-wrap: balance;
    }

    .brx-product-panel--compact .brx-product-subtitle {
      .hl-bravix-gutenberg font-size: 1rem;
      max-width: 560px;
    }

    .brx-product-actions {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .brx-product-toggle {
      .hl-bravix-gutenberg appearance: none;
      border: 1px solid rgba(250,250,250,.18);
      border-radius: 999px;
      min-height: 48px;
      padding: 0 21px;
      background: rgba(250,250,250,.08);
      color: var(--text);
      cursor: pointer;
      font-weight: 900;
      backdrop-filter: blur(14px);
      transition: transform .2s ease,
.hl-bravix-gutenberg border-color .2s ease,
.hl-bravix-gutenberg background .2s ease;
    }

    .brx-product-toggle:hover {
      .hl-bravix-gutenberg transform: translateY(-1px);
      border-color: rgba(255,77,0,.42);
      background: rgba(255,77,0,.12);
    }

    .brx-product-toggle[aria-expanded="true"] {
      .hl-bravix-gutenberg border-color: rgba(255,77,0,.48);
      background: rgba(255,77,0,.16);
      color: #fff0e8;
    }

    .brx-product-details {
      .hl-bravix-gutenberg display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows .32s ease,
.hl-bravix-gutenberg margin-top .32s ease;
      margin-top: 0;
    }

    .brx-product-details.is-open {
      .hl-bravix-gutenberg grid-template-rows: 1fr;
      margin-top: 20px;
    }

    .brx-product-details-inner {
      .hl-bravix-gutenberg overflow: hidden;
    }

    .brx-product-copy {
      .hl-bravix-gutenberg max-width: 780px;
      margin: 0 0 16px;
      color: rgba(250,250,250,.74);
      font-size: .97rem;
      line-height: 1.68;
    }

    .brx-product-specs {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      padding-top: 16px;
      border-top: 1px solid rgba(250,250,250,.13);
    }

    .brx-product-panel--compact .brx-product-specs {
      .hl-bravix-gutenberg grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .brx-product-specs div {
      .hl-bravix-gutenberg padding: 12px;
      border: 1px solid rgba(250,250,250,.12);
      border-radius: 16px;
      background: rgba(0,0,0,.22);
      backdrop-filter: blur(12px);
    }

    .brx-product-specs span {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 3px;
      color: var(--muted-2);
      font-size: .74rem;
    }

    .brx-product-specs strong {
      .hl-bravix-gutenberg display: block;
      color: var(--text);
      font-size: .9rem;
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .brx-product-row {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }

      .brx-product-panel,
.hl-bravix-gutenberg .brx-product-panel--hero,
.hl-bravix-gutenberg .brx-product-panel--compact {
        .hl-bravix-gutenberg min-height: 460px;
      }

      .brx-product-specs,
.hl-bravix-gutenberg .brx-product-panel--compact .brx-product-specs {
        .hl-bravix-gutenberg grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-products-section {
        .hl-bravix-gutenberg padding-top: 72px;
        padding-bottom: 72px;
      }

      .brx-product-content,
.hl-bravix-gutenberg .brx-product-panel--hero .brx-product-content {
        .hl-bravix-gutenberg padding: 28px;
      }

      .brx-product-panel,
.hl-bravix-gutenberg .brx-product-panel--hero,
.hl-bravix-gutenberg .brx-product-panel--compact {
        .hl-bravix-gutenberg min-height: 500px;
      }

      .brx-product-specs,
.hl-bravix-gutenberg .brx-product-panel--compact .brx-product-specs {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }
    }

    /* Nouveau module ROI — projection business */
    .brx-roi {
      .hl-bravix-gutenberg --brx-black: #111111;
      --brx-surface: #181818;
      --brx-white: #fafafa;
      --brx-muted: rgba(250, 250, 250, 0.68);
      --brx-muted-2: rgba(250, 250, 250, 0.46);
      --brx-line: rgba(250, 250, 250, 0.11);
      --brx-orange: #ff4d00;
      --brx-orange-2: #ff8a00;
      --brx-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);

      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
      padding: 96px 0;
      color: var(--brx-white);
      font-family: Inter,
.hl-bravix-gutenberg ui-sans-serif,
.hl-bravix-gutenberg system-ui,
.hl-bravix-gutenberg -apple-system,
.hl-bravix-gutenberg BlinkMacSystemFont,
.hl-bravix-gutenberg "Segoe UI",
.hl-bravix-gutenberg sans-serif;
    }

    .brx-roi * {
      .hl-bravix-gutenberg box-sizing: border-box;
    }

    .brx-roi__heading {
      .hl-bravix-gutenberg max-width: 820px;
      margin: 0 auto 36px;
      text-align: center;
    }

    .brx-roi__kicker {
      .hl-bravix-gutenberg margin: 0 0 16px;
      color: var(--brx-orange);
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .brx-roi__heading h2 {
      .hl-bravix-gutenberg margin: 0 0 18px;
      font-size: clamp(2.2rem, 5vw, 4.8rem);
      line-height: 0.92;
      letter-spacing: -0.065em;
    }

    .brx-roi__heading p {
      .hl-bravix-gutenberg max-width: 680px;
      margin: 0 auto;
      color: var(--brx-muted);
      font-size: 1.05rem;
      line-height: 1.65;
    }

    .brx-roi__frame {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(340px, 0.72fr);
      gap: 16px;
    }

    .brx-roi__calculator,
.hl-bravix-gutenberg .brx-roi__result {
      .hl-bravix-gutenberg border: 1px solid var(--brx-line);
      border-radius: 34px;
      padding: 28px;
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.07),
        rgba(255, 255, 255, 0.035)
      );
      box-shadow: var(--brx-shadow);
      backdrop-filter: blur(18px);
    }

    .brx-roi__field {
      .hl-bravix-gutenberg display: block;
      padding: 22px 0;
      border-bottom: 1px solid var(--brx-line);
    }

    .brx-roi__field:first-child {
      .hl-bravix-gutenberg padding-top: 0;
    }

    .brx-roi__field:last-child {
      .hl-bravix-gutenberg padding-bottom: 0;
      border-bottom: 0;
    }

    .brx-roi__field-top {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 14px;
    }

    .brx-roi__field-top span {
      .hl-bravix-gutenberg font-weight: 800;
    }

    .brx-roi__field-top output {
      .hl-bravix-gutenberg color: var(--brx-orange);
      font-weight: 900;
    }

    .brx-roi__scale {
      .hl-bravix-gutenberg display: flex;
      justify-content: space-between;
      margin-top: 8px;
      color: var(--brx-muted-2);
      font-size: 0.78rem;
    }

    .brx-roi input[type="range"] {
      .hl-bravix-gutenberg width: 100%;
      height: 8px;
      appearance: none;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      outline: none;
      accent-color: var(--brx-orange);
    }

    .brx-roi input[type="range"]::-webkit-slider-thumb {
      .hl-bravix-gutenberg width: 22px;
      height: 22px;
      appearance: none;
      border: 3px solid white;
      border-radius: 999px;
      background: var(--brx-orange);
      box-shadow: 0 0 26px rgba(255, 77, 0, 0.8);
      cursor: pointer;
    }

    .brx-roi input[type="range"]::-moz-range-thumb {
      .hl-bravix-gutenberg width: 22px;
      height: 22px;
      border: 3px solid white;
      border-radius: 999px;
      background: var(--brx-orange);
      box-shadow: 0 0 26px rgba(255, 77, 0, 0.8);
      cursor: pointer;
    }

    .brx-roi__result {
      .hl-bravix-gutenberg display: flex;
      flex-direction: column;
      justify-content: center;
      background:
        radial-gradient(
          circle at 80% 18%,
          rgba(255, 77, 0, 0.16),
          transparent 42%
        ),
.hl-bravix-gutenberg linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.07),
          rgba(255, 255, 255, 0.035)
        );
    }

    .brx-roi__result-label {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 10px;
      color: var(--brx-muted-2);
    }

    .brx-roi__main-number {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 24px;
      font-size: clamp(3rem, 6vw, 5.4rem);
      line-height: 0.9;
      letter-spacing: -0.08em;
    }

    .brx-roi__cards {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-bottom: 16px;
    }

    .brx-roi__cards div {
      .hl-bravix-gutenberg padding: 14px;
      border: 1px solid var(--brx-line);
      border-radius: 16px;
      background: rgba(0, 0, 0, 0.16);
    }

    .brx-roi__cards span {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 4px;
      color: var(--brx-muted-2);
      font-size: 0.78rem;
    }

    .brx-roi__cards strong {
      .hl-bravix-gutenberg color: var(--brx-white);
    }

    .brx-roi__result p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--brx-muted);
      font-size: 0.85rem;
      line-height: 1.65;
    }

    @media (max-width: 900px) {
      .hl-bravix-gutenberg .brx-roi {
        .hl-bravix-gutenberg padding: 72px 0;
      }

      .brx-roi__frame {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }
    }

    @media (max-width: 620px) {
      .hl-bravix-gutenberg .brx-roi {
        .hl-bravix-gutenberg width: min(100% - 28px, var(--max));
        padding: 56px 0;
      }

      .brx-roi__calculator,
.hl-bravix-gutenberg .brx-roi__result {
        .hl-bravix-gutenberg padding: 22px;
        border-radius: 26px;
      }

      .brx-roi__cards {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }

      .brx-roi__heading h2 {
        .hl-bravix-gutenberg font-size: clamp(2.1rem, 11vw, 3.4rem);
      }
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .nav-links { .hl-bravix-gutenberg display: none; }
      .hero-grid,
.hl-bravix-gutenberg .roi,
.hl-bravix-gutenberg .pilot,
.hl-bravix-gutenberg .compare { .hl-bravix-gutenberg grid-template-columns: 1fr; }
      .trust-row { .hl-bravix-gutenberg grid-template-columns: repeat(2, 1fr); }
      .pain-grid,
.hl-bravix-gutenberg .products,
.hl-bravix-gutenberg .faq,
.hl-bravix-gutenberg .feature-list { .hl-bravix-gutenberg grid-template-columns: 1fr; }
      .product-card.featured { .hl-bravix-gutenberg transform: none; }
      .hero { .hl-bravix-gutenberg padding: 76px 0 52px; }
      section { .hl-bravix-gutenberg padding: 72px 0; }
      .hero-visual { .hl-bravix-gutenberg min-height: 430px; }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .container { .hl-bravix-gutenberg width: min(100% - 28px, var(--max)); }
      .hero { .hl-bravix-gutenberg padding-top: 58px; }
      .trust-row,
.hl-bravix-gutenberg .metric-grid,
.hl-bravix-gutenberg .tradein-numbers { .hl-bravix-gutenberg grid-template-columns: 1fr; }
      .blaster-placeholder {
        .hl-bravix-gutenberg left: 28px;
        right: 28px;
        top: 140px;
        bottom: 210px;
      }
      .floating-card {
        .hl-bravix-gutenberg left: 18px;
        right: 18px;
        bottom: 18px;
      }
    }

    /* Ajustement section produits — plus sobre,
.hl-bravix-gutenberg titre en haut à gauche */
    .brx-product-content,
.hl-bravix-gutenberg .brx-product-panel--hero .brx-product-content {
      .hl-bravix-gutenberg justify-content: flex-start;
      padding: 32px;
      gap: 20px;
      max-width: 680px;
    }

    .brx-product-panel--hero .brx-product-content {
      .hl-bravix-gutenberg padding: 38px;
    }

    .brx-product-panel h3,
.hl-bravix-gutenberg .brx-product-panel--compact h3 {
      .hl-bravix-gutenberg font-size: clamp(1.85rem, 3.1vw, 3.2rem);
      line-height: .92;
      letter-spacing: -.06em;
      margin-bottom: 10px;
    }

    .brx-product-subtitle,
.hl-bravix-gutenberg .brx-product-panel--compact .brx-product-subtitle {
      .hl-bravix-gutenberg font-size: .94rem;
      line-height: 1.52;
      max-width: 560px;
      color: rgba(250,250,250,.74);
    }

    .brx-product-toggle {
      .hl-bravix-gutenberg min-height: 38px;
      padding: 0 15px;
      font-size: .86rem;
      box-shadow: none;
    }

    .brx-product-details.is-open {
      .hl-bravix-gutenberg margin-top: 14px;
    }

    .brx-product-copy {
      .hl-bravix-gutenberg font-size: .9rem;
      line-height: 1.58;
    }

    /* Arrondis harmonisés — environ moitié moins arrondis */
    :root {
      .hl-bravix-gutenberg --radius: 18px;
    }

    .hero-visual,
.hl-bravix-gutenberg .hero-trust-band,
.hl-bravix-gutenberg .card,
.hl-bravix-gutenberg .compare-box,
.hl-bravix-gutenberg .product-card,
.hl-bravix-gutenberg .pilot,
.hl-bravix-gutenberg .final-cta,
.hl-bravix-gutenberg .brx-allinone__story,
.hl-bravix-gutenberg .brx-allinone__demo,
.hl-bravix-gutenberg .brx-allinone__device,
.hl-bravix-gutenberg .brx-allinone__how,
.hl-bravix-gutenberg .brx-allinone__protip,
.hl-bravix-gutenberg .brx-roi__calculator,
.hl-bravix-gutenberg .brx-roi__result,
.hl-bravix-gutenberg .brx-product-panel,
.hl-bravix-gutenberg .tradein-block,
.hl-bravix-gutenberg .tradein-number,
.hl-bravix-gutenberg .feature,
.hl-bravix-gutenberg .faq details,
.hl-bravix-gutenberg details,
.hl-bravix-gutenberg .map-placeholder {
      .hl-bravix-gutenberg border-radius: 18px !important;
    }

    .trust-pill,
.hl-bravix-gutenberg .metric,
.hl-bravix-gutenberg .brx-allinone__step,
.hl-bravix-gutenberg .brx-roi__cards div,
.hl-bravix-gutenberg .brx-product-specs div,
.hl-bravix-gutenberg .brx-allinone__settings div,
.hl-bravix-gutenberg .brx-product-toggle,
.hl-bravix-gutenberg .btn {
      .hl-bravix-gutenberg border-radius: 12px !important;
    }

    .btn,
.hl-bravix-gutenberg .brx-product-toggle {
      .hl-bravix-gutenberg border-radius: 18px !important;
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-product-content,
.hl-bravix-gutenberg .brx-product-panel--hero .brx-product-content {
        .hl-bravix-gutenberg padding: 24px;
      }
    }


    /* Frame ACTION — conversion selon maturité du prospect */
    .brx-action {
      .hl-bravix-gutenberg width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
      padding: 104px 0;
      color: var(--text);
    }

    .brx-action__frame {
      .hl-bravix-gutenberg position: relative;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 18px;
      background:
        radial-gradient(circle at 72% 12%, rgba(255,77,0,.20), transparent 40%),
.hl-bravix-gutenberg linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      padding: 42px;
    }

    .brx-action__header {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(320px, .65fr);
      gap: 28px;
      align-items: end;
      margin-bottom: 28px;
    }

    .brx-action__kicker {
      .hl-bravix-gutenberg margin: 0 0 16px;
      color: var(--accent);
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .brx-action__header h2 {
      .hl-bravix-gutenberg margin: 0;
      font-size: clamp(2.25rem, 4.6vw, 4.6rem);
      line-height: .92;
      letter-spacing: -.07em;
      text-wrap: balance;
    }

    .brx-action__header p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: 1.04rem;
      line-height: 1.65;
    }

    .brx-action__cards {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .brx-action__card {
      .hl-bravix-gutenberg position: relative;
      overflow: hidden;
      min-height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 26px;
      padding: 26px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background:
        radial-gradient(circle at 82% 14%, rgba(255,77,0,.12), transparent 40%),
.hl-bravix-gutenberg rgba(0,0,0,.18);
    }

    .brx-action__card::after {
      .hl-bravix-gutenberg content: "";
      position: absolute;
      right: -80px;
      top: -80px;
      width: 180px;
      height: 180px;
      border-radius: 999px;
      border: 1px solid rgba(255,77,0,.20);
      opacity: .8;
    }

    .brx-action__label {
      .hl-bravix-gutenberg display: inline-flex;
      width: fit-content;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,77,0,.26);
      background: rgba(255,77,0,.10);
      color: #fff0e8;
      font-size: .72rem;
      font-weight: 900;
      letter-spacing: .09em;
      text-transform: uppercase;
    }

    .brx-action__card h3 {
      .hl-bravix-gutenberg margin: 18px 0 10px;
      font-size: 1.55rem;
      line-height: 1;
      letter-spacing: -.045em;
    }

    .brx-action__card p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: .96rem;
      line-height: 1.58;
    }

    .brx-action__button {
      .hl-bravix-gutenberg display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      width: fit-content;
      padding: 0 18px;
      border-radius: 999px;
      border: 1px solid rgba(250,250,250,.16);
      background: rgba(250,250,250,.08);
      color: var(--text);
      font-weight: 900;
      text-decoration: none;
      transition: transform .2s ease,
.hl-bravix-gutenberg background .2s ease,
.hl-bravix-gutenberg border-color .2s ease;
    }

    .brx-action__button:hover {
      .hl-bravix-gutenberg transform: translateY(-1px);
      border-color: rgba(255,77,0,.42);
      background: rgba(255,77,0,.14);
    }

    .brx-action__button--primary {
      .hl-bravix-gutenberg border-color: transparent;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      color: #111111;
      box-shadow: 0 18px 55px rgba(255,77,0,.22);
    }

    .brx-action__button--primary:hover {
      .hl-bravix-gutenberg background: linear-gradient(135deg, var(--accent), var(--accent-2));
      color: #111111;
    }

    .brx-action__note {
      .hl-bravix-gutenberg margin-top: 20px;
      padding: 16px 18px;
      border: 1px solid rgba(255,77,0,.22);
      border-radius: 18px;
      background: rgba(255,77,0,.06);
      color: var(--muted);
      font-size: .95rem;
      line-height: 1.55;
    }

    .brx-action__note strong {
      .hl-bravix-gutenberg color: var(--text);
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .brx-action {
        .hl-bravix-gutenberg padding: 76px 0;
      }

      .brx-action__header {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
        align-items: start;
      }

      .brx-action__cards {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }

      .brx-action__card {
        .hl-bravix-gutenberg min-height: auto;
      }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-action {
        .hl-bravix-gutenberg width: min(100% - 28px, var(--max));
        padding: 60px 0;
      }

      .brx-action__frame {
        .hl-bravix-gutenberg padding: 24px;
      }

      .brx-action__button {
        .hl-bravix-gutenberg width: 100%;
      }
    }


    /* Ajustement ACTION — plus direct,
.hl-bravix-gutenberg moins de texte */
    .brx-action__header {
      .hl-bravix-gutenberg align-items: center;
    }

    .brx-action__header h2 {
      .hl-bravix-gutenberg font-size: clamp(2.5rem, 5vw, 5rem);
      line-height: .86;
      letter-spacing: -.08em;
    }

    .brx-action__header h2 span {
      .hl-bravix-gutenberg color: transparent;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      -webkit-background-clip: text;
      background-clip: text;
    }

    .brx-action__header p {
      .hl-bravix-gutenberg max-width: 420px;
      justify-self: end;
      font-size: 1rem;
    }

    .brx-action__card {
      .hl-bravix-gutenberg min-height: 240px;
      padding: 24px;
    }

    .brx-action__card h3 {
      .hl-bravix-gutenberg margin-top: 0;
      font-size: clamp(2rem, 3.2vw, 3rem);
      letter-spacing: -.07em;
    }

    .brx-action__card p {
      .hl-bravix-gutenberg max-width: 310px;
    }

    .brx-action__label {
      .hl-bravix-gutenberg display: none;
    }

    .brx-action__note {
      .hl-bravix-gutenberg text-align: center;
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .brx-action__header p {
        .hl-bravix-gutenberg justify-self: start;
      }
    }


    /* Harmonisation boutons — même arrondi que les frames */
    .btn,
.hl-bravix-gutenberg .brx-product-toggle,
.hl-bravix-gutenberg .brx-action__button,
.hl-bravix-gutenberg .wp-block-button__link {
      .hl-bravix-gutenberg border-radius: 18px !important;
    }


    /* Arrondis finaux — frames et boutons réduits de moitié */
    :root {
      .hl-bravix-gutenberg --radius: 9px;
    }

    .hero-visual,
.hl-bravix-gutenberg .hero-trust-band,
.hl-bravix-gutenberg .card,
.hl-bravix-gutenberg .compare-box,
.hl-bravix-gutenberg .product-card,
.hl-bravix-gutenberg .pilot,
.hl-bravix-gutenberg .final-cta,
.hl-bravix-gutenberg .brx-allinone__story,
.hl-bravix-gutenberg .brx-allinone__demo,
.hl-bravix-gutenberg .brx-allinone__device,
.hl-bravix-gutenberg .brx-allinone__how,
.hl-bravix-gutenberg .brx-allinone__protip,
.hl-bravix-gutenberg .brx-roi__calculator,
.hl-bravix-gutenberg .brx-roi__result,
.hl-bravix-gutenberg .brx-product-panel,
.hl-bravix-gutenberg .tradein-block,
.hl-bravix-gutenberg .tradein-number,
.hl-bravix-gutenberg .feature,
.hl-bravix-gutenberg .faq details,
.hl-bravix-gutenberg details,
.hl-bravix-gutenberg .map-placeholder,
.hl-bravix-gutenberg .brx-action__frame,
.hl-bravix-gutenberg .brx-action__card,
.hl-bravix-gutenberg .brx-action__note {
      .hl-bravix-gutenberg border-radius: 9px !important;
    }

    .trust-pill,
.hl-bravix-gutenberg .metric,
.hl-bravix-gutenberg .brx-allinone__step,
.hl-bravix-gutenberg .brx-roi__cards div,
.hl-bravix-gutenberg .brx-product-specs div,
.hl-bravix-gutenberg .brx-allinone__settings div {
      .hl-bravix-gutenberg border-radius: 6px !important;
    }

    .btn,
.hl-bravix-gutenberg .brx-product-toggle,
.hl-bravix-gutenberg .brx-action__button,
.hl-bravix-gutenberg .wp-block-button__link {
      .hl-bravix-gutenberg border-radius: 9px !important;
    }


    /* Ajustement final — boutons légèrement plus arrondis */
    .btn,
.hl-bravix-gutenberg .brx-product-toggle,
.hl-bravix-gutenberg .brx-action__button,
.hl-bravix-gutenberg .wp-block-button__link {
      .hl-bravix-gutenberg border-radius: 14px !important;
    }


    /* Cartes BRAVIX — révélation au survol */
    .brx-products-section .brx-product-subtitle,
.hl-bravix-gutenberg .brx-products-section .brx-product-actions {
      .hl-bravix-gutenberg opacity: 0;
      transform: translateY(14px);
      max-height: 0;
      overflow: hidden;
      transition:
        opacity .32s ease,
.hl-bravix-gutenberg transform .32s ease,
.hl-bravix-gutenberg max-height .32s ease,
.hl-bravix-gutenberg margin .32s ease;
    }

    .brx-products-section .brx-product-panel:hover .brx-product-subtitle,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel:hover .brx-product-actions,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel:focus-within .brx-product-subtitle,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel:focus-within .brx-product-actions,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel.is-expanded .brx-product-subtitle,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel.is-expanded .brx-product-actions {
      .hl-bravix-gutenberg opacity: 1;
      transform: translateY(0);
      max-height: 180px;
      overflow: visible;
    }

    .brx-products-section .brx-product-panel h3 {
      .hl-bravix-gutenberg transition: transform .32s ease;
    }

    .brx-products-section .brx-product-panel:hover h3,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel:focus-within h3,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel.is-expanded h3 {
      .hl-bravix-gutenberg transform: translateY(-4px);
    }

    .brx-products-section .brx-product-panel.is-expanded .brx-product-details {
      .hl-bravix-gutenberg margin-top: 18px;
    }

    @media (hover: none) {
      .hl-bravix-gutenberg .brx-products-section .brx-product-subtitle,
.hl-bravix-gutenberg .brx-products-section .brx-product-actions {
        .hl-bravix-gutenberg opacity: 1;
        transform: none;
        max-height: none;
        overflow: visible;
      }
    }


    /* Ajustement noms blasters — plus présents dans les cartes */
    .brx-products-section .brx-product-panel h3,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel--compact h3 {
      .hl-bravix-gutenberg font-size: clamp(2.35rem, 4.15vw, 4.45rem);
      line-height: .84;
      letter-spacing: -.08em;
    }


    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-products-section .brx-product-panel h3,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel--compact h3 {
        .hl-bravix-gutenberg font-size: clamp(2.25rem, 12vw, 3.7rem);
      }
    }


    /* Hiérarchie gamme — BRAVIX PRO modèle phare */
    .brx-products-section .brx-product-panel--hero h3 {
      .hl-bravix-gutenberg font-size: clamp(2.95rem, 5.45vw, 6.25rem) !important;
    }

    .brx-products-section .brx-product-panel--compact h3 {
      .hl-bravix-gutenberg font-size: clamp(2rem, 3.45vw, 3.85rem) !important;
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-products-section .brx-product-panel--hero h3,
.hl-bravix-gutenberg .brx-products-section .brx-product-panel--compact h3 {
        .hl-bravix-gutenberg font-size: clamp(2.25rem, 11vw, 3.7rem) !important;
      }
    }


    /* Correctif titre multiligne — éviter les lettres rognées */
    .brx-allinone__story h2 {
      .hl-bravix-gutenberg line-height: 1.04 !important;
      overflow: visible;
    }

    .brx-allinone__story h2 span {
      .hl-bravix-gutenberg padding: 0.04em 0 0.08em;
      margin: -0.04em 0 -0.03em;
      overflow: visible;
    }


    /* Harmonisation finale — contrastes et espacements */
    .hero,
.hl-bravix-gutenberg .brx-allinone,
.hl-bravix-gutenberg .brx-products-section,
.hl-bravix-gutenberg .brx-roi,
.hl-bravix-gutenberg .brx-action,
.hl-bravix-gutenberg > section {
      .hl-bravix-gutenberg scroll-margin-top: 90px;
    }

    .brx-allinone,
.hl-bravix-gutenberg .brx-products-section,
.hl-bravix-gutenberg .brx-roi,
.hl-bravix-gutenberg .brx-action,
.hl-bravix-gutenberg > section:not(.hero):not(.brx-allinone):not(.brx-products-section):not(.brx-roi):not(.brx-action) {
      .hl-bravix-gutenberg padding-top: 88px !important;
      padding-bottom: 88px !important;
    }

    .brx-allinone__demo,
.hl-bravix-gutenberg .brx-roi__result {
      .hl-bravix-gutenberg background:
        radial-gradient(circle at 82% 16%, rgba(255,77,0,.13), transparent 42%),
.hl-bravix-gutenberg #202020 !important;
      border-color: rgba(250,250,250,.16) !important;
    }

    .brx-roi__calculator {
      .hl-bravix-gutenberg background:
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.032)) !important;
    }

    @media (max-width: 920px) {
      .hl-bravix-gutenberg .brx-allinone,
.hl-bravix-gutenberg .brx-products-section,
.hl-bravix-gutenberg .brx-roi,
.hl-bravix-gutenberg .brx-action,
.hl-bravix-gutenberg > section:not(.hero):not(.brx-allinone):not(.brx-products-section):not(.brx-roi):not(.brx-action) {
        .hl-bravix-gutenberg padding-top: 68px !important;
        padding-bottom: 68px !important;
      }
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-allinone,
.hl-bravix-gutenberg .brx-products-section,
.hl-bravix-gutenberg .brx-roi,
.hl-bravix-gutenberg .brx-action,
.hl-bravix-gutenberg > section:not(.hero):not(.brx-allinone):not(.brx-products-section):not(.brx-roi):not(.brx-action) {
        .hl-bravix-gutenberg padding-top: 56px !important;
        padding-bottom: 56px !important;
      }
    }


    /* Projection business — version CA brut uniquement */
    .brx-roi__simple-card {
      .hl-bravix-gutenberg margin-top: 26px;
      padding: 18px;
      border: 1px solid var(--brx-line);
      border-radius: 9px;
      background: rgba(0, 0, 0, 0.18);
    }

    .brx-roi__simple-card span {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 6px;
      color: var(--brx-muted-2);
      font-size: .85rem;
    }

    .brx-roi__simple-card strong {
      .hl-bravix-gutenberg display: block;
      color: var(--brx-white);
      font-size: clamp(1.7rem, 3vw, 2.6rem);
      line-height: 1;
      letter-spacing: -.06em;
    }

    .brx-roi__assumption {
      .hl-bravix-gutenberg margin: 18px 0 0;
      color: var(--brx-muted-2);
      font-size: .82rem;
      line-height: 1.5;
    }


    /* Projection business — module compact */
    .brx-roi__scale {
      .hl-bravix-gutenberg display: none !important;
    }

    .brx-roi__field {
      .hl-bravix-gutenberg padding: 18px 0;
    }

    .brx-roi__field-top {
      .hl-bravix-gutenberg margin-bottom: 10px;
    }

    .brx-roi__calculator,
.hl-bravix-gutenberg .brx-roi__result {
      .hl-bravix-gutenberg padding: 24px;
    }



    /* Prix + leasing produits — uniquement dans En savoir plus */
    .brx-product-finance {
      .hl-bravix-gutenberg display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin: 14px 0 16px;
    }

    .brx-product-finance div {
      .hl-bravix-gutenberg padding: 12px;
      border: 1px solid rgba(250,250,250,.14);
      border-radius: 9px;
      background: rgba(0,0,0,.22);
      backdrop-filter: blur(12px);
    }

    .brx-product-finance span {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 4px;
      color: var(--muted-2);
      font-size: .74rem;
    }

    .brx-product-finance strong {
      .hl-bravix-gutenberg display: block;
      color: var(--text);
      font-size: .95rem;
      line-height: 1.2;
    }

    @media (max-width: 560px) {
      .hl-bravix-gutenberg .brx-product-finance {
        .hl-bravix-gutenberg grid-template-columns: 1fr;
      }
    }


    /* Comment ça marche — placeholder image + portée */
    .brx-allinone__how-image {
      .hl-bravix-gutenberg aspect-ratio: 1 / 1;
      width: 100%;
      margin-top: 16px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background:
        radial-gradient(circle at 50% 38%, rgba(255,77,0,.20), transparent 48%),
.hl-bravix-gutenberg linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: rgba(250,250,250,.58);
      font-size: .82rem;
      font-weight: 900;
      letter-spacing: .10em;
    }

    .brx-allinone__range-note {
      .hl-bravix-gutenberg margin: 12px 0 0 !important;
      padding: 12px;
      border: 1px solid rgba(255,77,0,.20);
      border-radius: 9px;
      background: rgba(255,77,0,.06);
      color: var(--muted) !important;
      font-size: .88rem !important;
      line-height: 1.45 !important;
    }


    /* Mini module reprise — discret sous les CTA */
    .brx-action__tradein {
      .hl-bravix-gutenberg display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-top: 16px;
      padding: 16px 18px;
      border: 1px solid rgba(250,250,250,.12);
      border-radius: 9px;
      background: rgba(0,0,0,.14);
    }

    .brx-action__tradein strong {
      .hl-bravix-gutenberg display: block;
      margin-bottom: 4px;
      color: var(--text);
      font-size: .98rem;
      letter-spacing: -.015em;
    }

    .brx-action__tradein p {
      .hl-bravix-gutenberg margin: 0;
      color: var(--muted);
      font-size: .9rem;
      line-height: 1.45;
    }

    .brx-action__tradein-link {
      .hl-bravix-gutenberg display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      flex: 0 0 auto;
      padding: 0 14px;
      border: 1px solid rgba(255,77,0,.28);
      border-radius: 9px;
      background: rgba(255,77,0,.08);
      color: #fff0e8;
      font-weight: 850;
      font-size: .9rem;
      text-decoration: none;
      transition: transform .2s ease,
.hl-bravix-gutenberg background .2s ease,
.hl-bravix-gutenberg border-color .2s ease;
    }

    .brx-action__tradein-link:hover {
      .hl-bravix-gutenberg transform: translateY(-1px);
      border-color: rgba(255,77,0,.42);
      background: rgba(255,77,0,.13);
    }

    @media (max-width: 720px) {
      .hl-bravix-gutenberg .brx-action__tradein {
        .hl-bravix-gutenberg align-items: stretch;
        flex-direction: column;
      }

      .brx-action__tradein-link {
        width: 100%;
      }
    }

/* Force certaines sections BRAVIX à sortir du conteneur Elementor */
.hl-bravix-gutenberg .hero,
.hl-bravix-gutenberg .brx-products-section {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Hero réellement pleine largeur */
.hl-bravix-gutenberg .hero-stage {
  width: 100vw;
  max-width: 100vw;
}

/* Évite qu'Elementor coupe les éléments full-width */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
  overflow: visible !important;
}

/* Sécurité : le wrapper ne doit pas être limité */
.hl-bravix-gutenberg {
  width: 100%;
  max-width: none;
}