/* Page-specific art direction for the refonte offer. */
.web-child-refonte-site-internet {
  --refonte-dark: #102a43;
  --refonte-deep: #0b4f86;
  --refonte-accent: #0ea5a4;
  gap: clamp(26px, 3.5vw, 48px);
  overflow: hidden;
}

.web-child-refonte-site-internet > .web-creation-wide {
  width: min(92vw, 1280px);
}

.web-child-refonte-site-internet .web-child-hero {
  min-height: min(720px, 82vh);
}

.web-child-refonte-site-internet .web-child-summary {
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid #cfe2e6;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15, 31, 51, .12);
}

.web-child-refonte-site-internet .web-child-summary > * {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: clamp(34px, 5vw, 64px);
}

.web-child-refonte-site-internet .web-child-summary .web-creation-answer {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(14, 165, 164, .16), transparent 56%),
    var(--refonte-dark);
}

.web-child-refonte-site-internet .web-child-summary .web-creation-answer :where(h2, p, li) {
  color: #fff;
}

.web-child-refonte-site-internet .web-child-summary .web-creation-answer > p:not(.eyebrow) {
  color: rgba(255, 255, 255, .82);
}

.web-child-refonte-site-internet .web-child-summary .web-creation-clean-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.web-child-refonte-site-internet .web-child-summary .web-creation-clean-list li {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  padding: 14px 16px 14px 34px;
  line-height: 1.45;
}

.web-child-refonte-site-internet .web-child-summary .web-creation-clean-list li::before {
  left: 15px;
}

.web-child-refonte-site-internet .web-child-summary .web-creation-clean-list li:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.web-child-refonte-site-internet .web-creation-lead-card {
  background:
    linear-gradient(145deg, rgba(234, 247, 248, .96), rgba(255, 255, 255, .98)),
    #fff;
}

.web-child-refonte-site-internet .web-child-summary .web-child-offer-price > span {
  color: #5f7382;
}

.web-child-refonte-site-internet .web-child-summary .web-child-offer-price > strong {
  color: var(--refonte-deep);
}

.web-child-refonte-site-internet .web-child-content-band,
.web-child-refonte-site-internet .web-child-image-band,
.web-child-refonte-site-internet .web-child-included,
.web-child-refonte-site-internet .web-child-deliverables,
.web-child-refonte-site-internet .web-child-use-cases,
.web-child-refonte-site-internet .web-child-method,
.web-child-refonte-site-internet .web-child-master-expert,
.web-child-refonte-site-internet .web-child-master-proof,
.web-child-refonte-site-internet .web-child-master-showcases,
.web-child-refonte-site-internet .web-child-comparison-section,
.web-child-refonte-site-internet .web-child-objections-links {
  padding: clamp(32px, 4.5vw, 58px);
}

