.marketing .hero-copy {
  background:
    radial-gradient(circle at 88% 78%, rgba(95, 196, 147, .2), transparent 31%),
    linear-gradient(138deg, #222827 0%, #263b32 52%, #34745a 100%);
}

.marketing .hero-copy::after {
  border-color: rgba(95, 196, 147, .48);
  background: transparent;
  box-shadow: 0 0 0 52px rgba(95, 196, 147, .06), 0 0 0 104px rgba(95, 196, 147, .035);
}

.marketing .hero-demo-qr {
  position: relative;
  z-index: 1;
  display: grid;
  width: max-content;
  max-width: 100%;
  grid-template-columns: 76px minmax(0, 174px);
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 8px 13px 8px 8px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 17px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: 0 14px 36px rgba(16, 25, 21, .15);
  backdrop-filter: blur(10px);
  transition: transform .2s ease, background .2s ease;
}

.marketing .hero-demo-qr:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, .16);
}

.marketing .hero-demo-qr img {
  display: block;
  width: 76px;
  height: 76px;
  border-radius: 10px;
  background: #fff;
}

.marketing .hero-demo-qr span {
  display: grid;
  gap: 3px;
}

.marketing .hero-demo-qr b {
  font: 800 .8rem/1.2 Outfit, sans-serif;
}

.marketing .hero-demo-qr small {
  color: #d1dad5;
  font-size: .65rem;
  line-height: 1.35;
}

.marketing .feature-band {
  background:
    radial-gradient(circle at 84% 28%, rgba(95, 196, 147, .24), transparent 34%),
    linear-gradient(118deg, #222827 0%, #2b4036 56%, #3d7c61 100%);
}

.marketing .feature-list p {
  border-color: rgba(95, 196, 147, .22);
}

.marketing .feature-list b,
.marketing .trust-list li::before,
.marketing .brand-inline span {
  color: #5fc493;
}

.marketing .ai-story {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(48px, 8vw, 120px);
  align-items: center;
  padding: 112px clamp(24px, 8vw, 132px);
  border-bottom: 1px solid rgba(38, 42, 42, .12);
  background:
    radial-gradient(520px 260px at 8% 6%, rgba(95, 196, 147, .075), transparent 70%),
    radial-gradient(440px 240px at 94% 92%, rgba(242, 183, 53, .075), transparent 72%),
    #fbfaf6;
}

.marketing .ai-story-copy h2 {
  max-width: 720px;
  margin: 0;
  font-family: Outfit, sans-serif;
  font-size: clamp(3rem, 5vw, 5.3rem);
  font-weight: 650;
  letter-spacing: -.058em;
  line-height: .96;
}

.marketing .ai-story-copy > p:not(.eyebrow) {
  max-width: 680px;
  margin: 28px 0 20px;
  color: var(--muted);
  font-size: 1.08rem;
}

.marketing .ai-story-copy ul {
  display: grid;
  gap: 10px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.marketing .ai-story-copy li {
  position: relative;
  padding-left: 28px;
  color: #33443d;
  font-weight: 700;
}

.marketing .ai-story-copy li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #34745a;
  font-weight: 900;
}

.marketing .ai-story-demo {
  position: relative;
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(52, 70, 62, .16);
  border-radius: 32px;
  background: rgba(255, 253, 248, .78);
  box-shadow: 0 30px 85px rgba(38, 42, 42, .11);
  backdrop-filter: blur(18px);
}

.marketing .ai-story-demo::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -16px 28px 22px -16px;
  border-radius: 36px;
  background: linear-gradient(145deg, rgba(95, 196, 147, .17), rgba(242, 183, 53, .13));
  filter: blur(5px);
}

.marketing .ai-prompt {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 20px;
  border-radius: 21px;
  background: #29342f;
  color: #fff;
}

