:root{
  --sector-bg:#ffffff;
  --sector-soft:#f7f8fc;
  --sector-line:rgba(16,24,40,.08);
  --sector-text:#101828;
  --sector-muted:#667085;

  --sector-dark:#151922;
  --sector-dark-2:#1d2330;
  --sector-accent:#b98b47;
  --sector-accent-2:#d7aa61;
  --sector-accent-soft:#f7efe1;
  --sector-accent-text:#8b6428;
  --sector-glow-rgb:185,139,71;

  --sector-radius:22px;
  --sector-shadow:0 18px 60px rgba(16,24,40,.08);
  --sector-shadow-soft:0 10px 28px rgba(16,24,40,.06);
}

/* =========================
   THEMES
========================= */

.sector-page--barber{
  --sector-dark:#151922;
  --sector-dark-2:#1d2330;
  --sector-accent:#b98b47;
  --sector-accent-2:#d7aa61;
  --sector-accent-soft:#f7efe1;
  --sector-accent-text:#8b6428;
  --sector-glow-rgb:185,139,71;
}

.sector-page--massage{
  --sector-dark:#10332d;
  --sector-dark-2:#17453c;
  --sector-accent:#6cb69c;
  --sector-accent-2:#92d3bc;
  --sector-accent-soft:#e9f7f1;
  --sector-accent-text:#266b58;
  --sector-glow-rgb:108,182,156;
}

.sector-page--hair{
  --sector-dark:#1c1a2e;
  --sector-dark-2:#282347;
  --sector-accent:#8f7cff;
  --sector-accent-2:#b3a8ff;
  --sector-accent-soft:#f0eeff;
  --sector-accent-text:#5a4ec7;
  --sector-glow-rgb:143,124,255;
}

.sector-page--medical{
  --sector-dark:#16263a;
  --sector-dark-2:#21354d;
  --sector-accent:#5ea3d6;
  --sector-accent-2:#8ec3e8;
  --sector-accent-soft:#edf7fd;
  --sector-accent-text:#2f6f9d;
  --sector-glow-rgb:94,163,214;
}

.sector-page--radiology{
  --sector-dark:#1b2340;
  --sector-dark-2:#27345a;
  --sector-accent:#7ea7ff;
  --sector-accent-2:#a9c2ff;
  --sector-accent-soft:#eef3ff;
  --sector-accent-text:#4b6fc7;
  --sector-glow-rgb:126,167,255;
}

.sector-page--dental{
  --sector-dark:#14313a;
  --sector-dark-2:#1d4652;
  --sector-accent:#63c7c9;
  --sector-accent-2:#98e0e1;
  --sector-accent-soft:#eaf9f9;
  --sector-accent-text:#2f8b8d;
  --sector-glow-rgb:99,199,201;
}

.sector-page--osteo{
  --sector-dark:#2a2438;
  --sector-dark-2:#3a314d;
  --sector-accent:#9d8bcb;
  --sector-accent-2:#c2b5e2;
  --sector-accent-soft:#f3effa;
  --sector-accent-text:#6f5ba4;
  --sector-glow-rgb:157,139,203;
}

.sector-page--chiro{
  --sector-dark:#1c2d36;
  --sector-dark-2:#28414c;
  --sector-accent:#6db6c9;
  --sector-accent-2:#9fd5e2;
  --sector-accent-soft:#edf8fb;
  --sector-accent-text:#3c8597;
  --sector-glow-rgb:109,182,201;
}

.sector-page--beauty{
  --sector-dark:#2b1a2a;
  --sector-dark-2:#3a2340;
  --sector-accent:#d97bb7;
  --sector-accent-2:#efabcf;
  --sector-accent-soft:#fff0f8;
  --sector-accent-text:#b04d89;
  --sector-glow-rgb:217,123,183;
}

.sector-page--nails{
  --sector-dark:#2a2133;
  --sector-dark-2:#3a2d49;
  --sector-accent:#c27bff;
  --sector-accent-2:#ddb6ff;
  --sector-accent-soft:#f7efff;
  --sector-accent-text:#8d49c3;
  --sector-glow-rgb:194,123,255;
}

.sector-page--physio{
  --sector-dark:#142b3a;
  --sector-dark-2:#1d3b50;
  --sector-accent:#4fa3d9;
  --sector-accent-2:#87c8ef;
  --sector-accent-soft:#ebf7ff;
  --sector-accent-text:#2f79a8;
  --sector-glow-rgb:79,163,217;
}

.sector-page--accounting{
  --sector-dark:#1a2230;
  --sector-dark-2:#243247;
  --sector-accent:#6ea8fe;
  --sector-accent-2:#9ec5fe;
  --sector-accent-soft:#eef5ff;
  --sector-accent-text:#3d73c7;
  --sector-glow-rgb:110,168,254;
}

