/* ============================================================
   KB DIGITAL — business.css
   Pôle Développement Commercial
   Identité : Noir profond / Or / Corporate / Sobre
   Mobile-first — breakpoints: 480 / 600 / 768 / 900 / 1200
============================================================ */

/* ── Ajustements page body ── */
.page--business{
  background: var(--c-black);
}

/* ── Badge activité (barre en haut sous nav) ── */
.biz-activity-badge{
  position: fixed;
  top: var(--nav-h);
  left: 0;
  width: 100%;
  z-index: 90;
  background: rgba(201,169,110,.08);
  border-bottom: 1px solid rgba(201,169,110,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: .35rem 1rem;
  font-size: .58rem;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--c-accent);
  backdrop-filter: blur(12px);
  pointer-events: none;
  user-select: none;
}
.biz-activity-badge__dot{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--c-accent);
  animation: pulse 2s ease-in-out infinite;
}

/* ═══════════════════════════════════════
   HERO BUSINESS
═══════════════════════════════════════ */
.biz-hero{
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--c-black);
  padding-top: calc(var(--nav-h) + 2.6rem); /* badge height */
}

/* Fond géométrique */
.biz-hero__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

/* Grille de points */
.biz-hero__grid{
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(201,169,110,.12) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
  animation: gridDrift 20s ease-in-out infinite alternate;
}
@keyframes gridDrift{
  from{ transform: translate(0,0) }
  to{ transform: translate(12px,-12px) }
}

/* Orbes lumineux */
.biz-hero__orb{
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .08;
  animation: orbFloat 12s ease-in-out infinite alternate;
}
.biz-hero__orb--1{
  width: 600px;
  height: 600px;
  background: var(--c-accent);
  top: -200px;
  right: -150px;
  animation-duration: 16s;
}
.biz-hero__orb--2{
  width: 400px;
  height: 400px;
  background: rgba(201,169,110,.6);
  bottom: -100px;
  left: -100px;
  animation-duration: 12s;
  animation-direction: alternate-reverse;
}
@keyframes orbFloat{
  from{ transform: scale(1) translate(0,0) }
  to{ transform: scale(1.1) translate(30px,-20px) }
}

/* Lignes SVG */
.biz-hero__lines{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Overlay gradient */
.biz-hero::after{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to bottom,
      rgba(10,10,10,.5) 0%,
      rgba(10,10,10,.1) 40%,
      rgba(10,10,10,.2) 70%,
      rgba(10,10,10,.85) 100%);
}

/* Contenu */
.biz-hero__container{
  position: relative;
  z-index: 2;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 2rem var(--space-md) 5rem;
  width: 100%;
}

.biz-hero__content{
  max-width: 760px;
}

/* Eyebrow */
.biz-hero__eyebrow{
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}
.biz-hero__eyebrow-tag{
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--c-accent);
  padding: .3rem .9rem;
  border: 1px solid rgba(201,169,110,.3);
  background: rgba(201,169,110,.05);
}
.biz-hero__eyebrow-sep{
  display: block;
  width: 30px;
  height: 1px;
  background: rgba(201,169,110,.4);
  flex-shrink: 0;
}
.biz-hero__eyebrow-sub{
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(245,243,239,.4);
}

/* Titre hero */
.biz-hero__title{
  font-family: var(--font-display);
  font-size: clamp(2.8rem,7vw,6.5rem);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -.01em;
  color: var(--c-white);
  margin-bottom: 2rem;
}
.biz-hero__title em{
  font-style: italic;
  color: var(--c-accent);
  display: block;
}

/* Description */
.biz-hero__desc{
  font-size: 1rem;
  color: rgba(245,243,239,.65);
  font-weight: 300;
  line-height: 1.85;
  margin-bottom: 2.8rem;
  max-width: 580px;
}

/* CTAs */
.biz-hero__ctas{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 4rem;
}

/* Métriques */
.biz-hero__metrics{
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.4rem 2rem;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(201,169,110,.12);
  backdrop-filter: blur(12px);
  width: fit-content;
  max-width: 100%;
}
.biz-metric{
  display: flex;
  align-items: center;
  gap: .8rem;
}
.biz-metric__icon{
  color: var(--c-accent);
  opacity: .7;
  flex-shrink: 0;
}
.biz-metric__value{
  display: block;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--c-accent);
  line-height: 1;
}
.biz-metric__label{
  display: block;
  font-size: .58rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(245,243,239,.4);
  margin-top: .25rem;
}
.biz-metric__divider{
  width: 1px;
  height: 2.5rem;
  background: rgba(201,169,110,.15);
  flex-shrink: 0;
}