.marketing .ai-prompt p { margin: 0; line-height: 1.55; }
.marketing .ai-mic { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #5fc493; color: #fff; box-shadow: 0 0 0 7px rgba(95, 196, 147, .13); }
.marketing .ai-result { padding: 22px; border: 1px solid #dce6df; border-radius: 23px; background: #fff; }
.marketing .ai-result-head { display: flex; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #e7ece8; }
.marketing .ai-result-head > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 14px; background: #e5f4ec; color: #34745a; font-size: 1.25rem; }
.marketing .ai-result-head div { display: grid; }
.marketing .ai-result-head small { color: #718078; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.marketing .ai-result-head b { font-size: 1.12rem; }
.marketing .ai-result ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; padding: 0; list-style: none; }
.marketing .ai-result li { display: flex; gap: 9px; align-items: center; min-height: 64px; padding: 11px 13px; border-radius: 14px; background: #f4f7f4; }
.marketing .ai-result li i { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #5fc493; color: white; font-size: .72rem; font-style: normal; }
.marketing .ai-result li span { display: grid; color: #68766f; font-size: .76rem; line-height: 1.3; }
.marketing .ai-result li b { color: #26312d; font-size: .84rem; }
.marketing .ai-result-note { display: flex; gap: 9px; align-items: center; margin: 18px 0 0; padding: 13px 15px; border-top: 1px solid #e7ece8; color: #4f6259; font-size: .82rem; font-weight: 750; }
.marketing .ai-result-note span { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border-radius: 50%; background: #e5f4ec; color: #34745a; font-size: .72rem; }
.marketing .photo-story { border-top: 0; }

@media (max-width: 1050px) {
  .marketing .ai-story { grid-template-columns: 1fr; }
  .marketing .ai-story-copy { max-width: 780px; }
}

.marketing .final-cta {
  background:
    radial-gradient(circle at 78% 45%, rgba(95, 196, 147, .21), transparent 30%),
    linear-gradient(118deg, #222827 0%, #293d34 62%, #356c55 100%);
}

.marketing .final-cta::after {
  background: #5fc493;
  opacity: .82;
}

.marketing .eyebrow::before,
.marketing .steps article:nth-child(2) .step-copy span,
.marketing .photo-main::after {
  background: #5fc493;
}

@media (max-width: 760px) {
  .marketing .hero-copy {
    background: linear-gradient(150deg, #222827 0%, #294236 62%, #377a5e 100%);
  }

  .marketing .hero-demo-qr { display: none; }

  .marketing .ai-story { padding: 76px 20px; }
  .marketing .ai-story-copy h2 { font-size: 3.1rem; }
  .marketing .ai-result ul { grid-template-columns: 1fr; }
  .marketing .ai-story-demo { padding: 14px; border-radius: 24px; }
}

/* Présentation produit : plusieurs types d'hébergements, usages voyageurs et parcours complet. */
.marketing .audience-proof{padding:110px clamp(24px,8vw,132px);background:#fbfaf6}.marketing .audience-proof-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);column-gap:clamp(36px,8vw,120px);align-items:end;margin-bottom:42px}.marketing .audience-proof-head .eyebrow{grid-column:1/-1}.marketing .audience-proof-head h2{max-width:820px;margin:0;font:650 clamp(2.8rem,5.2vw,5.4rem)/.96 Outfit,sans-serif;letter-spacing:-.06em}.marketing .audience-proof-head>p:last-child{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.65}.marketing .audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marketing .audience-grid figure{position:relative;overflow:hidden;margin:0;border-radius:25px;background:#252a28;box-shadow:0 22px 58px rgba(38,42,42,.13)}.marketing .audience-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9) contrast(1.02);transition:transform .4s ease}.marketing .audience-grid figure:hover img{transform:scale(1.025)}.marketing .audience-grid figcaption{position:absolute;right:12px;bottom:12px;left:12px;display:grid;gap:2px;padding:13px 15px;border:1px solid rgba(255,255,255,.5);border-radius:15px;background:rgba(251,250,246,.92);color:#28312d;backdrop-filter:blur(14px)}.marketing .audience-grid figcaption b{font:750 .93rem Outfit,sans-serif}.marketing .audience-grid figcaption span{color:#69736d;font-size:.7rem}
.marketing .guest-proof{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:clamp(44px,8vw,120px);align-items:center;padding:110px clamp(24px,8vw,132px);background:#e9e4da}.marketing .guest-proof>div:first-child{max-width:620px}.marketing .guest-proof h2{margin:0 0 22px;font:650 clamp(2.8rem,5vw,5.1rem)/.96 Outfit,sans-serif;letter-spacing:-.06em}.marketing .guest-proof>div:first-child>p:not(.eyebrow){margin:0 0 25px;color:#68716c;font-size:1.05rem;line-height:1.65}.marketing .guest-proof .text-link{display:inline-flex;align-items:center;color:#2f6f55}.marketing .guest-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.marketing .guest-proof-grid article{display:grid;min-height:170px;align-content:start;gap:7px;padding:20px;border:1px solid rgba(38,42,42,.09);border-radius:21px;background:rgba(255,253,248,.82);box-shadow:0 14px 36px rgba(38,42,42,.055)}.marketing .guest-proof-grid span{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:#e4f2ea;color:#2f7355;font-size:.66rem;font-weight:850}.marketing .guest-proof-grid b{font:750 1rem Outfit,sans-serif}.marketing .guest-proof-grid p{margin:0;color:#6e7771;font-size:.76rem;line-height:1.5}
.marketing .steps{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing .step-custom{display:grid;grid-template-columns:repeat(3,32px);place-content:center;gap:7px;background:linear-gradient(145deg,#e7f3ec,#f7edcf)}.marketing .step-custom>i{height:72px;border:4px solid #fff;border-radius:11px;background:linear-gradient(180deg,#5fc493 0 26%,#fff 26%);box-shadow:0 10px 24px rgba(38,42,42,.1)}.marketing .step-custom>i:nth-child(2){background:linear-gradient(180deg,#f2b735 0 45%,#fff 45%)}.marketing .step-custom>i:nth-child(3){background:linear-gradient(180deg,#26312d 0 62%,#fff 62%)}.marketing .step-custom>strong{position:absolute;right:17px;top:16px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff;color:#347357}.marketing .step-live{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px 12px;padding:24px;background:linear-gradient(145deg,#29332f,#426a58);color:#fff}.marketing .step-live span{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;padding:5px 8px;border-radius:99px;background:#e7f4ed;color:#347357;font-size:.58rem}.marketing .step-live b{align-self:center;font-size:1.1rem}.marketing .step-live i{grid-column:1/-1;height:6px;border-radius:99px;background:linear-gradient(90deg,#5fc493 0 68%,rgba(255,255,255,.2) 68%)}
.marketing .feature-intro{max-width:570px;margin:25px 0 0;color:#cbd7d0;font-size:1rem;line-height:1.65}.marketing .pricing-reassurance{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 0;padding:0;list-style:none}.marketing .pricing-reassurance li{padding:12px 13px;border:1px solid rgba(38,42,42,.12);border-radius:13px;background:rgba(255,253,248,.46);color:#35403b;font-size:.75rem;font-weight:750}.marketing .pricing-reassurance li::before{content:'✓';margin-right:8px;color:#347357;font-weight:900}
@media(max-width:1180px){.marketing .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.marketing .audience-proof-head,.marketing .guest-proof{grid-template-columns:1fr}.marketing .audience-proof-head{gap:20px}.marketing .audience-grid{grid-template-columns:1fr 1fr}.marketing .audience-grid figure:last-child{grid-column:1/-1}.marketing .audience-grid figure:last-child img{aspect-ratio:2/1}.marketing .guest-proof-grid{max-width:760px}}
@media(max-width:760px){.marketing .audience-proof,.marketing .guest-proof{padding:72px 20px}.marketing .audience-proof-head{margin-bottom:27px}.marketing .audience-proof-head h2,.marketing .guest-proof h2{font-size:3rem}.marketing .audience-grid{grid-template-columns:1fr}.marketing .audience-grid figure:last-child{grid-column:auto}.marketing .audience-grid figure:last-child img,.marketing .audience-grid img{aspect-ratio:4/3}.marketing .guest-proof{gap:36px}.marketing .guest-proof-grid{grid-template-columns:1fr 1fr}.marketing .guest-proof-grid article{min-height:150px;padding:16px}.marketing .steps{grid-template-columns:1fr}.marketing .pricing-reassurance{grid-template-columns:1fr}}
@media(max-width:480px){.marketing .guest-proof-grid{grid-template-columns:1fr}.marketing .guest-proof-grid article{min-height:0}.marketing .audience-proof-head h2,.marketing .guest-proof h2{font-size:2.6rem}}

/* Lecture confortable sur les écrans très larges. */
.marketing,.marketing-header,.marketing-footer{width:100%;max-width:1680px;margin-right:auto;margin-left:auto}
.marketing #pour-qui,.marketing #voyageurs,.marketing #parcours,.marketing #possibilites,.marketing #tarif{scroll-margin-top:108px}
@media(min-width:1681px){body{background:#ded9cf}.marketing{overflow:hidden;box-shadow:0 0 80px rgba(38,42,42,.11)}.marketing-header{right:0;left:0;border-radius:0 0 28px 28px}.marketing-footer{box-shadow:0 28px 80px rgba(38,42,42,.12)}}

/* Usages voyageurs : des repères visuels plutôt que quatre blocs de texte. */
.marketing .guest-proof-grid article{position:relative;min-height:205px;padding:22px 22px 24px;overflow:hidden}
.marketing .guest-proof-grid article>span{position:absolute;z-index:2;top:16px;right:16px;background:rgba(255,255,255,.78);color:#4c6f5d}
.marketing .guest-proof-icon{display:grid;width:66px;height:66px;margin-bottom:10px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#dff3e8,#f5edcf);color:#326f54}
.marketing .guest-proof-grid article:nth-child(2) .guest-proof-icon{background:linear-gradient(145deg,#e1eef4,#e8f5ec);color:#2b6470}
.marketing .guest-proof-grid article:nth-child(3) .guest-proof-icon{background:linear-gradient(145deg,#f7e4c3,#f5d9ca);color:#a65f24}
.marketing .guest-proof-grid article:nth-child(4) .guest-proof-icon{background:linear-gradient(145deg,#ebe3f5,#f4e5ed);color:#73577e}
.marketing .guest-proof-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Parcours plus humain, moins proche d'un écran de paramétrage. */
.marketing .story-head h2{max-width:900px}
.marketing .steps{gap:14px}
.marketing .steps article{padding:14px;gap:15px}
.marketing .step-simple{display:grid;height:126px;place-items:center;border-radius:20px}
.marketing .step-simple svg{width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.marketing .step-simple-start{background:#284b3d;color:#f7d17c}
.marketing .step-simple-style{background:#f4dfaa;color:#5d4821}
.marketing .step-simple-share{background:#dceee5;color:#347357}
.marketing .step-simple-live{background:#e5e1ef;color:#654d72}
.marketing .step-copy h3{font-size:1.45rem}
.marketing .step-copy p{color:#6e716b}

/* Possibilités : une icône et un bénéfice lisible par ligne. */
.marketing .feature-list{display:grid;gap:0}
.marketing .feature-list p{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:17px;margin:0;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.marketing .feature-list p>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.09);color:#74d5aa;font-style:normal}
.marketing .feature-list p>i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.marketing .feature-list p>span{display:grid;gap:3px}
.marketing .feature-list b{color:#67ce9f;font-size:1.03rem}
.marketing .feature-list em{color:#d8ddd9;font-size:.82rem;font-style:normal;line-height:1.45}

@media(max-width:900px){.marketing .step-simple{height:140px}.marketing .feature-list p{grid-template-columns:46px 1fr}.marketing .feature-list p>i{width:43px;height:43px}}
@media(max-width:620px){.marketing .guest-proof-grid article{min-height:180px}.marketing .step-simple{height:100px}.marketing .step-simple svg{width:49px;height:49px}.marketing .feature-list p{padding:15px 0}.marketing .feature-list em{font-size:.76rem}}

/* Boutique de services */
.marketing .shop-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr);gap:clamp(55px,9vw,145px);align-items:center;padding:clamp(85px,9vw,140px) clamp(24px,7vw,118px);background:radial-gradient(circle at 88% 12%,rgba(96,197,151,.22),transparent 35%),#f7f2e8}.marketing .shop-story-copy h2{max-width:820px;margin:0;font:800 clamp(3rem,5.2vw,5.8rem)/.92 Outfit,sans-serif;letter-spacing:-.055em}.marketing .shop-story-copy>p:not(.eyebrow){max-width:710px;margin:25px 0;color:#66716b;font-size:1rem;line-height:1.65}.marketing .shop-story-copy ul{display:grid;gap:11px;margin:25px 0;padding:0;list-style:none}.marketing .shop-story-copy li{display:flex;gap:10px;color:#394640;font-weight:750}.marketing .shop-story-copy li::before{content:'✓';color:#36785a;font-weight:900}.marketing .shop-story-copy>small{display:block;max-width:690px;margin:-2px 0 25px;color:#79817c;font-size:.7rem;line-height:1.5}.marketing .shop-story-preview{display:grid;gap:11px;padding:26px;border:9px solid #27302c;border-radius:38px;background:#fffdf8;box-shadow:0 30px 80px rgba(31,39,35,.18);transform:rotate(1.5deg)}.marketing .shop-preview-head{display:grid;gap:5px;padding:8px 4px 16px}.marketing .shop-preview-head span{color:#b87400;font-size:.67rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.marketing .shop-preview-head b{font:800 1.65rem/1 Outfit,sans-serif}.marketing .shop-story-preview article{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px;border:1px solid #e3ddd1;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(31,39,35,.05)}.marketing .shop-story-preview article>i{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:#edf5f0;color:#347357;font-style:normal}.marketing .shop-story-preview article>div{display:grid;gap:3px}.marketing .shop-story-preview article b{font-size:.85rem}.marketing .shop-story-preview article small{color:#717a74;font-size:.65rem}.marketing .shop-story-preview article strong{padding:6px 8px;border-radius:99px;background:#fff0e5;color:#9a563e;font-size:.72rem}.marketing .shop-story-preview article button{grid-column:2/-1;border:0;border-radius:11px;padding:10px;background:#26312d;color:#fff;font-weight:800}.marketing .shop-story-preview>p{display:flex;gap:9px;align-items:center;margin:5px 0 0;padding:12px 14px;border-radius:14px;background:#eaf3ee;color:#53645b;font-size:.68rem}.marketing .shop-story-preview>p span{color:#347357;font-weight:900}
@media(max-width:980px){.marketing .shop-story{grid-template-columns:1fr}.marketing .shop-story-preview{width:min(100%,600px);transform:none}}
@media(max-width:620px){.marketing .shop-story{padding:72px 20px}.marketing .shop-story-copy h2{font-size:3.25rem}.marketing .shop-story-preview{padding:15px;border-width:6px;border-radius:27px}.marketing .shop-story-preview article{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.marketing .shop-story-preview article>i{width:42px;height:42px}.marketing .shop-story-preview article small{font-size:.59rem}}
.marketing .shop-story-preview .shop-preview-button{grid-column:2/-1;border-radius:11px;padding:10px;background:#26312d;color:#fff;font-size:.72rem;font-weight:800;text-align:center}