/* =========================================================
   TARIFS & PACKS - MYD GROUP CONSULTING
   Fichier : assets/css/pricing.css
   Scope strict : body[data-page="pricing"]
========================================================= */

body[data-page="pricing"]{
  --pricing-bg:#f7f1ea;
  --pricing-ink:#2c211a;
  --pricing-muted:rgba(56,42,32,.72);
  --pricing-brown:#3c2a20;
  --pricing-brown-dark:#20140f;
  --pricing-gold:#c48758;
  --pricing-gold-dark:#a66d43;
  --pricing-border:rgba(112,78,54,.15);

  background:var(--pricing-bg);
  color:var(--pricing-ink);
  overflow-x:hidden;
}

body[data-page="pricing"] main{
  overflow-x:hidden;
}

body[data-page="pricing"] .pricing-hero,
body[data-page="pricing"] .pricing-hero *,
body[data-page="pricing"] .pricing-offers-studio,
body[data-page="pricing"] .pricing-offers-studio *,
body[data-page="pricing"] .pricing-faq-studio,
body[data-page="pricing"] .pricing-faq-studio *{
  box-sizing:border-box;
}

body[data-page="pricing"] a,
body[data-page="pricing"] button,
body[data-page="pricing"] summary,
body[data-page="pricing"] label{
  -webkit-tap-highlight-color:transparent;
}

body[data-page="pricing"] a:focus-visible,
body[data-page="pricing"] button:focus-visible,
body[data-page="pricing"] summary:focus-visible,
body[data-page="pricing"] label:focus-visible{
  outline:3px solid rgba(196,135,88,.36);
  outline-offset:4px;
  border-radius:18px;
}

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

body[data-page="pricing"] #pricing-hero.pricing-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 92px);
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff8ef;
  background:#21140e;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__bg,
body[data-page="pricing"] #pricing-hero .pricing-hero__overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__bg{
  z-index:0;
  background:url("../images/hero-pricing.jpg") center 50% / cover no-repeat;
  transform:scale(1.025);
  filter:saturate(.82) contrast(1.06) brightness(.75) sepia(.08);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__overlay{
  z-index:1;
  background:
    linear-gradient(
      90deg,
      rgba(28,17,11,.95) 0%,
      rgba(28,17,11,.88) 34%,
      rgba(28,17,11,.58) 63%,
      rgba(28,17,11,.17) 100%
    ),
    linear-gradient(
      180deg,
      rgba(28,17,11,.08) 0%,
      rgba(28,17,11,.24) 50%,
      rgba(28,17,11,.68) 100%
    ),
    radial-gradient(circle at 16% 34%, rgba(215,173,127,.16), transparent 34%);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__container{
  position:relative;
  z-index:2;
  width:min(calc(100% - 72px), 1280px);
  min-height:calc(100svh - 92px);
  margin-inline:auto;
  display:flex;
  align-items:center;
  padding:clamp(54px, 5.8vw, 84px) 0;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__panel{
  position:relative;
  width:min(100%, 760px);
  max-width:760px;
  padding-left:clamp(24px, 2vw, 34px);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__panel::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    rgba(239,208,173,.86),
    rgba(185,133,86,.36) 52%,
    rgba(239,208,173,0)
  );
}

body[data-page="pricing"] #pricing-hero .pricing-hero__eyebrow{
  margin:0 0 16px;
  color:#d7ad7f;
  font-size:.72rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.28em;
  text-transform:uppercase;
  text-shadow:0 8px 22px rgba(0,0,0,.26);
}