/* Scroll hint */
.biz-hero__scroll{
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  opacity: .3;
  z-index: 2;
}
.biz-hero__scroll span{
  font-size: .58rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--c-accent);
}
.biz-hero__scroll-line{
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, var(--c-accent), transparent);
  animation: scrollAnim 2s ease-in-out infinite;
}

/* Ticker business */
.biz-ticker{
  background: rgba(201,169,110,.04);
  border-top-color: rgba(201,169,110,.15);
  border-bottom-color: rgba(201,169,110,.15);
}
.biz-ticker .ticker__track span{
  color: rgba(201,169,110,.4);
}
.biz-ticker .ticker__sep{
  color: rgba(201,169,110,.6) !important;
}

/* ═══════════════════════════════════════
   SECTION OFFRE
═══════════════════════════════════════ */
.biz-offre{
  padding: var(--space-xl) 0;
  background: var(--c-dark);
  border-top: 1px solid var(--c-border);
  position: relative;
  overflow: hidden;
}
.biz-offre__bg-text{
  position: absolute;
  right: -2rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-display);
  font-size: clamp(10rem,18vw,22rem);
  font-weight: 300;
  font-style: italic;
  color: rgba(201,169,110,.025);
  pointer-events: none;
  user-select: none;
  line-height: 1;
}
.biz-offre__inner{
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 6rem;
  align-items: start;
  position: relative;
  z-index: 1;
}
.biz-offre__title{
  font-family: var(--font-display);
  font-size: clamp(2.4rem,5vw,4.2rem);
  font-weight: 300;
  line-height: 1.08;
  margin-bottom: 1.5rem;
}
.biz-offre__title em{ font-style: italic; color: var(--c-accent); }
.biz-offre__intro{
  color: var(--c-light);
  font-size: .92rem;
  line-height: 1.9;
  margin-bottom: 1.2rem;
  font-weight: 300;
}

/* Pilliers business */
.biz-pillars{
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--c-border);
}
.biz-pillar{
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 1.5rem;
  padding: 1.8rem 2rem;
  border-bottom: 1px solid var(--c-border);
  background: var(--c-charcoal);
  transition: background .3s, border-color .3s;
  position: relative;
  overflow: hidden;
}
.biz-pillar:last-child{ border-bottom: none; }
.biz-pillar::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, var(--c-accent), var(--c-accent2));
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .4s var(--ease-out);
}
.biz-pillar:hover{ background: var(--c-mid); }
.biz-pillar:hover::before{ transform: scaleY(1); }

.biz-pillar__num{
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 300;
  color: rgba(201,169,110,.3);
  line-height: 1;
  padding-top: .2rem;
  transition: color .3s;
}
.biz-pillar:hover .biz-pillar__num{ color: var(--c-accent); }
.biz-pillar__title{
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 400;
  color: var(--c-white);
  margin-bottom: .5rem;
}
.biz-pillar__text{
  font-size: .82rem;
  color: var(--c-muted);
  line-height: 1.8;
}