.sector-page--auto{
  --sector-dark:#231d1b;
  --sector-dark-2:#332a26;
  --sector-accent:#f08a4b;
  --sector-accent-2:#f7b27f;
  --sector-accent-soft:#fff1e8;
  --sector-accent-text:#b55e27;
  --sector-glow-rgb:240,138,75;
}

/* =========================
   BASE
========================= */

.sector-page{
  background:var(--sector-bg);
  color:var(--sector-text);
}

.sector-page .container{
  width:min(1240px, 92%);
  margin-inline:auto;
}

/* =========================
   HERO
========================= */

/* =========================
   HERO
========================= */

.sector-hero{
  padding:clamp(30px, 4.8vw, 58px) 0 clamp(42px, 6vw, 76px);
  background:
    radial-gradient(circle at top right, rgba(var(--sector-glow-rgb), .18), transparent 24%),
    linear-gradient(180deg, var(--sector-dark) 0%, var(--sector-dark-2) 100%);
  color:#fff;
}

/* Ton HTML actuel utilise encore .sector-hero__grid.
   On le force en mono-colonne pour que le hero prenne toute la largeur. */
.sector-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}

.sector-hero__content{
  width:100%;
  max-width:1200px;
}

/* Le bloc à droite que tu n’aimes pas */
.sector-hero__visual{
  display:none !important;
}

.sector-hero__eyebrow,
.section-tag-sector{
  display:inline-flex;
  align-items:center;
  padding:.5rem .85rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.02em;
}

.sector-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  margin-bottom:1rem;
}

.section-tag-sector{
  background:var(--sector-accent-soft);
  color:var(--sector-accent-text);
  border:1px solid rgba(var(--sector-glow-rgb), .18);
}

.section-tag-sector--light{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
}

.sector-hero__title{
  margin:0 0 1rem;
  font-size:clamp(2.25rem, 5vw, 4.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:none;
}

.sector-hero__image-wrap{
  margin:0 0 1.15rem;
  width:100%;
  max-width:none;
}

.sector-hero__image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.sector-hero__lead{
  margin:0;
  font-size:clamp(1rem, 1.45vw, 1.16rem);
  line-height:1.85;
  color:rgba(255,255,255,.84);
  max-width:none;
}

.sector-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:1.4rem;
}

.sector-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:.9rem 1.25rem;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  border:1px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sector-btn:hover{
  transform:translateY(-1px);
}

.sector-btn--primary{
  background:linear-gradient(135deg, var(--sector-accent) 0%, var(--sector-accent-2) 100%);
  color:#1a1a1a;
  box-shadow:0 14px 34px rgba(var(--sector-glow-rgb), .22);
}

.sector-btn--light{
  background:#fff;
  color:var(--sector-text);
}

.sector-hero__badges{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.65rem .9rem;
  padding:0;
  margin:1.3rem 0 0;
}

.sector-hero__badges li{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  padding:.45rem .75rem;
  font-size:.92rem;
  font-weight:700;
}

/* Anciennes cartes hero laissées ici au cas où,
   mais invisibles si le bloc existe encore dans le HTML */
.sector-hero-card{
  display:none;
}

/* =========================
   VIDEO
========================= */

.sector-video-box{
  max-width:980px;
  margin:0 auto;
}

.sector-video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--sector-shadow);
  background:#000;
}

.sector-video-embed iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.sector-video-placeholder{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:1rem;
  align-items:start;
  background:#fff;
  border:1px solid var(--sector-line);
  border-radius:24px;
  padding:1.25rem;
  box-shadow:var(--sector-shadow-soft);
}

.sector-video-placeholder__icon{
  width:72px;
  height:72px;
  border-radius:20px;
  display:grid;
  place-items:center;
  font-size:1.8rem;
  background:var(--sector-accent-soft);
  color:var(--sector-accent-text);
}

.sector-video-placeholder strong{
  display:block;
  margin-bottom:.3rem;
}

.sector-video-placeholder p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.7;
}

/* =========================
   BLOCKS / HEADERS
========================= */

.sector-block{
  padding:clamp(70px, 8vw, 110px) 0;
}

.sector-block--soft{
  background:linear-gradient(180deg, #fff 0%, var(--sector-soft) 100%);
  border-top:1px solid rgba(16,24,40,.04);
  border-bottom:1px solid rgba(16,24,40,.04);
}

.section-head-sector{
  max-width:860px;
  margin-inline:auto;
  text-align:center;
  margin-bottom:2rem;
}

.section-head-sector h2{
  margin:1rem 0 .75rem;
  font-size:clamp(1.9rem, 3.2vw, 3.1rem);
  line-height:1.08;
  letter-spacing:-.03em;
}

.section-head-sector p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.8;
  font-size:1.02rem;
}