body[data-page="pricing"] #pricing-hero #pricing-hero-title{
  max-width:720px;
  margin:0;
  color:#fff8ef;
  font-size:clamp(2.9rem, 4vw, 4.42rem);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:860;
  text-wrap:balance;
  text-shadow:0 18px 44px rgba(0,0,0,.36);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
  max-width:650px;
  margin:22px 0 0;
  color:rgba(255,248,239,.86);
  font-size:clamp(1.04rem, 1.08vw, 1.16rem);
  line-height:1.56;
  font-weight:640;
  text-wrap:balance;
  text-shadow:0 10px 24px rgba(0,0,0,.26);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__markers{
  width:min(100%, 650px);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:25px 0 0;
  padding:16px 0 0;
  border-top:1px solid rgba(255,248,239,.19);
  list-style:none;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__markers li{
  position:relative;
  color:rgba(255,248,239,.76);
  font-size:.88rem;
  line-height:1.45;
  font-weight:850;
  text-shadow:0 8px 20px rgba(0,0,0,.22);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__markers li:not(:last-child)::after{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin:0 10px;
  border-radius:999px;
  background:rgba(213,173,130,.78);
  color:rgba(213,173,130,.78);
  font-weight:900;
  vertical-align:middle;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
  margin-top:29px;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__btn{
  min-width:205px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 27px;
  border-radius:999px;
  text-decoration:none;
  font-size:1rem;
  font-weight:860;
  line-height:1;
  white-space:nowrap;
  border:1px solid transparent;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, filter .25s ease;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__btn:hover{
  transform:translateY(-2px);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__btn--solid{
  color:#fffaf4;
  background:linear-gradient(180deg, #d2a577 0%, #a87550 100%);
  border-color:rgba(255,255,255,.18);
  box-shadow:
    0 18px 38px rgba(18,10,6,.34),
    inset 0 1px 0 rgba(255,255,255,.18);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__btn--outline{
  color:#fff8ef;
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 30px rgba(18,10,6,.20);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body[data-page="pricing"] #pricing-hero .pricing-hero__note{
  max-width:680px;
  margin:16px 0 0;
  color:rgba(255,248,239,.56);
  font-size:.84rem;
  line-height:1.4;
  font-weight:780;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-shadow:0 8px 20px rgba(0,0,0,.22);
}

/* =========================================================
   OFFRES - STUDIO AVEC SELECTEUR
========================================================= */

body[data-page="pricing"] #offres.pricing-offers-studio{
  --studio-ink:#2b1f18;
  --studio-muted:rgba(52,39,30,.72);
  --studio-brown:#2a1810;
  --studio-moka:#4b3021;
  --studio-gold:#c48758;
  --studio-gold-dark:#a66d43;

  min-height:calc(100svh - 82px);
  display:flex;
  align-items:center;
  padding:clamp(24px, 3svh, 38px) 0;
  overflow:hidden;
  color:var(--studio-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(196,135,88,.13), transparent 34%),
    radial-gradient(circle at 95% 95%, rgba(42,24,16,.08), transparent 36%),
    linear-gradient(180deg, #fbf6ef 0%, #ead9c8 100%);
}

body[data-page="pricing"] .pricing-offers-studio__shell{
  width:min(calc(100% - 56px), 1380px);
  min-height:min(720px, calc(100svh - 128px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(340px, .82fr) minmax(0, 1.18fr);
  gap:22px;
  padding:22px;
  border-radius:44px;
  background:rgba(255,250,245,.78);
  border:1px solid rgba(93,65,47,.12);
  box-shadow:
    0 34px 88px rgba(42,24,16,.13),
    inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-page="pricing"] .pricing-offers-studio__intro{
  position:relative;
  overflow:hidden;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px, 3.2vw, 54px);
  border-radius:34px;
  color:#fff8ef;
  background:
    radial-gradient(circle at 18% 12%, rgba(236,190,144,.17), transparent 36%),
    linear-gradient(145deg, #563929 0%, #2a1810 78%);
  box-shadow:
    0 24px 64px rgba(42,24,16,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
}

body[data-page="pricing"] .pricing-offers-studio__intro::after{
  content:"";
  position:absolute;
  right:-112px;
  bottom:-112px;
  width:280px;
  height:280px;
  border-radius:999px;
  border:1px solid rgba(255,248,239,.12);
  background:radial-gradient(circle, rgba(236,190,144,.18), transparent 62%);
  pointer-events:none;
}

body[data-page="pricing"] .pricing-offers-studio__intro > *{
  position:relative;
  z-index:1;
}

body[data-page="pricing"] .pricing-offers-studio__eyebrow,
body[data-page="pricing"] .pricing-faq-studio__eyebrow{
  margin:0;
  color:#c48758;
  font-size:.74rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}

body[data-page="pricing"] .pricing-offers-studio__intro .pricing-offers-studio__eyebrow{
  color:#e7bd94;
}

body[data-page="pricing"] .pricing-offers-studio__intro h2{
  max-width:9.5ch;
  margin:18px 0 0;
  color:#fff8ef;
  font-size:clamp(3rem, 4.2vw, 5rem);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:880;
  text-wrap:balance;
}

body[data-page="pricing"] .pricing-offers-studio__intro p{
  max-width:35ch;
  margin:24px 0 0;
  color:rgba(255,248,239,.84);
  font-size:1.02rem;
  line-height:1.50;
  font-weight:640;
}

body[data-page="pricing"] .pricing-offers-studio__proofs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}

body[data-page="pricing"] .pricing-offers-studio__proofs span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:999px;
  color:rgba(255,248,239,.78);
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  font-size:.72rem;
  line-height:1;
  font-weight:820;
}

body[data-page="pricing"] .pricing-offers-studio__cta-main,
body[data-page="pricing"] .pricing-offer-panel__cta,
body[data-page="pricing"] .pricing-faq-studio__cta{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none;
  font-size:.95rem;
  line-height:1;
  font-weight:880;
  transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

body[data-page="pricing"] .pricing-offers-studio__cta-main{
  width:100%;
  max-width:340px;
  margin-top:28px;
  padding:0 24px;
  color:#2a1810;
  background:linear-gradient(180deg, #f2cfa8, #c48a5e);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 18px 34px rgba(10,5,2,.24);
}

body[data-page="pricing"] .pricing-offers-studio__cta-main:hover,
body[data-page="pricing"] .pricing-offer-panel__cta:hover,
body[data-page="pricing"] .pricing-faq-studio__cta:hover{
  transform:translateY(-2px);
  filter:saturate(1.04);
}

/* Switch */

body[data-page="pricing"] .pricing-offers-switch{
  min-width:0;
  align-self:center;
  display:grid;
  grid-template-rows:auto minmax(0, 1fr);
  gap:18px;
}

body[data-page="pricing"] .pricing-offers-switch__input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}

body[data-page="pricing"] .pricing-offers-switch__tabs{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

body[data-page="pricing"] .pricing-offers-switch__tabs label{
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border-radius:20px;
  cursor:pointer;
  color:rgba(43,31,24,.62);
  background:rgba(255,255,255,.56);
  border:1px solid rgba(93,65,47,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  font-size:.82rem;
  line-height:1;
  font-weight:860;
  white-space:nowrap;
  transition:background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body[data-page="pricing"] .pricing-offers-switch__tabs label:hover{
  transform:translateY(-1px);
  color:#2b1f18;
  border-color:rgba(196,135,88,.22);
}

body[data-page="pricing"] .pricing-offers-switch__tabs label span{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:999px;
  color:#a66d43;
  background:rgba(196,135,88,.12);
  font-size:.68rem;
  font-weight:900;
}

body[data-page="pricing"] #pack-creation:checked ~ .pricing-offers-switch__tabs label[for="pack-creation"],
body[data-page="pricing"] #pack-rh:checked ~ .pricing-offers-switch__tabs label[for="pack-rh"],
body[data-page="pricing"] #pack-compta:checked ~ .pricing-offers-switch__tabs label[for="pack-compta"],
body[data-page="pricing"] #pack-mesure:checked ~ .pricing-offers-switch__tabs label[for="pack-mesure"]{
  color:#fff8ef;
  background:linear-gradient(145deg, #563929 0%, #2a1810 78%);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 16px 36px rgba(42,24,16,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

body[data-page="pricing"] #pack-creation:checked ~ .pricing-offers-switch__tabs label[for="pack-creation"] span,
body[data-page="pricing"] #pack-rh:checked ~ .pricing-offers-switch__tabs label[for="pack-rh"] span,
body[data-page="pricing"] #pack-compta:checked ~ .pricing-offers-switch__tabs label[for="pack-compta"] span,
body[data-page="pricing"] #pack-mesure:checked ~ .pricing-offers-switch__tabs label[for="pack-mesure"] span{
  color:#2a1810;
  background:#f2cfa8;
}

body[data-page="pricing"] .pricing-offers-switch__panels{
  position:relative;
  min-width:0;
  min-height:520px;
}

body[data-page="pricing"] .pricing-offer-panel{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(250px, .72fr);
  grid-template-rows:auto auto 1fr;
  grid-template-areas:
    "head price"
    "features price"
    "features cta";
  gap:22px;
  padding:clamp(30px, 3vw, 44px);
  border-radius:34px;
  color:#2b1f18;
  background:
    radial-gradient(circle at 92% 8%, rgba(196,135,88,.13), transparent 35%),
    linear-gradient(180deg, rgba(255,250,245,.99), rgba(255,247,240,.97));
  border:1px solid rgba(93,65,47,.13);
  box-shadow:
    0 28px 70px rgba(42,24,16,.11),
    inset 0 1px 0 rgba(255,255,255,.82);
  overflow:hidden;
  transition:opacity .24s ease, visibility .24s ease, transform .24s ease;
}

body[data-page="pricing"] #pack-creation:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--creation,
body[data-page="pricing"] #pack-rh:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--rh,
body[data-page="pricing"] #pack-compta:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--compta,
body[data-page="pricing"] #pack-mesure:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--mesure{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

body[data-page="pricing"] .pricing-offer-panel__head{
  grid-area:head;
  align-self:start;
}

body[data-page="pricing"] .pricing-offer-panel__category{
  margin:0;
  color:#a66d43;
  font-size:.78rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body[data-page="pricing"] .pricing-offer-panel h3{
  max-width:13ch;
  margin:14px 0 0;
  color:#2b1f18;
  font-size:clamp(2.55rem, 3.4vw, 4.15rem);
  line-height:.90;
  letter-spacing:-.07em;
  font-weight:880;
  text-wrap:balance;
}

body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
  max-width:45ch;
  margin:20px 0 0;
  color:rgba(43,31,24,.72);
  font-size:1rem;
  line-height:1.50;
  font-weight:640;
}

body[data-page="pricing"] .pricing-offer-panel__price{
  grid-area:price;
  align-self:start;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:138px;
  padding:24px;
  border-radius:28px;
  background:rgba(196,135,88,.10);
  border:1px solid rgba(196,135,88,.18);
}

body[data-page="pricing"] .pricing-offer-panel__price span{
  color:rgba(43,31,24,.55);
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body[data-page="pricing"] .pricing-offer-panel__price strong{
  display:block;
  margin-top:12px;
  color:#8b5735;
  font-size:clamp(1.35rem, 1.9vw, 2rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
}

body[data-page="pricing"] .pricing-offer-panel__features{
  grid-area:features;
  align-self:end;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

body[data-page="pricing"] .pricing-offer-panel__features li{
  position:relative;
  min-height:48px;
  display:flex;
  align-items:center;
  padding:12px 14px 12px 31px;
  border-radius:16px;
  color:rgba(43,31,24,.76);
  background:rgba(255,255,255,.56);
  border:1px solid rgba(93,65,47,.11);
  font-size:.88rem;
  line-height:1.18;
  font-weight:760;
}

body[data-page="pricing"] .pricing-offer-panel__features li::before{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(166,109,67,.58);
  transform:translateY(-50%);
}

body[data-page="pricing"] .pricing-offer-panel__cta{
  grid-area:cta;
  align-self:end;
  width:100%;
  color:#fff8ef;
  background:linear-gradient(180deg, #bf8557, #a4683f);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 28px rgba(85,48,28,.15);
}

/* Dark active panel */

body[data-page="pricing"] .pricing-offer-panel--dark{
  color:#fff8ef;
  background:
    radial-gradient(circle at 88% 10%, rgba(230,184,138,.16), transparent 34%),
    linear-gradient(145deg, #4b3021 0%, #241711 84%);
  border-color:rgba(255,255,255,.12);
  box-shadow:
    0 28px 70px rgba(42,24,16,.16),
    inset 0 1px 0 rgba(255,255,255,.08);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__category{
  color:#e7bd94;
}

body[data-page="pricing"] .pricing-offer-panel--dark h3,
body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price strong{
  color:#fff8ef;
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__head p:last-child,
body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__features li{
  color:rgba(255,248,239,.78);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price,
body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__features li{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.13);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price span{
  color:rgba(255,248,239,.58);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__features li::before{
  background:rgba(230,184,138,.74);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__cta{
  color:#2a1810;
  background:linear-gradient(180deg, #f2cfa8, #c48a5e);
}

/* =========================================================
   FAQ - STUDIO
========================================================= */

body[data-page="pricing"] .pricing-faq-studio{
  min-height:calc(100svh - 82px);
  display:flex;
  align-items:center;
  padding:clamp(24px, 3svh, 38px) 0;
  overflow:hidden;
  color:#3e2b22;
  background:#f7f1ea;
}

body[data-page="pricing"] .pricing-faq-studio__shell{
  width:min(calc(100% - 56px), 1280px);
  min-height:min(700px, calc(100svh - 128px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(320px, 420px) minmax(0, 1fr);
  grid-template-rows:1fr auto;
  grid-template-areas:
    "intro list"
    "bottom list";
  gap:24px;
  padding:24px;
  border-radius:44px;
  background:
    radial-gradient(circle at 8% 0%, rgba(196,135,88,.13), transparent 35%),
    linear-gradient(180deg, rgba(255,250,245,.94), rgba(239,225,211,.92));
  border:1px solid rgba(112,78,54,.14);
  box-shadow:
    0 34px 82px rgba(67,44,30,.10),
    inset 0 1px 0 rgba(255,255,255,.68);
}

body[data-page="pricing"] .pricing-faq-studio__intro{
  grid-area:intro;
  align-self:center;
  padding:clamp(24px, 2.4vw, 36px);
}

body[data-page="pricing"] .pricing-faq-studio__intro h2{
  max-width:8.5ch;
  margin:13px 0 0;
  color:#4c3328;
  font-size:clamp(3rem, 4vw, 4.8rem);
  line-height:.86;
  letter-spacing:-.065em;
  font-weight:860;
}

body[data-page="pricing"] .pricing-faq-studio__intro p{
  max-width:38ch;
  margin:22px 0 0;
  padding-left:18px;
  border-left:3px solid rgba(183,124,81,.70);
  color:rgba(65,43,32,.82);
  font-size:1rem;
  line-height:1.58;
  font-weight:640;
}

body[data-page="pricing"] .pricing-faq-studio__cta{
  padding:0 28px;
  color:#fff;
  background:linear-gradient(135deg,#bf8559 0%,#a96f45 100%);
  box-shadow:
    0 14px 30px rgba(118,72,39,.16),
    inset 0 1px 0 rgba(255,255,255,.22);
}

body[data-page="pricing"] .pricing-faq-studio__cta--desktop{
  margin-top:26px;
}

body[data-page="pricing"] .pricing-faq-studio__list{
  grid-area:list;
  align-self:center;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body[data-page="pricing"] .pricing-faq-studio__item{
  min-width:0;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    0 16px 34px rgba(72,48,31,.07),
    inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

body[data-page="pricing"] .pricing-faq-studio__item[open]{
  grid-column:span 2;
  background:rgba(255,255,255,.96);
  border-color:rgba(181,128,88,.28);
}

body[data-page="pricing"] .pricing-faq-studio__item summary{
  position:relative;
  min-height:82px;
  display:grid;
  grid-template-columns:34px minmax(0, 1fr);
  align-items:center;
  gap:14px;
  padding:16px 56px 16px 18px;
  cursor:pointer;
  list-style:none;
  color:#4a342a;
  font-size:.98rem;
  line-height:1.22;
  font-weight:830;
  letter-spacing:-.018em;
}

body[data-page="pricing"] .pricing-faq-studio__item summary::-webkit-details-marker{
  display:none;
}

body[data-page="pricing"] .pricing-faq-studio__item summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  transform:translateY(-50%);
  background:rgba(191,133,89,.13);
  color:#b37649;
  font-size:1rem;
  line-height:1;
  font-weight:900;
}

body[data-page="pricing"] .pricing-faq-studio__item[open] summary::after{
  transform:translateY(-50%) rotate(45deg);
}

body[data-page="pricing"] .pricing-faq-studio__item summary span{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(191,133,89,.12);
  color:rgba(171,111,68,.86);
  font-size:.68rem;
  line-height:1;
  font-weight:850;
}

body[data-page="pricing"] .pricing-faq-studio__item p{
  margin:0;
  padding:0 24px 22px 66px;
  color:rgba(77,51,39,.72);
  font-size:.92rem;
  line-height:1.54;
  font-weight:520;
}

body[data-page="pricing"] .pricing-faq-studio__bottom{
  grid-area:bottom;
  align-self:end;
  padding:0 clamp(24px, 2.4vw, 36px) clamp(22px, 2vw, 32px);
}

body[data-page="pricing"] .pricing-faq-studio__bottom p{
  position:relative;
  margin:0;
  padding-left:17px;
  color:rgba(65,43,32,.78);
  font-size:.92rem;
  line-height:1.48;
  font-weight:650;
}

body[data-page="pricing"] .pricing-faq-studio__bottom p::before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#b77c51;
  box-shadow:0 0 0 5px rgba(183,124,81,.12);
}

body[data-page="pricing"] .pricing-faq-studio__cta--mobile{
  display:none;
}

/* =========================================================
   DESKTOP BAS / LAPTOP
========================================================= */

@media (min-width:1081px) and (max-height:850px){
  body[data-page="pricing"] #pricing-hero.pricing-hero{
    min-height:calc(100svh - 74px);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__container{
    min-height:calc(100svh - 74px);
    padding:38px 0;
  }

  body[data-page="pricing"] #pricing-hero #pricing-hero-title{
    max-width:690px;
    font-size:clamp(2.62rem, 3.72vw, 4rem);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
    margin-top:18px;
    font-size:.98rem;
    line-height:1.48;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__actions{
    margin-top:23px;
  }

  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:calc(100svh - 74px);
    padding:18px 0;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    min-height:calc(100svh - 110px);
    grid-template-columns:minmax(310px, 360px) minmax(0, 1fr);
    gap:14px;
    padding:16px;
    border-radius:38px;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:28px;
    border-radius:30px;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:clamp(2.4rem, 3.2vw, 3.65rem);
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    margin-top:16px;
    font-size:.88rem;
    line-height:1.40;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    margin-top:16px;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs span{
    min-height:26px;
    font-size:.62rem;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:42px;
    margin-top:18px;
    font-size:.80rem;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    gap:12px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:48px;
    font-size:.72rem;
    border-radius:16px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label span{
    width:24px;
    height:24px;
    font-size:.60rem;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:430px;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    padding:25px;
    border-radius:28px;
    gap:16px;
  }

  body[data-page="pricing"] .pricing-offer-panel__category{
    font-size:.66rem;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    margin-top:10px;
    font-size:clamp(2.05rem, 2.75vw, 3.1rem);
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:14px;
    font-size:.84rem;
    line-height:1.36;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    min-height:116px;
    padding:18px;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    gap:9px;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:38px;
    padding:8px 10px 8px 27px;
    font-size:.72rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:42px;
    font-size:.78rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    min-height:calc(100svh - 110px);
    padding:20px;
    border-radius:38px;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    font-size:clamp(2.6rem, 3.7vw, 4rem);
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:.90rem;
    line-height:1.44;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:72px;
    font-size:.88rem;
  }
}

/* =========================================================
   TABLETTE
========================================================= */

@media (max-width:1080px){
  body[data-page="pricing"] #pricing-hero.pricing-hero{
    min-height:calc(100svh - 74px);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__container{
    width:min(calc(100% - 42px), 880px);
    min-height:calc(100svh - 74px);
    padding:48px 0;
  }

  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:auto;
    display:block;
    padding:58px 0;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 36px), 880px);
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2,
  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    max-width:none;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:560px;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    grid-template-areas:
      "intro"
      "list"
      "bottom";
  }
}

/* =========================================================
   MOBILE - OFFRES SANS CAROUSEL
========================================================= */

@media (max-width:767px){
  body[data-page="pricing"] main{
    overflow:hidden;
  }

  /* Hero mobile */

  body[data-page="pricing"] #pricing-hero.pricing-hero{
    min-height:auto;
    display:block;
    padding:0;
    background:#20130e;
    overflow:hidden;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__bg{
    background-position:center top;
    transform:scale(1.02);
    filter:saturate(.86) contrast(1.05) brightness(.72) sepia(.08);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(31,20,14,.10) 0%,
        rgba(31,20,14,.42) 30%,
        rgba(31,20,14,.78) 72%,
        rgba(31,20,14,.94) 100%
      ),
      radial-gradient(circle at 18% 46%, rgba(213,173,130,.18), transparent 38%);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__container{
    width:min(calc(100% - 24px), 430px);
    min-height:auto;
    margin-inline:auto;
    display:block;
    padding:88px 0 28px;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__panel{
    width:100%;
    max-width:none;
    padding:22px 20px 20px;
    border-radius:26px;
    background:linear-gradient(180deg, rgba(31,20,15,.88), rgba(31,20,15,.76));
    border:1px solid rgba(255,255,255,.13);
    box-shadow:
      0 24px 58px rgba(14,8,4,.36),
      inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__panel::before{
    display:none;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__eyebrow{
    margin:0 0 11px;
    font-size:.66rem;
    letter-spacing:.18em;
    color:#e8c39c;
  }

  body[data-page="pricing"] #pricing-hero #pricing-hero-title{
    max-width:11ch;
    font-size:clamp(2.05rem, 9.2vw, 2.78rem);
    line-height:.94;
    letter-spacing:-.058em;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
    max-width:34ch;
    margin:14px 0 0;
    font-size:.94rem;
    line-height:1.38;
    font-weight:650;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:15px 0 0;
    padding:13px 0 0;
    border-top:1px solid rgba(255,248,239,.16);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers li{
    min-height:26px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:rgba(255,248,239,.82);
    font-size:.68rem;
    line-height:1;
    font-weight:850;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers li::after{
    display:none !important;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:17px;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__btn{
    width:100%;
    min-width:0;
    min-height:47px;
    padding:0 18px;
    font-size:.91rem;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__note{
    margin-top:11px;
    font-size:.66rem;
    line-height:1.28;
    letter-spacing:.045em;
  }

  /* Offers mobile */

  body[data-page="pricing"] #offres.pricing-offers-studio{
    min-height:calc(100svh - 66px);
    display:flex;
    align-items:center;
    padding:16px 0;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    width:min(calc(100% - 24px), 430px);
    min-height:calc(100svh - 98px);
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:12px;
    padding:12px;
    border-radius:30px;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:17px 17px 16px;
    border-radius:23px;
  }

  body[data-page="pricing"] .pricing-offers-studio__eyebrow{
    font-size:.62rem;
    letter-spacing:.18em;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    max-width:10ch;
    margin-top:9px;
    font-size:clamp(1.86rem, 8.4vw, 2.42rem);
    line-height:.94;
    letter-spacing:-.058em;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    max-width:34ch;
    margin-top:10px;
    font-size:.80rem;
    line-height:1.30;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    display:none;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:40px;
    margin-top:12px;
    font-size:.80rem;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:10px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:40px;
    padding:0 6px;
    border-radius:15px;
    gap:0;
    font-size:0;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label span{
    width:28px;
    height:28px;
    font-size:.66rem;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:0;
    height:100%;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto minmax(0, 1fr) auto;
    grid-template-areas:
      "head"
      "price"
      "features"
      "cta";
    gap:11px;
    padding:18px 17px 17px;
    border-radius:25px;
  }

  body[data-page="pricing"] .pricing-offer-panel__category{
    font-size:.62rem;
    letter-spacing:.13em;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    max-width:14ch;
    margin-top:8px;
    font-size:clamp(1.48rem, 6.4vw, 1.86rem);
    line-height:1.02;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:9px;
    font-size:.82rem;
    line-height:1.32;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    min-height:48px;
    padding:10px 13px;
    border-radius:17px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price span{
    font-size:.58rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    margin-top:5px;
    font-size:.98rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    align-self:start;
    grid-template-columns:1fr;
    gap:7px;
    min-height:0;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:34px;
    padding:8px 10px 8px 26px;
    border-radius:13px;
    font-size:.76rem;
    line-height:1.16;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li::before{
    left:12px;
    width:5px;
    height:5px;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:42px;
    font-size:.82rem;
  }

  /* FAQ mobile */

  body[data-page="pricing"] .pricing-faq-studio{
    min-height:calc(100svh - 66px);
    display:flex;
    align-items:center;
    padding:16px 0;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 24px), 430px);
    min-height:calc(100svh - 98px);
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) auto;
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "list"
      "bottom";
    gap:12px;
    padding:18px 16px 16px;
    border-radius:30px;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro{
    padding:0;
  }

  body[data-page="pricing"] .pricing-faq-studio__eyebrow{
    font-size:.62rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    max-width:9ch;
    margin-top:8px;
    font-size:clamp(2rem, 8.6vw, 2.54rem);
    line-height:.92;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    max-width:34ch;
    margin-top:10px;
    padding-left:12px;
    border-left-width:2px;
    font-size:.78rem;
    line-height:1.28;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--desktop{
    display:none;
  }

  body[data-page="pricing"] .pricing-faq-studio__list{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    align-content:start;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-faq-studio__item,
  body[data-page="pricing"] .pricing-faq-studio__item[open]{
    grid-column:auto;
    border-radius:17px;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:52px;
    grid-template-columns:28px minmax(0, 1fr);
    gap:9px;
    padding:10px 42px 10px 12px;
    font-size:.74rem;
    line-height:1.16;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary span{
    width:26px;
    height:26px;
    font-size:.58rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary::after{
    right:12px;
    width:24px;
    height:24px;
    font-size:.80rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item p{
    padding:0 13px 13px 49px;
    font-size:.72rem;
    line-height:1.34;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom{
    padding:0;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom p{
    font-size:.70rem;
    line-height:1.22;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--mobile{
    width:100%;
    min-height:40px;
    display:flex;
    margin-top:10px;
    font-size:.80rem;
  }
}

/* =========================================================
   PETITS MOBILES / HAUTEURS BASSES
========================================================= */

@media (max-width:390px){
  body[data-page="pricing"] #pricing-hero .pricing-hero__container{
    width:calc(100% - 22px);
    padding-top:78px;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__panel{
    padding:20px 18px 19px;
    border-radius:24px;
  }

  body[data-page="pricing"] #pricing-hero #pricing-hero-title{
    font-size:clamp(1.96rem, 8.8vw, 2.34rem);
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
    font-size:.88rem;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers li{
    font-size:.64rem;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__btn{
    min-height:44px;
    font-size:.86rem;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:calc(100% - 20px);
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:1.92rem;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    font-size:.76rem;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    padding:16px 15px 15px;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:1.46rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    font-size:.76rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    font-size:.70rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    padding:16px 14px 14px;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    font-size:2.02rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:.74rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:50px;
    font-size:.70rem;
  }
}

@media (max-width:767px) and (max-height:760px){
  body[data-page="pricing"] #pricing-hero .pricing-hero__container{
    padding-top:74px;
    padding-bottom:20px;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__panel{
    padding:18px 17px 17px;
  }

  body[data-page="pricing"] #pricing-hero #pricing-hero-title{
    font-size:2rem;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
    margin-top:11px;
    font-size:.82rem;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__btn{
    min-height:42px;
  }

  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:auto;
    align-items:flex-start;
    padding:22px 0;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    min-height:auto;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    position:relative;
    min-height:440px;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:440px;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-page="pricing"] *,
  body[data-page="pricing"] *::before,
  body[data-page="pricing"] *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* =========================================================
   PHOTOS DES PACKS
   
========================================================= */

/* Separateurs du hero */
body[data-page="pricing"] #pricing-hero .pricing-hero__markers li:not(:last-child)::after{
  content:"" !important;
  display:inline-block;
  width:4px;
  height:4px;
  margin:0 12px 2px;
  border-radius:999px;
  background:rgba(213,173,130,.74);
  vertical-align:middle;
}

/* Photos par pack */
body[data-page="pricing"] .pricing-offer-panel--creation{
  --pack-photo:url("../images/creation2.jpg");
  --pack-position:center center;
}

body[data-page="pricing"] .pricing-offer-panel--rh{
  --pack-photo:url("../images/rh-paie2.jpg");
  --pack-position:center center;
}

body[data-page="pricing"] .pricing-offer-panel--compta{
  --pack-photo:url("../images/comptabilite2.jpg");
  --pack-position:center center;
}

body[data-page="pricing"] .pricing-offer-panel--mesure{
  --pack-photo:url("../images/sur-mesure2.jpg");
  --pack-position:center center;
}

body[data-page="pricing"] .pricing-offer-panel{
  grid-template-columns:minmax(0, .92fr) minmax(290px, .78fr);
  grid-template-rows:auto minmax(0, 1fr) auto;
  grid-template-areas:
    "head media"
    "features media"
    "cta media";
}

body[data-page="pricing"] .pricing-offer-panel__media{
  grid-area:media;
  position:relative;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  border-radius:30px;
  background-image:
    linear-gradient(180deg, rgba(35,20,13,.10) 0%, rgba(35,20,13,.36) 58%, rgba(35,20,13,.70) 100%),
    var(--pack-photo),
    url("../images/hero-pricing.jpg");
  background-size:cover, cover, cover;
  background-position:center center, var(--pack-position), center center;
  background-repeat:no-repeat;
  border:1px solid rgba(93,65,47,.15);
  box-shadow:
    0 22px 50px rgba(42,24,16,.13),
    inset 0 1px 0 rgba(255,255,255,.18);
}

body[data-page="pricing"] .pricing-offer-panel__media::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 12%, rgba(255,248,239,.22), transparent 34%),
    linear-gradient(90deg, rgba(255,248,239,.05), rgba(255,248,239,.00));
}

body[data-page="pricing"] .pricing-offer-panel__media::after{
  content:"";
  position:absolute;
  left:18px;
  top:18px;
  width:42px;
  height:2px;
  border-radius:999px;
  background:rgba(242,207,168,.86);
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}

body[data-page="pricing"] .pricing-offer-panel__price{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  min-height:0;
  padding:18px 18px 17px;
  border-radius:24px;
  background:rgba(255,250,245,.88);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:
    0 16px 34px rgba(20,10,4,.20),
    inset 0 1px 0 rgba(255,255,255,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body[data-page="pricing"] .pricing-offer-panel__price span{
  color:rgba(61,38,24,.62);
}

body[data-page="pricing"] .pricing-offer-panel__price strong{
  color:#7d4e31;
}

body[data-page="pricing"] .pricing-offer-panel__features{
  align-self:end;
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__media{
  border-color:rgba(255,255,255,.13);
  box-shadow:
    0 24px 56px rgba(10,5,2,.24),
    inset 0 1px 0 rgba(255,255,255,.12);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price{
  background:rgba(35,20,13,.68);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price span{
  color:rgba(255,248,239,.62);
}

body[data-page="pricing"] .pricing-offer-panel--dark .pricing-offer-panel__price strong{
  color:#fff8ef;
}

@media (min-width:1081px) and (max-height:850px){
  body[data-page="pricing"] .pricing-offer-panel{
    grid-template-columns:minmax(0, .95fr) minmax(245px, .72fr);
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    border-radius:24px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media::after{
    left:14px;
    top:14px;
    width:34px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    left:14px;
    right:14px;
    bottom:14px;
    padding:14px;
    border-radius:20px;
  }
}

@media (max-width:1080px){
  body[data-page="pricing"] .pricing-offer-panel{
    grid-template-columns:minmax(0, 1fr) minmax(240px, .72fr);
    grid-template-rows:auto auto 1fr;
    grid-template-areas:
      "head media"
      "features media"
      "cta media";
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:100%;
  }
}

@media (max-width:767px){
  body[data-page="pricing"] #offres.pricing-offers-studio{
    min-height:auto;
    align-items:flex-start;
    padding:18px 0 26px;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    min-height:auto;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    height:auto;
    min-height:520px;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    min-height:520px;
    grid-template-columns:1fr;
    grid-template-rows:auto 96px auto minmax(0, 1fr) auto;
    grid-template-areas:
      "head"
      "media"
      "features"
      "features"
      "cta";
    gap:10px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:96px;
    border-radius:20px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media::after{
    left:12px;
    top:12px;
    width:30px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    left:10px;
    right:10px;
    bottom:10px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:16px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    margin:0;
    font-size:.88rem;
    white-space:nowrap;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    align-self:start;
  }
}

@media (max-width:390px){
  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:500px;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    min-height:500px;
    grid-template-rows:auto 82px auto minmax(0, 1fr) auto;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:82px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    padding:8px 10px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price span{
    font-size:.52rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    font-size:.80rem;
  }
}

/* =========================================================
   RESPONSIVE TARIFS ET FAQ
   A laisser tout en bas du fichier pricing.css
========================================================= */

/* 1) Bug separateurs hero : on supprime definitivement le caractere encode */
body[data-page="pricing"] #pricing-hero .pricing-hero__markers{
  gap:14px;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__markers li:not(:last-child)::after{
  content:none !important;
  display:none !important;
}

body[data-page="pricing"] #pricing-hero .pricing-hero__markers li + li::before{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin:0 14px 2px 0;
  border-radius:999px;
  background:rgba(213,173,130,.74);
  vertical-align:middle;
}

/* 2) Desktop packs : photo premium mieux integree et panneau plus stable */
@media (min-width:1081px){
  body[data-page="pricing"] .pricing-offer-panel{
    grid-template-columns:minmax(0, .90fr) minmax(300px, .78fr);
    gap:24px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:100%;
    border-radius:28px;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    align-self:end;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:44px;
  }
}

/* 3) Mobile packs : bloc ecran reel, plus de carte qui deborde */
@media (max-width:767px){

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers{
    gap:7px;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__markers li + li::before{
    display:none !important;
  }

  body[data-page="pricing"] #offres.pricing-offers-studio{
    min-height:calc(100svh - 66px);
    display:flex;
    align-items:center;
    padding:14px 0 18px;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    width:min(calc(100% - 20px), 430px);
    min-height:calc(100svh - 92px);
    max-height:calc(100svh - 28px);
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:9px;
    padding:10px;
    border-radius:28px;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:15px 15px 14px;
    border-radius:22px;
  }

  body[data-page="pricing"] .pricing-offers-studio__eyebrow{
    font-size:.58rem;
    letter-spacing:.17em;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    max-width:11ch;
    margin-top:8px;
    font-size:clamp(1.66rem, 7.5vw, 2.05rem);
    line-height:.94;
    letter-spacing:-.054em;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    max-width:35ch;
    margin-top:8px;
    font-size:.72rem;
    line-height:1.24;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    display:none;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:36px;
    margin-top:10px;
    font-size:.74rem;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:8px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs{
    gap:6px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:36px;
    border-radius:14px;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label span{
    width:26px;
    height:26px;
    font-size:.62rem;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    min-height:0;
    height:100%;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 78px minmax(0, 1fr) auto;
    grid-template-areas:
      "head"
      "media"
      "features"
      "cta";
    gap:8px;
    padding:14px 14px 13px;
    border-radius:23px;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-offer-panel__category{
    font-size:.56rem;
    letter-spacing:.12em;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    max-width:15ch;
    margin-top:6px;
    font-size:clamp(1.22rem, 5.6vw, 1.54rem);
    line-height:1.01;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:7px;
    font-size:.72rem;
    line-height:1.24;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:78px;
    border-radius:18px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media::after{
    left:11px;
    top:11px;
    width:26px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    left:8px;
    right:8px;
    bottom:8px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    border-radius:14px;
  }

  body[data-page="pricing"] .pricing-offer-panel__price span{
    font-size:.49rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    margin:0;
    font-size:.76rem;
    white-space:nowrap;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    align-self:start;
    grid-template-columns:1fr;
    gap:6px;
    min-height:0;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:28px;
    padding:6px 9px 6px 24px;
    border-radius:12px;
    font-size:.66rem;
    line-height:1.12;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li::before{
    left:11px;
    width:4px;
    height:4px;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:38px;
    font-size:.76rem;
  }

  /* 4) FAQ mobile : bloc ecran stable, tout tient sans descente interminable */
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:calc(100svh - 66px);
    display:flex;
    align-items:center;
    padding:14px 0 18px;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 20px), 430px);
    min-height:calc(100svh - 92px);
    max-height:calc(100svh - 28px);
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) auto;
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "list"
      "bottom";
    gap:9px;
    padding:15px 14px 13px;
    border-radius:28px;
    overflow:hidden;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro{
    padding:0;
  }

  body[data-page="pricing"] .pricing-faq-studio__eyebrow{
    font-size:.58rem;
    letter-spacing:.17em;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    max-width:10ch;
    margin-top:7px;
    font-size:clamp(1.76rem, 7.8vw, 2.12rem);
    line-height:.92;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    max-width:35ch;
    margin-top:8px;
    padding-left:11px;
    border-left-width:2px;
    font-size:.70rem;
    line-height:1.22;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--desktop{
    display:none;
  }

  body[data-page="pricing"] .pricing-faq-studio__list{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    align-content:start;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:2px;
    scrollbar-width:none;
  }

  body[data-page="pricing"] .pricing-faq-studio__list::-webkit-scrollbar{
    display:none;
  }

  body[data-page="pricing"] .pricing-faq-studio__item,
  body[data-page="pricing"] .pricing-faq-studio__item[open]{
    grid-column:auto;
    border-radius:15px;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:46px;
    grid-template-columns:26px minmax(0, 1fr);
    gap:8px;
    padding:8px 38px 8px 10px;
    font-size:.68rem;
    line-height:1.14;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary span{
    width:24px;
    height:24px;
    font-size:.54rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary::after{
    right:10px;
    width:22px;
    height:22px;
    font-size:.76rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item p{
    padding:0 12px 11px 45px;
    font-size:.69rem;
    line-height:1.32;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom{
    padding:0;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom p{
    font-size:.66rem;
    line-height:1.18;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--mobile{
    width:100%;
    min-height:38px;
    display:flex;
    margin-top:9px;
    font-size:.76rem;
  }
}

/* 5) Tres petits ecrans : on securise sans casser */
@media (max-width:390px){
  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:calc(100% - 18px);
    border-radius:26px;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:1.72rem;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    font-size:.68rem;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    grid-template-rows:auto 70px minmax(0, 1fr) auto;
    padding:13px 13px 12px;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:70px;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:1.24rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    font-size:.68rem;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:26px;
    font-size:.62rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    font-size:1.82rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:.66rem;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:44px;
    font-size:.64rem;
  }
}

/* =========================================================
   REGLAGES DESKTOP ET MOBILE
   
========================================================= */

/* ---------- DESKTOP : section reellement bloc ecran ---------- */
@media (min-width:1081px){
  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    height:calc(100svh - 82px) !important;
    min-height:calc(100svh - 82px) !important;
    padding:clamp(14px, 2.15vh, 26px) 0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    height:min(735px, calc(100svh - 112px)) !important;
    min-height:0 !important;
    width:min(calc(100% - 56px), 1420px) !important;
    grid-template-columns:minmax(330px, 390px) minmax(0, 1fr) !important;
    gap:18px !important;
    padding:18px !important;
    border-radius:42px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    min-height:0 !important;
    padding:clamp(32px, 2.8vw, 46px) !important;
    border-radius:32px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:clamp(2.72rem, 3.65vw, 4.45rem) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    margin-top:18px !important;
    font-size:.94rem !important;
    line-height:1.44 !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    margin-top:20px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:46px !important;
    margin-top:22px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    height:100% !important;
    align-self:stretch !important;
    grid-template-rows:48px minmax(0, 1fr) !important;
    gap:14px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:48px !important;
    border-radius:18px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    height:100% !important;
    min-height:0 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    height:100% !important;
    min-height:0 !important;
    padding:clamp(28px, 2.6vw, 38px) !important;
    grid-template-columns:minmax(0, .92fr) minmax(285px, .76fr) !important;
    grid-template-rows:auto minmax(0, 1fr) auto !important;
    gap:20px !important;
    border-radius:32px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:clamp(2.28rem, 3vw, 3.7rem) !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:16px !important;
    font-size:.92rem !important;
    line-height:1.42 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:0 !important;
    height:100% !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    gap:10px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:41px !important;
    font-size:.80rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:46px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    height:min(710px, calc(100svh - 112px)) !important;
    min-height:0 !important;
    width:min(calc(100% - 56px), 1280px) !important;
    padding:clamp(22px, 2.3vw, 34px) !important;
    border-radius:42px !important;
  }
}

/* ---------- MOBILE : on arrete le faux bloc ecran qui casse tout ---------- */
@media (max-width:767px){
  body[data-page="pricing"] #offres.pricing-offers-studio{
    min-height:auto !important;
    height:auto !important;
    display:block !important;
    align-items:initial !important;
    padding:24px 0 32px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    width:min(calc(100% - 22px), 430px) !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    display:block !important;
    padding:10px !important;
    border-radius:30px !important;
    overflow:visible !important;
    background:rgba(255,250,245,.78) !important;
    border:1px solid rgba(93,65,47,.12) !important;
    box-shadow:0 22px 52px rgba(42,24,16,.12), inset 0 1px 0 rgba(255,255,255,.76) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:20px 18px 18px !important;
    border-radius:24px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__eyebrow{
    font-size:.62rem !important;
    letter-spacing:.18em !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    max-width:10.5ch !important;
    margin-top:10px !important;
    font-size:clamp(1.95rem, 8.6vw, 2.42rem) !important;
    line-height:.94 !important;
    letter-spacing:-.058em !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    max-width:34ch !important;
    margin-top:11px !important;
    font-size:.82rem !important;
    line-height:1.32 !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    display:none !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:42px !important;
    margin-top:14px !important;
    font-size:.82rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    margin-top:10px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:40px !important;
    justify-content:flex-start !important;
    gap:7px !important;
    padding:0 10px !important;
    border-radius:15px !important;
    font-size:.68rem !important;
    white-space:nowrap !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label span{
    width:25px !important;
    height:25px !important;
    font-size:.60rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    margin-top:10px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:none !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto 108px auto auto !important;
    grid-template-areas:
      "head"
      "media"
      "features"
      "cta" !important;
    gap:11px !important;
    padding:18px 16px 16px !important;
    border-radius:24px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] #pack-creation:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--creation,
  body[data-page="pricing"] #pack-rh:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--rh,
  body[data-page="pricing"] #pack-compta:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--compta,
  body[data-page="pricing"] #pack-mesure:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--mesure{
    display:grid !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__category{
    font-size:.62rem !important;
    letter-spacing:.13em !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    max-width:14ch !important;
    margin-top:7px !important;
    font-size:clamp(1.46rem, 6.5vw, 1.82rem) !important;
    line-height:1.02 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:9px !important;
    font-size:.82rem !important;
    line-height:1.30 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:108px !important;
    height:108px !important;
    border-radius:18px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media::after{
    left:12px !important;
    top:12px !important;
    width:28px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    left:9px !important;
    right:9px !important;
    bottom:9px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price span{
    font-size:.50rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    margin:0 !important;
    font-size:.82rem !important;
    white-space:nowrap !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    align-self:start !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:32px !important;
    padding:7px 10px 7px 25px !important;
    border-radius:13px !important;
    font-size:.72rem !important;
    line-height:1.15 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li::before{
    left:12px !important;
    width:4px !important;
    height:4px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:42px !important;
    font-size:.82rem !important;
  }

  /* FAQ mobile : naturelle, compacte, sans contenu masque */
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:auto !important;
    height:auto !important;
    display:block !important;
    padding:24px 0 34px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 22px), 430px) !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    display:block !important;
    padding:19px 16px 16px !important;
    border-radius:28px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro{
    padding:0 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__eyebrow{
    font-size:.62rem !important;
    letter-spacing:.18em !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    max-width:9ch !important;
    margin-top:8px !important;
    font-size:clamp(2rem, 8.8vw, 2.55rem) !important;
    line-height:.92 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    max-width:34ch !important;
    margin-top:10px !important;
    padding-left:12px !important;
    border-left-width:2px !important;
    font-size:.82rem !important;
    line-height:1.30 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--desktop{
    display:none !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:16px !important;
    min-height:0 !important;
    overflow:visible !important;
    padding:0 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item,
  body[data-page="pricing"] .pricing-faq-studio__item[open]{
    grid-column:auto !important;
    border-radius:16px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:54px !important;
    grid-template-columns:27px minmax(0, 1fr) !important;
    gap:9px !important;
    padding:10px 40px 10px 11px !important;
    font-size:.72rem !important;
    line-height:1.16 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary span{
    width:25px !important;
    height:25px !important;
    font-size:.56rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary::after{
    right:11px !important;
    width:22px !important;
    height:22px !important;
    font-size:.76rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item p{
    padding:0 12px 12px 47px !important;
    font-size:.70rem !important;
    line-height:1.32 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom{
    padding:0 !important;
    margin-top:14px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom p{
    font-size:.70rem !important;
    line-height:1.23 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--mobile{
    width:100% !important;
    min-height:40px !important;
    display:flex !important;
    margin-top:12px !important;
    font-size:.80rem !important;
  }
}

@media (max-width:390px){
  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:calc(100% - 18px) !important;
    border-radius:26px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:18px 16px 16px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:1.92rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    grid-template-rows:auto 96px auto auto !important;
    padding:16px 14px 14px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:96px !important;
    height:96px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:1.42rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    font-size:.76rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    font-size:.68rem !important;
  }
}

/* =========================================================
   TYPOGRAPHIE ET LISIBILITE FINALE
   
========================================================= */

/* ---------- DESKTOP : bloc ecran reel, sans agrandir artificiellement la page ---------- */
@media (min-width:1081px){
  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    height:calc(100svh - 74px) !important;
    min-height:620px !important;
    max-height:none !important;
    display:flex !important;
    align-items:center !important;
    padding:16px 0 !important;
    overflow:hidden !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    width:min(calc(100% - 56px), 1460px) !important;
    height:min(720px, calc(100svh - 106px)) !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(360px, 410px) minmax(0, 1fr) !important;
    gap:18px !important;
    padding:18px !important;
    border-radius:42px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    height:100% !important;
    padding:clamp(38px, 3vw, 54px) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:clamp(3.12rem, 3.85vw, 4.75rem) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    font-size:1.02rem !important;
    line-height:1.48 !important;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    height:100% !important;
    grid-template-rows:52px minmax(0, 1fr) !important;
    gap:16px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:52px !important;
    font-size:.86rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    height:100% !important;
    min-height:0 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    height:100% !important;
    min-height:0 !important;
    grid-template-columns:minmax(0, .96fr) minmax(330px, .78fr) !important;
    grid-template-rows:auto minmax(0, 1fr) auto !important;
    gap:22px !important;
    padding:clamp(34px, 3vw, 46px) !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:clamp(2.75rem, 3.35vw, 4.05rem) !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    max-width:48ch !important;
    font-size:1rem !important;
    line-height:1.44 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:46px !important;
    font-size:.90rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:52px !important;
    font-size:.96rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 56px), 1280px) !important;
    height:min(700px, calc(100svh - 106px)) !important;
    min-height:0 !important;
    display:grid !important;
    align-items:stretch !important;
    padding:clamp(24px, 2.4vw, 36px) !important;
    border-radius:42px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    font-size:clamp(3.25rem, 4vw, 4.8rem) !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:1.05rem !important;
    line-height:1.52 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:88px !important;
    font-size:1.04rem !important;
  }
}

/* ---------- DESKTOP BAS : on garde le bloc ecran sans couper ---------- */
@media (min-width:1081px) and (max-height:820px){
  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    height:calc(100svh - 70px) !important;
    min-height:560px !important;
    padding:12px 0 !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    height:calc(100svh - 94px) !important;
    border-radius:36px !important;
    padding:14px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell{
    grid-template-columns:minmax(318px, 370px) minmax(0, 1fr) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:30px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:clamp(2.5rem, 3.35vw, 3.65rem) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    font-size:.88rem !important;
    line-height:1.38 !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs span{
    font-size:.66rem !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:44px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    grid-template-rows:46px minmax(0, 1fr) !important;
    gap:12px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    padding:26px !important;
    grid-template-columns:minmax(0, .96fr) minmax(270px, .72fr) !important;
    gap:16px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:clamp(2.15rem, 2.95vw, 3.2rem) !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    font-size:.84rem !important;
    line-height:1.32 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:38px !important;
    font-size:.74rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:72px !important;
    font-size:.90rem !important;
  }
}

/* ---------- MOBILE : version lisible, premium, naturelle ---------- */
@media (max-width:767px){
  body[data-page="pricing"] main{
    overflow:visible !important;
  }

  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio{
    min-height:auto !important;
    height:auto !important;
    display:block !important;
    padding:28px 0 38px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:min(calc(100% - 20px), 430px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:block !important;
    padding:12px !important;
    border-radius:30px !important;
    overflow:visible !important;
    background:rgba(255,250,245,.82) !important;
    border:1px solid rgba(93,65,47,.13) !important;
    box-shadow:
      0 24px 54px rgba(42,24,16,.13),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:24px 20px 20px !important;
    border-radius:25px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__eyebrow,
  body[data-page="pricing"] .pricing-faq-studio__eyebrow{
    font-size:.72rem !important;
    letter-spacing:.20em !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    max-width:10ch !important;
    margin-top:12px !important;
    font-size:clamp(2.35rem, 10.2vw, 2.95rem) !important;
    line-height:.92 !important;
    letter-spacing:-.065em !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    max-width:32ch !important;
    margin-top:14px !important;
    font-size:.98rem !important;
    line-height:1.42 !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs{
    display:flex !important;
    gap:7px !important;
    margin-top:16px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__proofs span{
    min-height:28px !important;
    padding:0 10px !important;
    font-size:.66rem !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__cta-main{
    min-height:48px !important;
    margin-top:17px !important;
    font-size:.94rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch{
    display:block !important;
    height:auto !important;
    margin-top:12px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:48px !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    font-size:.80rem !important;
    font-weight:880 !important;
    white-space:nowrap !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label span{
    width:29px !important;
    height:29px !important;
    font-size:.66rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__panels{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    margin-top:12px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:0 !important;
    display:none !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto auto !important;
    grid-template-areas:
      "head"
      "media"
      "features"
      "cta" !important;
    gap:14px !important;
    padding:22px 18px 18px !important;
    border-radius:26px !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] #pack-creation:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--creation,
  body[data-page="pricing"] #pack-rh:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--rh,
  body[data-page="pricing"] #pack-compta:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--compta,
  body[data-page="pricing"] #pack-mesure:checked ~ .pricing-offers-switch__panels .pricing-offer-panel--mesure{
    display:grid !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__category{
    font-size:.74rem !important;
    letter-spacing:.13em !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    max-width:14ch !important;
    margin-top:8px !important;
    font-size:clamp(1.88rem, 8vw, 2.24rem) !important;
    line-height:.98 !important;
    letter-spacing:-.06em !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    margin-top:12px !important;
    font-size:.96rem !important;
    line-height:1.40 !important;
    font-weight:650 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    min-height:150px !important;
    height:150px !important;
    border-radius:20px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price span{
    font-size:.58rem !important;
    letter-spacing:.11em !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__price strong{
    margin:0 !important;
    font-size:1rem !important;
    white-space:nowrap !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    min-height:42px !important;
    padding:10px 12px 10px 30px !important;
    border-radius:14px !important;
    font-size:.88rem !important;
    line-height:1.22 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li::before{
    left:14px !important;
    width:5px !important;
    height:5px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__cta{
    min-height:48px !important;
    font-size:.94rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__shell{
    padding:22px 18px 18px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro{
    padding:0 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    max-width:9ch !important;
    margin-top:10px !important;
    font-size:clamp(2.45rem, 10vw, 3rem) !important;
    line-height:.90 !important;
    letter-spacing:-.06em !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    max-width:33ch !important;
    margin-top:13px !important;
    padding-left:14px !important;
    border-left-width:2px !important;
    font-size:.94rem !important;
    line-height:1.38 !important;
    font-weight:650 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--desktop{
    display:none !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:20px !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item,
  body[data-page="pricing"] .pricing-faq-studio__item[open]{
    grid-column:auto !important;
    border-radius:18px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    min-height:66px !important;
    grid-template-columns:31px minmax(0, 1fr) !important;
    gap:11px !important;
    padding:13px 45px 13px 14px !important;
    font-size:.88rem !important;
    line-height:1.22 !important;
    font-weight:860 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary span{
    width:29px !important;
    height:29px !important;
    font-size:.64rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary::after{
    right:13px !important;
    width:26px !important;
    height:26px !important;
    font-size:.88rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item p{
    padding:0 15px 16px 56px !important;
    font-size:.84rem !important;
    line-height:1.42 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom{
    padding:0 !important;
    margin-top:18px !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__bottom p{
    font-size:.82rem !important;
    line-height:1.34 !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__cta--mobile{
    width:100% !important;
    min-height:46px !important;
    display:flex !important;
    margin-top:14px !important;
    font-size:.90rem !important;
  }
}

/* ---------- PETITS MOBILES : lisible aussi en 360/375 ---------- */
@media (max-width:390px){
  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell{
    width:calc(100% - 18px) !important;
    padding:10px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro{
    padding:22px 17px 18px !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro h2{
    font-size:2.26rem !important;
  }

  body[data-page="pricing"] .pricing-offers-studio__intro p{
    font-size:.92rem !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:45px !important;
    padding-inline:9px !important;
    font-size:.74rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel{
    padding:20px 16px 16px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel h3{
    font-size:1.82rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child{
    font-size:.90rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__media{
    height:138px !important;
    min-height:138px !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li{
    font-size:.82rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro h2{
    font-size:2.32rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:.90rem !important;
  }

  body[data-page="pricing"] .pricing-faq-studio__item summary{
    font-size:.84rem !important;
  }
}

/* ---------- Stabilisation mobile finale : lisibilité avant effet plein écran ---------- */
@media (max-width:767px){
  body[data-page="pricing"] #pricing-hero.pricing-hero,
  body[data-page="pricing"] #pricing-hero .pricing-hero__container,
  body[data-page="pricing"] #offres.pricing-offers-studio,
  body[data-page="pricing"] .pricing-faq-studio,
  body[data-page="pricing"] .pricing-offers-studio__shell,
  body[data-page="pricing"] .pricing-faq-studio__shell,
  body[data-page="pricing"] .pricing-offers-switch__panels,
  body[data-page="pricing"] .pricing-offer-panel{
    min-height:auto !important;
    height:auto !important;
    max-height:none !important;
  }

  body[data-page="pricing"] .pricing-offers-switch__tabs label{
    min-height:48px !important;
    font-size:.84rem !important;
    line-height:1.15 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__category,
  body[data-page="pricing"] .pricing-offer-panel__price span,
  body[data-page="pricing"] .pricing-faq-studio__item summary span{
    font-size:.72rem !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__head p:last-child,
  body[data-page="pricing"] .pricing-offers-studio__intro p,
  body[data-page="pricing"] .pricing-faq-studio__intro p{
    font-size:.96rem !important;
    line-height:1.45 !important;
  }

  body[data-page="pricing"] .pricing-offer-panel__features li,
  body[data-page="pricing"] .pricing-faq-studio__item summary,
  body[data-page="pricing"] .pricing-faq-studio__item p,
  body[data-page="pricing"] .pricing-faq-studio__bottom p{
    font-size:.9rem !important;
    line-height:1.38 !important;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__lead{
    font-size:1rem !important;
    line-height:1.48 !important;
  }

  body[data-page="pricing"] #pricing-hero .pricing-hero__note{
    font-size:.78rem !important;
    line-height:1.35 !important;
  }
}