/* ═══════════════════════════════════════
   SECTION ACTIONS
═══════════════════════════════════════ */
.biz-actions{
  padding: var(--space-xl) 0;
  background: var(--c-black);
  border-top: 1px solid var(--c-border);
}
.biz-actions__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.biz-action-card{
  background: var(--c-charcoal);
  border: 1px solid var(--c-border);
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  transition: border-color .35s, transform .35s var(--ease);
}
.biz-action-card::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(to right, var(--c-accent), var(--c-accent2));
  transition: width .45s var(--ease);
}
.biz-action-card:hover{
  border-color: rgba(201,169,110,.2);
  transform: translateY(-4px);
}
.biz-action-card:hover::after{ width: 100%; }
.biz-action-card__icon{
  width: 52px;
  height: 52px;
  border: 1px solid rgba(201,169,110,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-accent);
  margin-bottom: 1.5rem;
  transition: border-color .25s, background .25s;
}
.biz-action-card:hover .biz-action-card__icon{
  border-color: var(--c-accent);
  background: rgba(201,169,110,.06);
}
.biz-action-card__title{
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--c-white);
  margin-bottom: .8rem;
}
.biz-action-card__text{
  font-size: .84rem;
  color: var(--c-muted);
  line-height: 1.85;
  margin-bottom: 1.5rem;
}
.biz-action-card__list{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.biz-action-card__list li{
  font-size: .78rem;
  color: var(--c-light);
  padding-left: 1.2rem;
  position: relative;
}
.biz-action-card__list li::before{
  content: '—';
  position: absolute;
  left: 0;
  color: var(--c-accent);
  font-size: .7rem;
}

/* ═══════════════════════════════════════
   SECTION ENTREPRISES
═══════════════════════════════════════ */
.biz-entreprises{
  padding: var(--space-xl) 0;
  background: var(--c-dark);
  border-top: 1px solid var(--c-border);
  position: relative;
  overflow: hidden;
}
.biz-entreprises__bg-text{
  position: absolute;
  left: -2rem;
  bottom: -3rem;
  font-family: var(--font-display);
  font-size: clamp(8rem,15vw,18rem);
  font-weight: 300;
  font-style: italic;
  color: rgba(201,169,110,.02);
  pointer-events: none;
  user-select: none;
  line-height: 1;
}
.biz-entreprises__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}
.biz-sector-card{
  background: var(--c-charcoal);
  border: 1px solid var(--c-border);
  padding: 2.5rem 2rem;
  transition: border-color .35s, background .35s;
  position: relative;
}
.biz-sector-card::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right, var(--c-accent), var(--c-accent2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--ease-out);
}
.biz-sector-card:hover{
  border-color: rgba(201,169,110,.15);
  background: var(--c-mid);
}
.biz-sector-card:hover::before{ transform: scaleX(1); }
.biz-sector-card__header{
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.biz-sector-card__icon{
  color: var(--c-accent);
  flex-shrink: 0;
  opacity: .8;
}
.biz-sector-card__title{
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--c-white);
}
.biz-sector-card__text{
  font-size: .85rem;
  color: var(--c-muted);
  line-height: 1.85;
  margin-bottom: 1.2rem;
}
.biz-sector-card__tag{
  font-size: .6rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-accent);
  opacity: .7;
  padding: .3rem .7rem;
  border: 1px solid rgba(201,169,110,.2);
  display: inline-block;
}

/* ═══════════════════════════════════════
   SECTION BÉNÉFICES
═══════════════════════════════════════ */
.biz-benefices{
  padding: var(--space-xl) 0;
  background: var(--c-charcoal);
  border-top: 1px solid var(--c-border);
}
.biz-benefices__inner{
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 6rem;
  align-items: start;
}
.biz-benefices__title{
  font-family: var(--font-display);
  font-size: clamp(2.2rem,4.5vw,4rem);
  font-weight: 300;
  line-height: 1.08;
  margin-bottom: 1.5rem;
}
.biz-benefices__title em{ font-style: italic; color: var(--c-accent); }
.biz-benefices__intro{
  color: var(--c-light);
  font-size: .9rem;
  line-height: 1.9;
  margin-bottom: 2.5rem;
  font-weight: 300;
}

/* Avantages */
.biz-avantages{
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--c-border);
}
.biz-avantage{
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  padding: 1.5rem 1.8rem;
  border-bottom: 1px solid var(--c-border);
  background: var(--c-black);
  transition: background .3s;
  align-items: start;
}
.biz-avantage:last-child{ border-bottom: none; }
.biz-avantage:hover{ background: var(--c-mid); }
.biz-avantage__check{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(201,169,110,.1);
  border: 1px solid rgba(201,169,110,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-accent);
  flex-shrink: 0;
  margin-top: .15rem;
  transition: background .25s, border-color .25s;
}
.biz-avantage:hover .biz-avantage__check{
  background: rgba(201,169,110,.18);
  border-color: var(--c-accent);
}
.biz-avantage__body strong{
  display: block;
  font-size: .88rem;
  font-weight: 600;
  color: var(--c-white);
  margin-bottom: .35rem;
  letter-spacing: .01em;
}
.biz-avantage__body p{
  font-size: .8rem;
  color: var(--c-muted);
  line-height: 1.75;
}