.web-child-refonte-site-internet .web-child-content-band {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 0;
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-content-band::after {
  display: none;
}

.web-child-refonte-site-internet .web-child-content-band--1 {
  border: 0;
  background: transparent !important;
}

.web-child-refonte-site-internet .web-child-content-band--1 .web-child-mini-grid article {
  border: 0;
  border-left: 4px solid var(--refonte-accent);
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-content-band--2,
.web-child-refonte-site-internet .web-child-limitations,
.web-child-refonte-site-internet .web-child-method,
.web-child-refonte-site-internet .web-child-master-expert {
  color: #fff;
  border: 0;
  background:
    linear-gradient(135deg, rgba(14, 165, 164, .14), transparent 58%),
    var(--refonte-dark) !important;
  box-shadow: 0 26px 70px rgba(15, 31, 51, .18);
}

.web-child-refonte-site-internet :where(.web-child-content-band--2, .web-child-limitations, .web-child-method, .web-child-master-expert) :where(h2, h3, strong) {
  color: #fff;
}

.web-child-refonte-site-internet :where(.web-child-content-band--2, .web-child-limitations, .web-child-method, .web-child-master-expert) :where(p, span) {
  color: rgba(255, 255, 255, .82);
}

.web-child-refonte-site-internet :where(.web-child-content-band--2, .web-child-limitations, .web-child-method) .eyebrow {
  color: #8ff5ea;
}

.web-child-refonte-site-internet .web-child-content-band--2 :where(h2, h3, strong),
.web-child-refonte-site-internet .web-child-limitations :where(h2, h3, strong) {
  color: #fff !important;
}

.web-child-refonte-site-internet .web-child-content-band--2 :where(p, span),
.web-child-refonte-site-internet .web-child-limitations :where(p, span) {
  color: rgba(255, 255, 255, .84) !important;
}

.web-child-refonte-site-internet .web-child-content-band--2 .eyebrow,
.web-child-refonte-site-internet .web-child-limitations .eyebrow {
  color: #8ff5ea !important;
}

.web-child-refonte-site-internet :where(.web-child-content-band--2, .web-child-limitations) .web-child-mini-grid article,
.web-child-refonte-site-internet .web-child-method .web-creation-funnel-visual article {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .09);
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-image-band {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: clamp(34px, 5vw, 70px);
  border: 0;
  background: #eaf7f8 !important;
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-image-band figure,
.web-child-refonte-site-internet .web-child-image-band img {
  min-height: 440px;
}

.web-child-refonte-site-internet .web-child-image-band figure {
  margin: -18px 0;
}

.web-child-refonte-site-internet :where(.web-child-included, .web-child-deliverables, .web-child-use-cases) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.web-child-refonte-site-internet :where(.web-child-included, .web-child-deliverables, .web-child-use-cases) .web-creation-offer-grid {
  counter-reset: refonte-card;
  gap: 12px;
}

.web-child-refonte-site-internet :where(.web-child-included, .web-child-deliverables, .web-child-use-cases) .web-creation-offer-grid article {
  counter-increment: refonte-card;
  min-height: 0;
  border: 0;
  border-top: 3px solid var(--refonte-accent);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 31, 51, .08);
  padding: 24px;
}

.web-child-refonte-site-internet :where(.web-child-included, .web-child-deliverables, .web-child-use-cases) .web-creation-offer-grid article::before {
  content: counter(refonte-card, decimal-leading-zero);
  display: block;
  margin-bottom: 14px;
  color: var(--refonte-accent);
  font-weight: 900;
}

.web-child-refonte-site-internet .web-child-deliverables .web-creation-offer-grid,
.web-child-refonte-site-internet .web-child-use-cases .web-creation-offer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.web-child-refonte-site-internet .web-child-audience {
  background: #eaf7f8 !important;
}

.web-child-refonte-site-internet .web-child-comparison-section {
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: clamp(30px, 5vw, 64px);
  align-items: start;
  border: 0;
  box-shadow: 0 24px 64px rgba(15, 31, 51, .1);
}

.web-child-refonte-site-internet .web-child-qa-list {
  gap: 8px;
}

.web-child-refonte-site-internet .web-child-qa-list article {
  padding: 14px 16px;
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-qa-list :where(h3, p) {
  margin-block: 0;
}

.web-child-refonte-site-internet .web-child-qa-list p {
  margin-top: 5px;
  line-height: 1.45;
}

.web-child-refonte-site-internet .web-child-process {
  gap: 10px;
}

.web-child-refonte-site-internet .web-child-process article {
  padding: 20px 18px;
}

.web-child-refonte-site-internet .web-child-method .web-creation-visual-copy h2,
.web-child-refonte-site-internet .web-child-method .web-creation-funnel-visual strong {
  color: #fff;
}

.web-child-refonte-site-internet .web-child-method .web-creation-visual-copy p,
.web-child-refonte-site-internet .web-child-method .web-creation-funnel-visual p {
  color: rgba(255, 255, 255, .82);
}

.web-child-refonte-site-internet .web-child-master-expert {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
}

.web-child-refonte-site-internet .web-child-master-expert .eyebrow {
  color: #8ff5ea;
}

.web-child-refonte-site-internet .web-child-master-expert figure {
  width: min(100%, 280px);
  box-shadow: 16px 16px 0 rgba(14, 165, 164, .34);
}

.web-child-refonte-site-internet .web-child-master-proof {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.web-child-refonte-site-internet .web-child-master-proof__grid article {
  min-height: 0;
  padding: 24px;
}

.web-child-refonte-site-internet .web-child-master-showcases {
  border: 0;
  background: #eaf7f8 !important;
  box-shadow: none;
}

.web-child-refonte-site-internet .fc-google-reviews {
  margin-block: 0;
  color: #fff;
  background: var(--refonte-dark) !important;
}

.web-child-refonte-site-internet .web-child-master-pricing,
.web-child-refonte-site-internet .web-child-master-location,
.web-child-refonte-site-internet .web-child-master-roi,
.web-child-refonte-site-internet .web-child-master-appointment {
  padding: clamp(34px, 4.5vw, 58px);
}

.web-child-refonte-site-internet .web-creation-lead-form-section {
  align-items: center;
  border: 0;
  background: transparent !important;
  box-shadow: none;
  padding-inline: 0;
}

.web-child-refonte-site-internet .web-child-brief-panel,
.web-child-refonte-site-internet .web-creation-inline-form {
  min-height: 100%;
}

.web-child-refonte-site-internet .web-child-brief-panel__image {
  aspect-ratio: 16 / 8;
  max-height: 300px;
}

.web-child-refonte-site-internet .web-child-objections-links {
  align-items: start;
}

.web-child-refonte-site-internet .web-creation-faq-grid article {
  min-height: 0;
  box-shadow: none;
}

.web-child-refonte-site-internet .web-creation-final-cta {
  border: 0;
  box-shadow: none;
}

@media (max-width: 980px) {
  .web-child-refonte-site-internet .web-child-summary,
  .web-child-refonte-site-internet .web-child-comparison-section,
  .web-child-refonte-site-internet .web-child-master-expert {
    grid-template-columns: minmax(0, 1fr);
  }

  .web-child-refonte-site-internet .web-child-deliverables .web-creation-offer-grid,
  .web-child-refonte-site-internet .web-child-use-cases .web-creation-offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .web-child-refonte-site-internet {
    gap: 24px;
  }

  .web-child-refonte-site-internet > .web-creation-wide {
    width: min(100% - 28px, 1280px);
  }

  .web-child-refonte-site-internet .web-child-hero {
    min-height: auto;
  }

  .web-child-refonte-site-internet .web-child-summary > *,
  .web-child-refonte-site-internet .web-child-content-band,
  .web-child-refonte-site-internet .web-child-image-band,
  .web-child-refonte-site-internet .web-child-included,
  .web-child-refonte-site-internet .web-child-deliverables,
  .web-child-refonte-site-internet .web-child-use-cases,
  .web-child-refonte-site-internet .web-child-method,
  .web-child-refonte-site-internet .web-child-master-expert,
  .web-child-refonte-site-internet .web-child-master-proof,
  .web-child-refonte-site-internet .web-child-master-showcases,
  .web-child-refonte-site-internet .web-child-comparison-section,
  .web-child-refonte-site-internet .web-child-objections-links {
    padding: 26px 22px;
  }

  .web-child-refonte-site-internet .web-child-summary .web-creation-clean-list,
  .web-child-refonte-site-internet .web-child-deliverables .web-creation-offer-grid,
  .web-child-refonte-site-internet .web-child-use-cases .web-creation-offer-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .web-child-refonte-site-internet .web-child-image-band figure {
    margin: 0;
  }

  .web-child-refonte-site-internet .web-child-image-band figure,
  .web-child-refonte-site-internet .web-child-image-band img {
    min-height: 230px;
  }

  .web-child-refonte-site-internet .web-child-master-expert figure {
    width: min(78vw, 250px);
  }

  .web-child-refonte-site-internet .web-creation-lead-form-section {
    width: min(100% - 28px, 1280px);
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .web-child-refonte-site-internet *,
  .web-child-refonte-site-internet *::before,
  .web-child-refonte-site-internet *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}