/* =========================
   GRIDS / CARDS
========================= */

.sector-grid{
  display:grid;
  gap:1rem;
}

.sector-grid--3{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.sector-grid--4{
  grid-template-columns:repeat(4, minmax(0,1fr));
}

.sector-card,
.sector-mini-card,
.sector-panel-dark,
.sector-article-card,
.sector-faq-item{
  border-radius:22px;
  box-shadow:var(--sector-shadow-soft);
}

.sector-card{
  background:#fff;
  border:1px solid var(--sector-line);
  padding:1.2rem;
}

.sector-card--accent{
  border-color:rgba(var(--sector-glow-rgb), .22);
}

.sector-card h3,
.sector-mini-card h3{
  margin:0 0 .55rem;
  font-size:1.12rem;
  line-height:1.3;
}

.sector-card p,
.sector-mini-card p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.75;
}

/* =========================
   SPLIT / CHECK LIST
========================= */

.sector-split__left{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}

.sector-split__left > .section-tag-sector{
  margin:0;
}

.sector-split__left > h2{
  margin:0;
  text-align:center;
  font-size:clamp(1.9rem, 3.2vw, 3.1rem);
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:860px;
}

.sector-check-list{
  width:100%;
  margin-top:1rem;
}

.sector-check-list{
  list-style:none;
  padding:0;
  margin:1.25rem;
  display:grid;
  gap:.8rem;
}

.sector-check-list li{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  padding:1rem;
  border:1px solid var(--sector-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--sector-shadow-soft);
  font-weight:700;
}

.sector-check-list i{
  color:var(--sector-accent-text);
  margin-top:.1rem;
}

.sector-panel-dark{
  background:linear-gradient(180deg, var(--sector-dark) 0%, var(--sector-dark-2) 100%);
  color:#fff;
  padding:1.35rem;
}

.sector-panel-dark h3{
  margin:0 0 .7rem;
  font-size:1.35rem;
}

.sector-panel-dark p{
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:1.8;
}

.sector-mini-card{
  background:#fff;
  border:1px solid var(--sector-line);
  padding:1.1rem;
}

/* =========================
   RELATED ARTICLES
========================= */

.sector-article-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--sector-line);
}

.sector-article-card__media{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--sector-accent-soft);
}

.sector-article-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sector-article-card__placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:2rem;
  color:var(--sector-accent-text);
}

.sector-article-card__body{
  padding:1.1rem;
}

.sector-article-card__meta{
  color:var(--sector-accent-text);
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:.4rem;
}

.sector-article-card__body h3{
  margin:0 0 .55rem;
  font-size:1.12rem;
  line-height:1.3;
}

.sector-article-card__body h3 a{
  color:inherit;
  text-decoration:none;
}

.sector-article-card__body p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.7;
}

/* =========================
   FAQ
========================= */

.sector-faq-list{
  max-width:920px;
  margin-inline:auto;
  display:grid;
  gap:.9rem;
}

.sector-faq-item{
  background:#fff;
  border:1px solid var(--sector-line);
  overflow:hidden;
}

.sector-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:1.1rem 1.2rem;
  padding-right:3rem;
  font-weight:900;
  position:relative;
}

.sector-faq-item summary::-webkit-details-marker{
  display:none;
}

.sector-faq-item summary::after{
  content:"+";
  position:absolute;
  right:1.2rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.3rem;
  color:var(--sector-accent-text);
}

.sector-faq-item[open] summary::after{
  content:"–";
}

.sector-faq-item__body{
  padding:0 1.2rem 1.15rem;
}

.sector-faq-item__body p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.8;
}

/* =========================
   FINAL CTA
========================= */

.sector-final-cta{
  background:linear-gradient(180deg, var(--sector-dark) 0%, var(--sector-dark-2) 100%);
  color:#fff;
  padding:72px 0;
}

.sector-final-cta__wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
}

.sector-final-cta__wrap h2{
  margin:1rem 0 .65rem;
  font-size:clamp(1.95rem, 3vw, 3rem);
  line-height:1.08;
}

.sector-final-cta__wrap p{
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:1.8;
}