/* ═══════════════════════════════════════
   SECTION MÉTHODE
═══════════════════════════════════════ */
.biz-methode{
  padding: var(--space-xl) 0;
  background: var(--c-black);
  border-top: 1px solid var(--c-border);
}
.biz-steps{
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
  counter-reset: none;
}
.biz-steps::before{
  content: '';
  position: absolute;
  top: 1.85rem;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(to right, rgba(201,169,110,.6), rgba(201,169,110,.1));
  z-index: 0;
}
.biz-step{
  position: relative;
  padding: 0 1.5rem;
  text-align: center;
  z-index: 1;
  transition: transform .3s var(--ease);
}
.biz-step:hover{ transform: translateY(-6px); }
.biz-step__num{
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 400;
  color: var(--c-accent);
  display: inline-flex;
  width: 3.8rem;
  height: 3.8rem;
  border: 1px solid rgba(201,169,110,.35);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: var(--c-black);
  letter-spacing: .05em;
  transition: background .3s, color .3s, border-color .3s, box-shadow .3s;
}
.biz-step:hover .biz-step__num{
  background: var(--c-accent);
  color: var(--c-black);
  border-color: var(--c-accent);
  box-shadow: 0 0 20px rgba(201,169,110,.35);
}
.biz-step__title{
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--c-white);
  margin-bottom: .7rem;
}
.biz-step__text{
  font-size: .8rem;
  color: var(--c-muted);
  line-height: 1.8;
}

