.marketing-section{margin-top:clamp(38px,6vw,72px)}
.section-heading{max-width:820px;margin-bottom:24px}
.section-heading h2,.page-head h2{font:clamp(2rem,4vw,3.3rem)/1.08 Georgia,serif;margin:.15em 0}
.section-heading p:last-child{color:var(--muted)}
.service-grid .item-card{position:relative;overflow:hidden}
.service-grid .item-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}
.connections-panel{background:linear-gradient(125deg,#fff,#f8eee4)}
.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.connection-grid span{padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:750}
.connection-note{margin:18px 0 0;color:var(--muted);font-size:.9rem}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.offer-card{display:flex;flex-direction:column;align-items:flex-start}
.offer-card.featured{border-color:#d8b467;background:linear-gradient(145deg,#fff,#fbf0d9)}
.offer-name{margin:0;color:var(--wine);font-weight:850}
.offer-price{font:clamp(2.4rem,5vw,4rem)/1 Georgia,serif;margin:12px 0}
.offer-price small{font:1rem Inter,system-ui,sans-serif;color:var(--muted)}
.primary-link,.secondary-link{display:inline-block;border-radius:10px;padding:11px 17px;text-decoration:none;font-weight:850}
.primary-link{margin-top:auto;background:linear-gradient(135deg,#efd18a,#bf8537);color:#28121b}
.secondary-link{border:1px solid var(--wine);color:var(--wine)}
.library-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}
.library-panel h2{margin:.2em 0}
.subscription-panel{margin-top:28px}
@media(max-width:850px){.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-panel{grid-template-columns:1fr}.library-panel .secondary-link{justify-self:start}}
@media(max-width:600px){.offer-grid,.connection-grid{grid-template-columns:1fr}.marketing-section{margin-top:38px}.offer-card,.connections-panel,.library-panel{padding:20px}.secondary{padding:8px 10px;font-size:.82rem}}

/* V3.4.3.3 - page découverte Marketing compacte et lisible */

body:has(.marketing-section){
  font-size:15px;
}

body:has(.marketing-section) .topbar{
  min-height:64px;
  height:auto;
  padding:8px clamp(18px,4vw,48px);
}

body:has(.marketing-section) .topbar .brand img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}

body:has(.marketing-section) main{
  width:min(1280px,calc(100% - 36px));
  margin:auto;
  padding:26px 0 58px!important;
}

body:has(.marketing-section) .hero{
  min-height:0!important;
  padding:34px 38px!important;
  border-radius:22px;
}

body:has(.marketing-section) .hero h1{
  font-size:clamp(2.5rem,4.4vw,4.3rem)!important;
  line-height:1.02!important;
  max-width:1050px;
  margin:10px 0 16px!important;
}

body:has(.marketing-section) .hero p{
  max-width:1050px;
  font-size:1rem!important;
  line-height:1.5;
}

body:has(.marketing-section) .hero-mark{
  font-size:1.5rem!important;
}

body:has(.marketing-section) .marketing-section{
  margin-top:34px!important;
}

body:has(.marketing-section) .section-heading{
  max-width:980px;
  margin-bottom:18px!important;
}

body:has(.marketing-section) .section-heading h2,
body:has(.marketing-section) .page-head h2{
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1.08!important;
}

body:has(.marketing-section) .section-heading p{
  font-size:.98rem;
  line-height:1.5;
}

body:has(.marketing-section) .service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body:has(.marketing-section) .service-grid .item-card{
  padding:18px 20px!important;
  min-height:0!important;
}

body:has(.marketing-section) .service-grid .item-card h3{
  font-size:1.25rem!important;
  margin:0 0 6px!important;
}

body:has(.marketing-section) .service-grid .item-card p{
  margin:0!important;
  font-size:.94rem!important;
}

body:has(.marketing-section) .connections-panel{
  padding:26px 30px!important;
  background:linear-gradient(135deg,#34241d,#243126)!important;
  color:#fff6df!important;
  border-color:#805b3f!important;
}

body:has(.marketing-section) .connections-panel .section-heading h2,
body:has(.marketing-section) .connections-panel .section-heading p,
body:has(.marketing-section) .connections-panel .eyebrow,
body:has(.marketing-section) .connections-panel .connection-note{
  color:#fff0d2!important;
}

body:has(.marketing-section) .connection-grid span{
  padding:12px 14px!important;
  background:#fff9ef!important;
  color:#2f211b!important;
  border-color:#a17a59!important;
}

body:has(.marketing-section) .offer-grid{
  gap:14px!important;
}

body:has(.marketing-section) .offer-card{
  padding:24px 26px!important;
  min-height:280px;
}

body:has(.marketing-section) .offer-card .offer-name{
  color:#fff0d2!important;
}

body:has(.marketing-section) .offer-card.featured{
  background:linear-gradient(145deg,#3b2b21,#273228)!important;
  color:#fff6df!important;
  border-color:#d8b467!important;
}

body:has(.marketing-section) .offer-card.featured .offer-name,
body:has(.marketing-section) .offer-card.featured .offer-price,
body:has(.marketing-section) .offer-card.featured .offer-price small,
body:has(.marketing-section) .offer-card.featured p{
  color:#fff0d2!important;
}

body:has(.marketing-section) .offer-price{
  font-size:clamp(2.6rem,4vw,3.5rem)!important;
}

body:has(.marketing-section) .library-panel{
  padding:28px 30px!important;
}

body:has(.marketing-section) .library-panel h2{
  font-size:clamp(2rem,3vw,2.8rem)!important;
}

body:has(.marketing-section) .library-panel p{
  font-size:.96rem;
  line-height:1.55;
}

@media(max-width:850px){
  body:has(.marketing-section) .service-grid{
    grid-template-columns:1fr;
  }

  body:has(.marketing-section) .hero{
    padding:26px 22px!important;
  }
}

/* V3.4.3.4 - resserrage vertical page découverte Marketing */
body:has(.marketing-section) .hero{
  padding-top:24px!important;
  padding-bottom:24px!important;
}

body:has(.marketing-section) .hero h1{
  margin:6px 0 10px!important;
}

body:has(.marketing-section) .hero p{
  margin-top:6px!important;
  margin-bottom:6px!important;
}

body:has(.marketing-section) .marketing-section{
  margin-top:24px!important;
}

body:has(.marketing-section) .section-heading{
  margin-bottom:12px!important;
}

body:has(.marketing-section) .service-grid{
  gap:10px 12px!important;
}

body:has(.marketing-section) .service-grid .item-card{
  padding:14px 18px!important;
}

body:has(.marketing-section) .service-grid .item-card h3{
  margin-bottom:4px!important;
}

body:has(.marketing-section) .service-grid .item-card p{
  line-height:1.35!important;
}

/* V3.4.3.5 - services Marketing réellement compacts */
body:has(.marketing-section) .service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:min-content!important;
  align-items:start!important;
  align-content:start!important;
  gap:8px 12px!important;
}

body:has(.marketing-section) .service-grid .item-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  padding:11px 16px!important;
  margin:0!important;
}

body:has(.marketing-section) .service-grid .item-card h3{
  margin:0 0 3px!important;
  padding:0!important;
  font-size:1.12rem!important;
  line-height:1.2!important;
}

body:has(.marketing-section) .service-grid .item-card p{
  margin:0!important;
  padding:0!important;
  font-size:.9rem!important;
  line-height:1.3!important;
}

body:has(.marketing-section) .marketing-section:first-of-type{
  margin-top:16px!important;
}

body:has(.marketing-section) .marketing-section:first-of-type .section-heading{
  margin-bottom:9px!important;
}

@media(max-width:700px){
  body:has(.marketing-section) .service-grid{
    grid-template-columns:1fr!important;
  }
}

/* V3.4.3.6 - finition compacte page découverte Marketing */
body:has(.marketing-section) .hero h1{
  font-size:clamp(2.2rem,3.4vw,3.5rem)!important;
}

body:has(.marketing-section) .hero p{
  font-size:.92rem!important;
}

body:has(.marketing-section) .section-heading h2{
  font-size:clamp(1.7rem,2.4vw,2.4rem)!important;
}

body:has(.marketing-section) .section-heading p{
  font-size:.9rem!important;
}

body:has(.marketing-section) .service-grid .item-card h3{
  font-size:1rem!important;
}

body:has(.marketing-section) .service-grid .item-card p{
  font-size:.84rem!important;
}

body:has(.marketing-section) .library-panel h2,
body:has(.marketing-section) .marketing-section h2{
  font-size:clamp(1.8rem,2.5vw,2.5rem)!important;
}

body:has(.marketing-section) .marketing-section h3{
  font-size:1.05rem!important;
}

body:has(.marketing-section) .marketing-section p{
  font-size:.9rem;
}

body:has(.marketing-section) .marketing-section{
  margin-top:20px!important;
}