.sector-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1180px){
  .sector-grid--4{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .sector-grid--3{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .sector-split,
  .sector-final-cta__wrap{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .sector-grid--3,
  .sector-grid--4{
    grid-template-columns:1fr;
  }

  .sector-hero__actions,
  .sector-final-cta__actions{
    flex-direction:column;
  }

  .sector-btn{
    width:100%;
  }

  .sector-hero__title{
    max-width:none;
  }

  .sector-video-placeholder{
    grid-template-columns:1fr;
  }

  .sector-video-placeholder__icon{
    width:64px;
    height:64px;
  }
}


.sector-demo-box{
  max-width:1100px;
  margin:0 auto;
}

.sector-demo-embed{
  position:relative;
  width:100%;
  min-height:720px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--sector-shadow);
  background:#fff;
  border:1px solid var(--sector-line);
}

.sector-demo-embed iframe{
  width:100%;
  min-height:720px;
  border:0;
  display:block;
  background:#fff;
}

.sector-demo-actions{
  display:flex;
  justify-content:center;
  margin-top:1rem;
}

.sector-demo-placeholder{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:1rem;
  align-items:start;
  background:#fff;
  border:1px solid var(--sector-line);
  border-radius:24px;
  padding:1.25rem;
  box-shadow:var(--sector-shadow-soft);
}

.sector-demo-placeholder__icon{
  width:72px;
  height:72px;
  border-radius:20px;
  display:grid;
  place-items:center;
  font-size:1.8rem;
  background:var(--sector-accent-soft);
  color:var(--sector-accent-text);
}

.sector-demo-placeholder strong{
  display:block;
  margin-bottom:.3rem;
}

.sector-demo-placeholder p{
  margin:0;
  color:var(--sector-muted);
  line-height:1.7;
}

@media (max-width: 980px){
  .sector-demo-embed,
  .sector-demo-embed iframe{
    min-height:620px;
  }
}

@media (max-width: 680px){
  .sector-demo-placeholder{
    grid-template-columns:1fr;
  }

  .sector-demo-placeholder__icon{
    width:64px;
    height:64px;
  }

  .sector-demo-embed,
  .sector-demo-embed iframe{
    min-height:560px;
  }
}

.sector-demo-actions--center{
  justify-content:center;
}

.sector-hero__features{
  margin-top: 1.25rem;
}

.sector-hero__features-head{
  margin-bottom: .9rem;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: .95;
}

.sector-hero__features-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.sector-hero__features-list li{
  display: inline-flex;
  align-items: center;
  gap: .58rem;
  padding: .8rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  color: inherit;
  line-height: 1.25;
  cursor: default;
  user-select: none;
}

.sector-hero__features-list li i{
  flex: 0 0 auto;
  font-size: .92rem;
  opacity: .95;
}

.sector-hero__features-list li span{
  display: block;
  font-size: .94rem;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 991.98px){
  .sector-hero__features-list{
    gap: .65rem;
  }

  .sector-hero__features-list li{
    padding: .74rem .92rem;
  }

  .sector-hero__features-list li span{
    font-size: .91rem;
  }
}

@media (max-width: 767.98px){
  .sector-hero__features-list{
    gap: .55rem;
  }

  .sector-hero__features-list li{
    width: 100%;
    border-radius: 18px;
    white-space: normal;
  }

  .sector-hero__features-list li span{
    white-space: normal;
    font-size: .92rem;
  }
}



/* =========================
   PROBLEM / SOLUTION CARDS
========================= */



.sector-card--problem h3{
  color:var(--sector-dark);
}

.sector-card--solution{
  border-color:rgba(var(--sector-glow-rgb), .26);
  background:linear-gradient(180deg, #fff 0%, var(--sector-accent-soft) 180%);
}

.sector-card--solution h3{
  color:var(--sector-accent-text);
}


/* =========================
   PROBLEM / SOLUTION CARDS
========================= */





/* DÉFIS = même fond que solution + bande en haut thème hero */
.sector-card--problem{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(var(--sector-glow-rgb), .10) 0%, #fff 100%);
  border:1px solid rgba(var(--sector-glow-rgb), .20);
  box-shadow:0 14px 34px rgba(var(--sector-glow-rgb), .10);
  padding-top:1.2rem;
}

.sector-card--problem::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, var(--sector-dark) 0%, var(--sector-accent) 100%);
  pointer-events:none;
}

.sector-card--problem h3{
  position:relative;
  z-index:1;
  margin:0 0 .6rem;
  color:var(--sector-dark);
  font-size:1.14rem;
  line-height:1.3;
  font-weight:900;
}
.sector-card--problem p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--sector-text);
  opacity:.88;
}



/* SOLUTION = ancien style accentué clair + bande en bas */
.sector-card--solution{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(var(--sector-glow-rgb), .10) 0%, #fff 100%);
  border:1px solid rgba(var(--sector-glow-rgb), .20);
  border-bottom:4px solid var(--sector-accent);
  box-shadow:0 14px 34px rgba(var(--sector-glow-rgb), .10);
}

.sector-card--solution::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at top right, rgba(var(--sector-glow-rgb), .12), transparent 38%);
  pointer-events:none;
}

.sector-card--solution h3{
  position:relative;
  z-index:1;
  margin:0 0 .6rem;
  color:var(--sector-accent-text);
  font-size:1.14rem;
  line-height:1.3;
  font-weight:900;
}

.sector-card--solution p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--sector-text);
  opacity:.88;
}