/* ═══════════════════════════════════════
   CITATION
═══════════════════════════════════════ */
.biz-quote-band{
  padding: 5rem 0;
  background: var(--c-dark);
  border-top: 1px solid rgba(201,169,110,.1);
  border-bottom: 1px solid rgba(201,169,110,.1);
  position: relative;
  overflow: hidden;
}
.biz-quote-band__deco{
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .5;
}
.biz-quote{
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.biz-quote__text{
  font-family: var(--font-display);
  font-size: clamp(1.3rem,3vw,2rem);
  font-weight: 300;
  font-style: italic;
  color: var(--c-white);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.biz-quote__author{
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--c-accent);
  opacity: .7;
}

/* ═══════════════════════════════════════
   SECTION CONTACT BUSINESS
═══════════════════════════════════════ */
.biz-contact{
  padding: var(--space-xl) 0;
  background: var(--c-dark);
  border-top: 1px solid var(--c-border);
  position: relative;
  overflow: hidden;
}
.biz-contact__deco{
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
}
.biz-contact__logo-bg{
  position: absolute;
  right: -3rem;
  bottom: -5rem;
  font-family: var(--font-display);
  font-size: clamp(15rem,24vw,28rem);
  font-weight: 300;
  font-style: italic;
  color: rgba(201,169,110,.025);
  pointer-events: none;
  user-select: none;
  line-height: 1;
}
.biz-contact__inner{
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.biz-contact__title{
  font-family: var(--font-display);
  font-size: clamp(2.2rem,5.5vw,5rem);
  font-weight: 300;
  line-height: 1.08;
  margin-bottom: 1.2rem;
}
.biz-contact__title em{ font-style: italic; color: var(--c-accent); }
.biz-contact__subtitle{
  color: var(--c-light);
  font-size: .95rem;
  line-height: 1.8;
  margin-bottom: 3rem;
  font-weight: 300;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE MOBILE — business.css v2
   Mobile-first premium — 6 breakpoints
   900 / 768 / 600 / 480 / 380 / touch
═══════════════════════════════════════════════════ */

/* ══ FIX iOS ZOOM — 16px min sur tous les champs ══ */
input, textarea, select,
.form-input,
input[type="text"],
input[type="email"],
input[type="tel"],
select.form-input,
textarea.form-input {
  font-size: 16px !important;
  touch-action: manipulation;
}

/* ══ 900px — tablettes ══ */
@media(max-width:900px){
  .biz-hero{ padding-top:calc(var(--nav-h) + 2.2rem); align-items:flex-end }
  .biz-hero__container{ padding:2rem 1.4rem 3rem }
  .biz-hero__content{ max-width:100% }

  .biz-offre__inner{ grid-template-columns:1fr; gap:3rem }
  .biz-offre__bg-text{ display:none }

  .biz-benefices__inner{ grid-template-columns:1fr; gap:2.5rem }

  /* Méthode : 2×2 */
  .biz-steps{ grid-template-columns:repeat(2,1fr); gap:2.5rem }
  .biz-steps::before{ display:none }

  /* Actions : 2 colonnes maintenues */
  .biz-actions__grid{ grid-template-columns:repeat(2,1fr); gap:1.25rem }
  /* Secteurs : 2 colonnes maintenues */
  .biz-entreprises__grid{ grid-template-columns:repeat(2,1fr); gap:1.25rem }
}

/* ══ 768px — smartphones ══ */
@media(max-width:768px){
  /* Badge activité */
  .biz-activity-badge{ font-size:.52rem; padding:.3rem .75rem; letter-spacing:.16em; gap:.45rem }

  /* Hero */
  .biz-hero{ min-height:100dvh; align-items:flex-end; padding-top:calc(var(--nav-h) + 2rem) }
  .biz-hero__container{ padding:1.5rem 1.25rem 2.5rem }

  .biz-hero__eyebrow{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:.5rem; margin-bottom:1.25rem }
  .biz-hero__eyebrow-sep{ width:20px }
  .biz-hero__eyebrow-tag{ font-size:.52rem }
  .biz-hero__eyebrow-sub{ font-size:.52rem }

  .biz-hero__title{ font-size:clamp(2.2rem,9vw,3.5rem); margin-bottom:1.2rem }
  .biz-hero__desc{ font-size:.88rem; margin-bottom:1.75rem; line-height:1.7 }

  /* CTAs hero : 2 côte à côte */
  .biz-hero__ctas{
    display:grid; grid-template-columns:1fr 1fr;
    gap:.65rem; margin-bottom:1.75rem; width:100%;
  }
  .biz-hero__ctas .btn{
    justify-content:center; width:100%; min-height:48px;
    border-radius:3px; font-size:.72rem; padding:.9rem .5rem;
    white-space:normal; text-align:center; line-height:1.3;
  }

  /* Métriques hero : 3 colonnes inline */
  .biz-hero__metrics{
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:0; padding:.85rem 1rem; width:100%;
    overflow:visible;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(201,169,110,.12);
  }
  .biz-metric{ flex-direction:column; align-items:center; justify-content:center; gap:.4rem }
  .biz-metric__icon{ display:none }
  .biz-metric__value{ font-size:1.1rem; text-align:center }
  .biz-metric__label{ font-size:.5rem; text-align:center }
  .biz-metric__divider{ display:none }
  /* Séparateurs via pseudo */
  .biz-metric + .biz-metric{ position:relative }
  .biz-metric + .biz-metric::before{
    content:''; position:absolute; left:0; top:15%; bottom:15%;
    width:1px; background:rgba(201,169,110,.18);
  }
  .biz-hero__scroll{ display:none }

  /* Section offre */
  .biz-offre__inner{ grid-template-columns:1fr; gap:2.5rem }
  .biz-offre__title{ font-size:clamp(2rem,8vw,3rem) }
  /* Nos offres (pilliers) : 2 colonnes */
  .biz-pillars{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1px; background:var(--c-border) }
  .biz-pillar{ border-bottom:none; grid-template-columns:2.5rem 1fr; gap:.75rem; padding:1.25rem 1rem }
  .biz-pillar__num{ font-size:1.1rem }
  .biz-pillar__title{ font-size:.95rem; margin-bottom:.3rem }
  .biz-pillar__text{ font-size:.74rem; line-height:1.65 }

  /* Actions : 2 colonnes maintenues sur mobile */
  .biz-actions__grid{ grid-template-columns:repeat(2,1fr); gap:1px; background:var(--c-border) }
  .biz-action-card{ padding:1.5rem 1.2rem }
  .biz-action-card__icon{ width:40px; height:40px; margin-bottom:1rem }
  .biz-action-card__icon svg{ width:20px; height:20px }
  .biz-action-card__title{ font-size:1.05rem }
  .biz-action-card__text{ font-size:.75rem; line-height:1.7; margin-bottom:1rem }
  .biz-action-card__list li{ font-size:.68rem }

  /* Entreprises : 2 colonnes maintenues */
  .biz-entreprises__grid{ grid-template-columns:repeat(2,1fr); gap:1px; background:var(--c-border) }
  .biz-entreprises__bg-text{ display:none }
  .biz-sector-card{ padding:1.5rem 1.2rem }
  .biz-sector-card__title{ font-size:1.05rem }
  .biz-sector-card__text{ font-size:.77rem }
  .biz-sector-card__tag{ font-size:.55rem }

  /* Bénéfices */
  .biz-benefices__inner{ grid-template-columns:1fr; gap:2rem }
  .biz-benefices__title{ font-size:clamp(2rem,8vw,3rem) }
  /* Pourquoi KB Digital (avantages) : 2 colonnes */
  .biz-avantages{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1px; background:var(--c-border) }
  .biz-avantage{ border-bottom:none; grid-template-columns:2rem 1fr; gap:.65rem; padding:1.1rem 1rem; align-items:start }
  .biz-avantage__check{ width:22px; height:22px }
  .biz-avantage__body strong{ font-size:.8rem; margin-bottom:.25rem }
  .biz-avantage__body p{ font-size:.71rem; line-height:1.6 }

  /* Méthode : 2×2 */
  .biz-steps{ grid-template-columns:repeat(2,1fr); gap:2rem }
  .biz-step{ text-align:left; padding:0; display:grid; grid-template-columns:3.2rem 1fr; gap:.85rem; align-items:start }
  .biz-step__num{ margin-bottom:0; width:2.8rem; height:2.8rem; font-size:.85rem }
  .biz-step__title{ font-size:.95rem; margin-bottom:.35rem }
  .biz-step__text{ font-size:.73rem }

  /* Citation */
  .biz-quote-band{ padding:2.5rem 0 }
  .biz-quote__text{ font-size:1.05rem; line-height:1.6 }

  /* Contact */
  .biz-contact__logo-bg{ display:none }
  .biz-contact__title{ font-size:clamp(1.9rem,7.5vw,3rem) }
  .biz-contact__subtitle{ font-size:.85rem; margin-bottom:1.75rem }
  /* Formulaire : 2 colonnes maintenues */
  .cta-final__direct{ flex-direction:column; gap:.65rem }
  .cta-final__direct .btn{ justify-content:center; width:100%; min-height:48px; font-size:.76rem }

  /* Footer business : compact */
  .footer{ padding:1.75rem 0 .75rem }
  .footer__inner{ grid-template-columns:1fr 1fr; gap:.85rem 1rem; margin-bottom:.85rem; padding-bottom:.85rem }
  .footer__brand{ grid-column:1/-1; display:flex; align-items:center; gap:.8rem }
  .footer__logo img{ height:22px }
  .footer__tagline{ font-size:.7rem }
  .footer__tagline--sub{ font-size:.56rem }
  .footer__nav-title{ font-size:.52rem; margin-bottom:.45rem }
  .footer__nav a, .footer__contact a, .footer__contact li{ font-size:.7rem }
  .footer__contact ul{ gap:.25rem }
  .footer__bottom{ flex-direction:row; justify-content:space-between; font-size:.55rem }
}

/* ══ 600px — smartphones moyens ══ */
@media(max-width:600px){
  .biz-hero__title{ font-size:clamp(2rem,10vw,3rem) }
  .biz-hero__desc{ font-size:.84rem }
  .biz-offre__title, .biz-benefices__title{ font-size:clamp(1.9rem,9vw,2.8rem) }

  /* Actions : 2 colonnes maintenues */
  .biz-actions__grid{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1px; background:var(--c-border) }
  .biz-action-card{ border-bottom:none }

  /* Secteurs : 2 colonnes maintenues */
  .biz-entreprises__grid{ display:grid !important; grid-template-columns:1fr 1fr !important }

  /* Méthode : 2×2 maintenu */
  .biz-steps{ display:grid !important; grid-template-columns:repeat(2,1fr) !important }

  /* Quote */
  .biz-quote__text{ font-size:.95rem }
  .cta-final__direct .btn{ font-size:.72rem }
}

/* ══ 480px — petits smartphones ══ */
@media(max-width:480px){
  .biz-activity-badge{ font-size:.5rem; letter-spacing:.12em; padding:.28rem .6rem }
  .biz-hero{ padding-top:calc(var(--nav-h) + 1.8rem) }
  .biz-hero__container{ padding:1.2rem 1rem 2rem }
  .biz-hero__eyebrow{ flex-direction:column; align-items:flex-start; gap:.35rem; margin-bottom:1rem }
  .biz-hero__eyebrow-sep{ display:none }
  .biz-hero__title{ font-size:clamp(1.85rem,11vw,2.8rem); margin-bottom:1rem }
  .biz-hero__desc{ font-size:.8rem; margin-bottom:1.4rem }
  .biz-hero__ctas{ display:grid !important; grid-template-columns:1fr 1fr !important }
  .biz-hero__ctas .btn{ font-size:.68rem; padding:.82rem .4rem }

  .biz-hero__metrics{ grid-template-columns:repeat(3,1fr); padding:.75rem .85rem }
  .biz-metric__value{ font-size:.95rem }
  .biz-metric__label{ font-size:.47rem }

  /* Piliers */
  .biz-pillar{ padding:1.1rem .9rem }

  /* Actions : 2 colonnes maintenues */
  .biz-actions__grid{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1px; background:var(--c-border) }
  .biz-action-card{ padding:1.2rem .9rem }
  .biz-action-card__title{ font-size:.92rem }
  .biz-action-card__text{ font-size:.7rem; margin-bottom:.75rem }
  .biz-action-card__list li{ font-size:.63rem }
  .biz-action-card__list{ display:none }

  /* Secteurs : 2 colonnes maintenues */
  .biz-entreprises__grid{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1px; background:var(--c-border) }
  .biz-sector-card{ padding:1.2rem .9rem }
  .biz-sector-card__title{ font-size:.95rem }
  .biz-sector-card__text{ font-size:.7rem }

  /* Méthode : 2×2 maintenu */
  .biz-steps{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:1.25rem .75rem }
  .biz-step{ text-align:center; display:block; padding:0; border-bottom:none; margin-bottom:0 }
  .biz-step__num{ margin-bottom:.75rem; width:2.5rem; height:2.5rem; font-size:.82rem }
  .biz-step__title{ font-size:.86rem }
  .biz-step__text{ font-size:.67rem }

  /* Avantages */
  .biz-avantage{ padding:1rem .9rem }

  .biz-contact__title{ font-size:clamp(1.7rem,9vw,2.5rem) }

  .footer__inner{ display:grid !important; grid-template-columns:1fr 1fr !important }
  .footer__bottom{ flex-direction:column; text-align:center }
}

/* ══ 380px — très petits écrans ══ */
@media(max-width:380px){
  .biz-hero__title{ font-size:1.75rem }
  .biz-hero__eyebrow-tag, .biz-hero__eyebrow-sub{ font-size:.5rem }
  .biz-hero__ctas{ grid-template-columns:1fr }
  .biz-hero__ctas .btn{ min-height:44px }
  .biz-hero__metrics{ grid-template-columns:1fr 1fr }
  /* Masquer la 3e métrique si trop serré */
  .biz-metric:nth-child(5){ display:none }

  .biz-steps{ grid-template-columns:1fr }

  .footer__inner{ grid-template-columns:1fr }
}

/* ══ Touch devices ══ */
@media(hover:none) and (pointer:coarse){
  .biz-pillar:hover,
  .biz-action-card:hover,
  .biz-sector-card:hover,
  .biz-avantage:hover,
  .biz-step:hover{ transform:none }
  .biz-pillar::before{ transform:scaleY(1); opacity:.4 }
  .biz-action-card::after{ width:100%; opacity:.35 }
  .biz-sector-card::before{ transform:scaleX(1); opacity:.35 }
}

/* ══ Réduction de mouvement ══ */
@media(prefers-reduced-motion:reduce){
  .biz-hero__grid, .biz-hero__orb, .biz-activity-badge__dot{ animation:none }
  .biz-hero__scroll-line{ animation:none }
}

/* ═══════════════════════════════════
   FIN RESPONSIVE MOBILE v2 — business.css
═══════════════════════════════════ */


/* ═══════════════════════════════════════
   AJUSTEMENTS MOBILE — carte 5 items + formulaire compact
═══════════════════════════════════════ */

@media (max-width: 768px) {
  /* Pourquoi KB Digital : garder 2 colonnes sans trou visuel avec 5 cartes */
  .biz-avantages{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:1px;
    background:var(--c-border);
    align-items:stretch;
  }
  .biz-avantage{
    border-bottom:none;
    height:100%;
  }
  .biz-avantage:last-child{
    grid-column:1 / -1;
    width:min(100%, 420px);
    justify-self:center;
  }

  /* Bloc contact plus large pour afficher le formulaire en 2 colonnes */
  .biz-contact__inner{
    max-width: 920px;
    text-align:left;
  }
  .biz-contact__title,
  .biz-contact__subtitle{
    text-align:center;
  }

  .cta-final__form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:1rem;
    align-items:start;
  }
  .cta-final__form .form-row{
    display:contents;
  }
  .cta-final__form .form-group{
    margin-bottom:0;
    min-width:0;
  }

  /* Les éléments larges gardent toute la largeur */
  .cta-final__form > .form-group,
  .cta-final__form .form-message,
  .cta-final__form > .btn,
  .cta-final__or,
  .cta-final__direct{
    grid-column:1 / -1;
  }

  .cta-final__form .form-textarea{
    min-height:120px;
  }

  /* Bouton plus compact visuellement sur mobile */
  .cta-final__form > .btn{
    margin-top:.25rem;
  }
}

@media (max-width: 480px) {
  /* 5e carte plus harmonieuse sur petits écrans */
  .biz-avantage:last-child{
    width:min(100%, 320px);
  }

  /* Garder 2 colonnes mais réduire l'encombrement */
  .cta-final__form{
    gap:.85rem .75rem;
  }
  .cta-final__form .form-label{
    font-size:.56rem;
    letter-spacing:.12em;
  }
  .cta-final__form .form-input{
    padding:.82rem .85rem;
  }
  .cta-final__form .form-textarea{
    min-height:110px;
  }
}


/* ═══════════════════════════════════════
   AJUSTEMENTS MOBILE — HERO BUSINESS + AVANTAGES
═══════════════════════════════════════ */
@media (max-width: 768px) {
  /* Hero business : remonter le contenu pour éviter le grand vide en haut */
  .biz-hero{
    min-height:auto !important;
    align-items:flex-start !important;
    padding-top:calc(var(--nav-h) + 1.1rem) !important;
    padding-bottom:1.2rem;
  }
  .biz-hero__container{
    padding:1rem 1.1rem 1.35rem !important;
  }
  .biz-hero__title{
    font-size:clamp(2rem, 8.8vw, 3.15rem) !important;
    margin-bottom:1rem;
    max-width:95%;
  }
  .biz-hero__desc{
    margin-bottom:1.35rem !important;
    max-width:96%;
  }
  .biz-hero__ctas{
    margin-bottom:1.2rem !important;
  }

  /* Pourquoi KB Digital : la 5e carte remplit toute la largeur */
  .biz-avantage:last-child{
    grid-column:1 / -1;
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media (max-width: 480px) {
  .biz-hero{
    padding-top:calc(var(--nav-h) + .9rem) !important;
  }
  .biz-hero__container{
    padding:.9rem 1rem 1.2rem !important;
  }
  .biz-hero__title{
    font-size:clamp(1.85rem, 10vw, 2.8rem) !important;
  }
}


/* ═══════════════════════════════════════
   AJUSTEMENTS V3 — business mobile polish
═══════════════════════════════════════ */
@media (max-width: 768px) {
  .biz-avantage:last-child{
    grid-column: 1 / -1;
    width: 100% !important;
    justify-self: stretch !important;
  }
}
@media (max-width: 480px) {
  .biz-avantage:last-child{
    width: 100% !important;
  }
}


/* ═══════════════════════════════════════
   AJUSTEMENTS V4 — footer business mobile compact
═══════════════════════════════════════ */
@media (max-width: 768px) {
  .footer{
    padding: 1.35rem 0 .7rem !important;
  }
  .footer__inner{
    gap: .75rem .9rem !important;
    margin-bottom: .7rem !important;
    padding-bottom: .7rem !important;
  }
  .footer__logo img{
    height: 20px !important;
  }
  .footer__tagline{
    font-size: .66rem !important;
    line-height: 1.35 !important;
  }
  .footer__tagline--sub{
    font-size: .54rem !important;
    margin-top: .18rem !important;
  }
  .footer__nav-title{
    margin-bottom: .32rem !important;
  }
  .footer__nav ul,
  .footer__contact ul{
    gap: .22rem !important;
  }
  .footer__nav a,
  .footer__contact a,
  .footer__contact li{
    font-size: .66rem !important;
    line-height: 1.3 !important;
  }
  .footer__bottom{
    font-size: .52rem !important;
    padding-top: .1rem !important;
  }
}

@media (max-width: 480px) {
  .footer{
    padding: 1.15rem 0 .6rem !important;
  }
  .footer__inner{
    gap: .65rem .75rem !important;
    margin-bottom: .58rem !important;
    padding-bottom: .58rem !important;
  }
  .footer__logo img{
    height: 18px !important;
  }
  .footer__tagline{
    font-size: .62rem !important;
  }
  .footer__tagline--sub{
    font-size: .5rem !important;
  }
  .footer__nav-title{
    font-size: .48rem !important;
  }
  .footer__nav a,
  .footer__contact a,
  .footer__contact li{
    font-size: .62rem !important;
  }
  .footer__bottom{
    gap: .2rem !important;
    font-size: .5rem !important;
  }
}


/* V12 — ajustements demandés sur le hero business */
.biz-hero__eyebrow-tag{
  margin-top: 18px !important;
}

.biz-hero__eyebrow-sub{
  margin-top: 10px !important;
}