:root {
  --bg: #fbf6f0;
  --bg-alt: #f4e9dd;
  --surface: #fffdf9;
  --text: #2d1b12;
  --muted: #6e584a;
  --brown: #5a2e16;
  --brown-2: #8d5d39;
  --gold: #b9824b;
  --border: #e5cfba;
  --shadow: 0 12px 30px rgba(73, 38, 18, 0.08);
  
  
  
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

.container {
  
  margin-inline: auto;
}

.section {
  padding: clamp(72px, 8vw, 120px) 0;
  content-visibility: auto;
  contain-intrinsic-size: 800px;
}

.section--alt {
  background: var(--bg-alt);
}

.section--dark {
  background: linear-gradient(135deg, #3b1f10, #6b3d22);
  color: #fffaf4;
}

.section--hero {
  
  
  align-items: center;
}

.placeholder-section {
  min-height: 420px;
  display: grid;
  align-content: center;
  gap: 18px;
}

.placeholder-section--dark {
  justify-items: center;
  text-align: center;
}

.eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  
  background: rgba(255, 255, 255, 0.62);
  color: var(--brown);
  
  font-weight: 800;
  
}

.eyebrow--light {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2 {
  margin-bottom: 18px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

h1 {
  font-size: clamp(2.7rem, 7vw, 6.4rem);
}

h2 {
  font-size: clamp(2.1rem, 5vw, 4.4rem);
}

p {
  color: var(--muted);
}

.section--dark p {
  color: rgba(255, 250, 244, 0.82);
}

.section-heading {
  
  margin: 0 auto 48px;
  text-align: center;
}

.section-heading .eyebrow {
  margin-inline: auto;
}

.media-placeholder {
  min-height: 360px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  color: var(--muted);
}

.cards-grid {
  display: grid;
  gap: 20px;
}

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

.content-card {
  min-height: 220px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.brand-logo {
  width: min(540px, 88vw);
  height: auto;
  margin-bottom: 18px;
}

.button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 14px 24px;
  text-decoration: none;
  font-weight: 800;
}

.button--light {
  background: #fffaf4;
  color: var(--brown);
}

.faq-list {
  display: grid;
  
}

.faq-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: 0 8px 24px rgba(73, 38, 18, 0.045);
  overflow: clip;
}

.faq-item summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  
  font-weight: 800;
}

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

.faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  color: var(--brown);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}

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



.faq-answer p:last-child {
  margin-bottom: 0;
}

.footer {
  padding: 28px 0;
  border-top: 1px solid var(--border);
  background: #f1e4d7;
}

.footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.footer p {
  margin: 0;
}

.footer nav {
  display: flex;
  
}

@media (max-width: 900px){
.cards-grid--4{grid-template-columns:repeat(2, minmax(0, 1fr));}
.section{content-visibility:visible;contain-intrinsic-size:auto;}
}

@media (max-width: 640px){

.section--hero{min-height:auto;}
.placeholder-section{min-height:320px;}
.cards-grid--4{grid-template-columns:1fr;}
.faq-item summary{padding:20px 58px 20px 18px;}
.faq-item summary::after{right:18px;}
.faq-answer{padding:0 18px 20px;}
.footer__inner{align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.footer p{width:100%;text-align:center;}
.footer nav{flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;}
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


/* HERO */
.section--hero {
  
  padding: 28px 0 clamp(72px, 8vw, 112px);
  display: block;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.78), transparent 36%),
    linear-gradient(180deg, #fcf7f1 0%, #f8efe5 100%);
}

.hero {
  display: grid;
  
}

.hero__proof {
  
  margin-left: auto;
  display: flex;
  align-items: center;
  
}

.hero__avatars {
  
  grid-template-columns: repeat(2, 32px);
  grid-template-rows: repeat(2, 32px);
  gap: 4px;
  
}

.hero__avatar {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.94);
  border-radius: 50%;
  background: #ead7c5;
  box-shadow: 0 3px 10px rgba(82, 45, 24, 0.16);
}


.hero__proof-copy {
  min-width: 0;
}

.hero__rating {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 2px;
  white-space: nowrap;
}

.hero__rating strong {
  color: var(--text);
  font-size: 1rem;
}

.hero__stars {
  color: #f2ae00;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
}

.hero__proof-copy p {
  margin: 0;
  color: var(--text);
  
  
}

.hero__content {
  width: min(100%, 1180px);
  margin-inline: auto;
  text-align: center;
}

.hero__title {
  
  margin: 0 auto 0;
  color: #2c1108;
  
  
  
}

.hero__highlight {
  display: inline;
  padding: 0.03em 0.12em 0.08em;
  border-radius: 0.14em;
  background: linear-gradient(90deg, #f3d0b2, #edc49f);
  font-style: italic;
  white-space: nowrap;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.hero__big-idea {
  display: inline-block;
  margin: 20px auto 9px;
  
  
  background: linear-gradient(180deg, #6b2f12 0%, #4b1f0e 100%);
  color: #fffaf4;
  
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.025em;
  box-shadow: 0 12px 26px rgba(84, 37, 14, 0.16);
}

.hero__divider {
  width: min(420px, 78vw);
  margin: 0 auto 22px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  color: var(--brown);
}

.hero__divider span {
  height: 1px;
  background: currentColor;
  opacity: 0.38;
}

.hero__divider svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.hero__description {
  
  margin: 0 auto;
  color: #2f241f;
  
  
  text-wrap: balance;
}

.hero__description strong {
  color: #19120f;
  font-weight: 850;
}

@media (max-width: 900px){
.section--hero{min-height:auto;}
.hero{gap:40px;}

.hero__highlight{white-space:normal;}
}

@media (max-width: 640px){

.hero{gap:34px;}

.hero__big-idea{padding:0.72em 0.75em;border-radius:18px;}
.hero__divider{width:min(320px, 88vw);gap:14px;}
.hero__divider svg{width:32px;height:32px;}

}


/* ACCESSIBILITY */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* COMPARISON */
.comparison-section {
  background: #fbf7f2;
}

.comparison {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  
  padding: 18px;
  border-radius: 44px;
  background: #f8efe6;
  box-shadow: 0 18px 55px rgba(77, 42, 22, 0.08);
}

.comparison__side {
  position: relative;
  
  border: 1px solid #ead8c7;
  
  background: rgba(255, 253, 249, 0.74);
}

.comparison__label {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(88%, 520px);
  transform: translate(-50%, -50%);
  
  border-radius: 999px;
  color: #fff;
  text-align: center;
  
  font-weight: 800;
  letter-spacing: 0.025em;
  box-shadow: 0 10px 24px rgba(97, 45, 19, 0.14);
}

.comparison__label--negative {
  background: linear-gradient(90deg, #a23d2c, #b44c32);
}

.comparison__label--positive {
  background: linear-gradient(90deg, #d48a35, #8b4f20);
}

.comparison__content {
  display: grid;
  grid-template-columns: minmax(190px, 0.78fr) minmax(290px, 1.22fr);
  
  
}

.comparison__content--reverse {
  grid-template-columns: minmax(290px, 1.22fr) minmax(190px, 0.78fr);
}

.comparison__list {
  display: grid;
  
  margin: 0;
  padding: 0;
  list-style: none;
}

.comparison__list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  
  padding: 22px 0;
  border-bottom: 1px solid #eadfd4;
}

.comparison__list li:last-child {
  border-bottom: 0;
}

.comparison__list h3 {
  margin: 0 0 4px;
  color: #211611;
  
  line-height: 1.24;
}

.comparison__list p {
  margin: 0;
  
  
}

.comparison__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  color: #fff;
  
  font-weight: 800;
}

.comparison__icon--negative {
  background: #a34729;
}

.comparison__icon--positive {
  background: #a85a10;
}

.comparison__vs {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  transform: translate(-50%, -50%);
  border: 1px solid #d8b28f;
  border-radius: 50%;
  background: #fffaf5;
  color: #6f3115;
  font-size: 1.3rem;
  font-weight: 900;
  box-shadow: 0 10px 28px rgba(84, 41, 19, 0.12);
}

.comparison__mockup {
  
  padding: 18px;
  
  box-shadow: 0 18px 42px rgba(39, 22, 13, 0.16);
}

.comparison__mockup--negative {
  background: linear-gradient(180deg, #161616 0%, #24201e 100%);
  color: #fff;
}

.comparison__mockup--positive {
  background: linear-gradient(180deg, #fffefa 0%, #f7ede2 100%);
  color: #211611;
}

.mockup-app__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.mockup-app__brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mockup-app__brand strong {
  font-size: 0.98rem;
  line-height: 1.1;
}

.mockup-app__instagram {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #7c3aed, #ec4899, #f59e0b);
  color: #fff;
  font-size: 1.35rem;
}

.mockup-app__instagram--light {
  color: #fff;
}

.mockup-app__menu {
  font-size: 1.5rem;
}

.mockup-alert,
.mockup-status,
.mockup-note,
.flow-card,
.growth-card,
.benefit-card,
.crm-card {
  border-radius: 14px;
}

.mockup-alert {
  display: flex;
  gap: 12px;
  padding: 14px;
  margin-bottom: 14px;
  border: 1px solid rgba(220, 99, 65, 0.35);
  background: linear-gradient(90deg, rgba(118, 43, 24, 0.88), rgba(75, 35, 25, 0.62));
}

.mockup-alert span {
  color: #ff8a68;
  font-size: 1.5rem;
}

.mockup-alert strong,
.mockup-alert small {
  display: block;
}

.mockup-alert small {
  opacity: 0.78;
}

.mockup-chart {
  padding: 14px;
  margin-bottom: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
}

.mockup-chart__title {
  margin-bottom: 8px;
  font-size: 0.74rem;
  font-weight: 800;
}

.mockup-chart svg {
  width: 100%;
  height: 130px;
}

.mockup-chart polyline {
  fill: none;
  stroke: #f2785d;
  stroke-width: 3;
}

.mockup-chart circle {
  fill: #f2785d;
}

.mockup-status {
  padding: 14px;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.mockup-status span,
.mockup-status strong {
  display: block;
}

.mockup-status span {
  font-size: 0.72rem;
  opacity: 0.72;
}

.mockup-progress {
  height: 8px;
  margin-top: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.mockup-progress span {
  width: 94%;
  height: 100%;
  background: #e45f50;
}

.mockup-note {
  padding: 12px 14px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.035);
}

.mockup-note strong,
.mockup-note small {
  display: block;
}

.mockup-note small {
  opacity: 0.68;
}

.mockup-note--money {
  background: linear-gradient(90deg, rgba(116, 48, 28, 0.75), rgba(255, 255, 255, 0.035));
}

.mockup-footer-note {
  margin-top: 16px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.28);
  font-weight: 700;
  text-align: center;
}

.mockup-footer-note--positive {
  background: linear-gradient(90deg, #8f572f, #6e442c);
  color: #fff;
}

.flow-card,
.growth-card,
.benefit-card,
.crm-card {
  border: 1px solid #eadfd2;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 8px 22px rgba(70, 38, 18, 0.045);
}

.flow-card {
  padding: 14px;
  margin-bottom: 12px;
}

.flow-card strong,
.flow-card small {
  display: block;
}

.flow-card small {
  color: #5f5148;
}

.flow-card__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.flow-card__steps span {
  padding: 10px 8px;
  border-radius: 12px;
  background: #fff;
  font-size: 0.72rem;
  text-align: center;
}

.growth-card {
  padding: 14px;
  margin-bottom: 12px;
}

.growth-card span,
.growth-card strong {
  display: block;
}

.growth-card svg {
  width: 100%;
  height: 100px;
}

.growth-card polyline {
  fill: none;
  stroke: #4f962a;
  stroke-width: 3;
}

.benefit-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  margin-bottom: 10px;
}

.benefit-card__symbol {
  color: #8c3b15;
  font-size: 2rem;
  font-weight: 900;
}

.benefit-card strong,
.benefit-card small,
.crm-card strong,
.crm-card small {
  display: block;
}

.benefit-card small,
.crm-card small {
  color: #6d5b4e;
}

.crm-card {
  padding: 14px;
  margin-bottom: 10px;
  border-color: #d8b593;
  background: #fbefe3;
}

@media (max-width: 1100px){
.comparison__content,
.comparison__content--reverse{grid-template-columns:1fr;}
.comparison__content--reverse .comparison__mockup{order:2;}
.comparison__content--reverse .comparison__list{order:1;}
.comparison__mockup{min-height:auto;}
}


/* HOW IT WORKS */
.how-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.88), transparent 36%),
    linear-gradient(180deg, #fbf6f0 0%, #f8efe5 100%);
}

.how-section__heading {
  max-width: 1060px;
}

.how-section__heading h2 {
  
  color: #0f1532;
}

.how-section__heading p {
  color: #26314f;
  font-size: clamp(1.12rem, 2vw, 1.55rem);
}

.how-section__eyebrow {
  gap: 8px;
  color: #6b2d0e;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 22px rgba(81, 43, 20, 0.08);
}

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



.how-step__top {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.how-step__number {
  display: grid;
  place-items: center;
  
  
  border-radius: 16px;
  background: linear-gradient(180deg, #8a4b1d 0%, #5f2d10 100%);
  color: #fff;
  
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(96, 45, 16, 0.16);
}

.how-step h3 {
  margin: 2px 0 0;
  color: #111936;
  
  
}

.how-step > p {
  min-height: 92px;
  
  color: #27314e;
  
  
}

.platform-placeholder {
  margin: 0;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e5d4c4;
  border-radius: 24px;
  background: linear-gradient(180deg, #fffefd 0%, #f6ede4 100%);
  box-shadow: 0 16px 34px rgba(76, 42, 22, 0.08);
  overflow: hidden;
}

.platform-placeholder--wide {
  min-height: 330px;
}

.platform-placeholder--phone {
  position: relative;
  width: min(100%, 360px);
  min-height: 430px;
  margin-inline: auto;
  border: 10px solid #151515;
  border-radius: 40px 40px 24px 24px;
  background: #fff;
}

.platform-placeholder__phone-notch {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 96px;
  height: 18px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #111;
}

.platform-placeholder__chrome {
  display: flex;
  gap: 6px;
  padding: 12px 14px;
  border-bottom: 1px solid #eaded2;
  background: #f6ece2;
}

.platform-placeholder__chrome span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c9a383;
}

.platform-placeholder__content {
  flex: 1;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 28px;
  text-align: center;
  color: #6e584a;
}

.platform-placeholder__content strong {
  color: #3d2618;
  font-size: 1.05rem;
}

.platform-placeholder__content small {
  font-size: 0.85rem;
}

.platform-placeholder__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: #f0dfcf;
  color: #7a3d16;
  font-size: 2rem;
}

.platform-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.platform-pair .platform-placeholder {
  min-height: 330px;
}

.platform-pair__arrow {
  color: #7b3c16;
  font-size: 2.2rem;
  font-weight: 900;
}

.how-benefits {
  
  display: grid;
  
  border: 1px solid #e7d5c4;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 16px 34px rgba(76, 42, 22, 0.07);
  overflow: hidden;
}

.how-benefit {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 16px;
  
  align-items: center;
}

.how-benefit + .how-benefit {
  border-left: 1px solid #eadfd4;
}


.how-benefit h3 {
  margin: 0 0 6px;
  color: #151b36;
  
}

.how-benefit p {
  margin: 0;
  color: #34405d;
  
  line-height: 1.45;
}

@media (max-width: 1100px){
.how-steps{grid-template-columns:1fr;gap:46px;}
.how-step{grid-template-columns:minmax(0, 0.8fr) minmax(320px, 1.2fr);gap:28px;align-items:center;}
.how-step__top,
.how-step > p{grid-column:1;}
.how-step > p{min-height:auto;}
.how-step > .platform-placeholder,
.how-step > .platform-pair{grid-column:2;grid-row:1 / span 2;}
.how-benefits{grid-template-columns:repeat(2, minmax(0, 1fr));}
.how-benefit:nth-child(3){border-left:0;border-top:1px solid #eadfd4;}
.how-benefit:nth-child(4){border-top:1px solid #eadfd4;}
}

@media (max-width: 760px){
.how-step{grid-template-columns:1fr;}
.how-step__top,
.how-step > p,
.how-step > .platform-placeholder,
.how-step > .platform-pair{grid-column:1;grid-row:auto;}
.how-step__top{grid-template-columns:56px minmax(0, 1fr);}
.how-step__number{width:56px;height:56px;border-radius:14px;}
.platform-pair{grid-template-columns:1fr;}
.platform-pair__arrow{transform:rotate(90deg);text-align:center;}
.platform-pair .platform-placeholder{min-height:280px;}
.how-benefits{grid-template-columns:1fr;}
.how-benefit + .how-benefit,
.how-benefit:nth-child(3),
.how-benefit:nth-child(4){border-left:0;border-top:1px solid #eadfd4;}
}

@media (max-width: 480px){
.how-benefit{grid-template-columns:56px minmax(0, 1fr);padding:20px 18px;}
}


/* DEMONSTRATION */
.demo-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.86), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f5e9dc 100%);
}

.demo-section__heading {
  max-width: 980px;
}

.demo-section__heading h2 {
  
  color: #2d150a;
}

.demo-section__heading p {
  color: #364050;
  font-size: clamp(1.08rem, 1.8vw, 1.45rem);
}

.demo-section__eyebrow {
  gap: 10px;
  color: #6b2f12;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 8px 20px rgba(73, 37, 17, 0.07);
}

.demo-shell {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  
  border: 7px solid #2d160c;
  
  background: #fff;
  overflow: hidden;
  
}

.demo-sidebar {
  padding: 28px 16px;
  background: linear-gradient(180deg, #4c2a18 0%, #6b432b 100%);
  color: #fff9f2;
}

.demo-brand {
  display: grid;
  gap: 0;
  margin-bottom: 28px;
  padding-inline: 8px;
}

.demo-brand strong {
  font-size: 1.35rem;
  letter-spacing: 0.08em;
}

.demo-brand span {
  opacity: 0.85;
}

.demo-nav {
  display: grid;
  gap: 8px;
}

.demo-nav__item {
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.92rem;
}

.demo-nav__item--active {
  background: #ead6c2;
  color: #5a2e16;
  font-weight: 800;
}

.demo-dashboard {
  position: relative;
  padding: 26px;
  background: #fbf8f4;
}

.demo-dashboard__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.demo-dashboard__top h3 {
  margin: 0;
  color: #2b1c14;
  font-size: 1.35rem;
}

.demo-dashboard__top p {
  margin: 2px 0 0;
  font-size: 0.85rem;
}

.demo-user {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #2b1c14;
  font-size: 0.9rem;
  font-weight: 700;
}

.demo-user__avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c79068, #7c4023);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 800;
}

.demo-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.demo-metric,
.demo-card {
  border: 1px solid #ebdfd3;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 20px rgba(65, 34, 17, 0.04);
}

.demo-metric {
  display: grid;
  gap: 4px;
  padding: 16px;
}

.demo-metric span,
.demo-metric small {
  color: #6b5b50;
  font-size: 0.76rem;
}

.demo-metric strong {
  color: #2f1a10;
  font-size: 1.45rem;
}

.demo-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.95fr 1.15fr;
  gap: 12px;
}

.demo-card {
  min-height: 300px;
  padding: 16px;
}

.demo-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.demo-card__header h4 {
  margin: 0;
  color: #2e1b12;
  font-size: 0.98rem;
}

.demo-card__header span {
  color: #7a685d;
  font-size: 0.72rem;
}

.demo-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.demo-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f0e6dc;
}

.demo-list li:last-child {
  border-bottom: 0;
}

.demo-list__icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f5eadf;
  color: #5a2e16;
  font-weight: 800;
}

.demo-list strong,
.demo-list small {
  display: block;
}

.demo-list strong {
  color: #2f1a10;
  font-size: 0.82rem;
}

.demo-list small {
  color: #79695e;
  font-size: 0.7rem;
}

.demo-status {
  padding: 4px 8px;
  border-radius: 999px;
  background: #e2f3df;
  color: #34823e;
  font-size: 0.66rem;
  font-weight: 800;
}

.demo-list--contacts li {
  grid-template-columns: 34px minmax(0, 1fr);
}

.demo-card--chart svg {
  width: 100%;
  height: 220px;
}

.demo-chart__grid line {
  stroke: #eadfd4;
  stroke-width: 1;
}

.demo-chart__line {
  fill: none;
  stroke: #96501f;
  stroke-width: 4;
}

.demo-chart__points circle {
  fill: #96501f;
}

.demo-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #6b2e0f;
  font-size: 2rem;
  cursor: pointer;
  box-shadow: 0 16px 36px rgba(65, 31, 13, 0.16);
}

.demo-play:focus-visible {
  outline: 3px solid #b77a4d;
  outline-offset: 4px;
}

.demo-overlay {
  position: absolute;
  left: 50%;
  
  z-index: 4;
  width: min(340px, calc(100% - 40px));
  transform: translateX(-50%);
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(29, 23, 19, 0.88);
  color: #fff;
  text-align: center;
  backdrop-filter: blur(10px);
}

.demo-overlay strong {
  display: block;
  margin-bottom: 4px;
}

.demo-overlay p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
}

.demo-security {
  width: fit-content;
  margin: 24px auto 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.demo-security__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1dfcf;
  color: #7c3a14;
  font-weight: 900;
}

.demo-security strong {
  color: #2f1b12;
}

.demo-security p {
  margin: 2px 0 0;
  color: #4f433b;
}

@media (max-width: 1100px){
.demo-shell{grid-template-columns:160px minmax(0, 1fr);}
.demo-metrics{grid-template-columns:repeat(2, minmax(0, 1fr));}
.demo-grid{grid-template-columns:1fr 1fr;}
.demo-card--chart{grid-column:1 / -1;}
}

@media (max-width: 780px){
.demo-shell{grid-template-columns:1fr;}
.demo-sidebar{padding:18px;}
.demo-brand{margin-bottom:14px;}
.demo-nav{grid-template-columns:repeat(4, minmax(0, 1fr));}
.demo-nav__item{padding:8px;font-size:0.72rem;text-align:center;}
.demo-dashboard{padding:18px;}
.demo-grid{grid-template-columns:1fr;}
.demo-card--chart{grid-column:auto;}
.demo-play{width:76px;height:76px;}
}

@media (max-width: 560px){
.demo-shell{border-width:4px;border-radius:22px;}
.demo-nav{grid-template-columns:repeat(2, minmax(0, 1fr));}
.demo-dashboard__top{align-items:flex-start;flex-direction:column;}
.demo-metrics{grid-template-columns:1fr;}
.demo-overlay{bottom:34px;}
.demo-security{align-items:flex-start;}
}


/* AUDIENCE */
.audience-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.88), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.audience-section__heading {
  max-width: 1080px;
}

.audience-section__heading h2 {
  
  color: #140e0b;
}

.audience-section__heading h2 span {
  color: #8a451d;
}

.audience-section__heading p {
  max-width: 820px;
  margin-inline: auto;
  color: #43352d;
  font-size: clamp(1.05rem, 1.8vw, 1.42rem);
}

.audience-section__eyebrow {
  gap: 8px;
  color: #6b2f12;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 8px 20px rgba(70, 35, 16, 0.06);
}

.audience-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  
}

.audience-card {
  
  
  align-content: start;
  justify-items: center;
  
  border: 1px solid #e6d4c3;
  
  background: rgba(255,255,255,0.68);
  text-align: center;
  box-shadow: 0 12px 28px rgba(73, 39, 20, 0.045);
}

.audience-card__icon {
  display: grid;
  place-items: center;
  
  
  
  border-radius: 50%;
  background: #f1dfcf;
  color: #6f3515;
  
  font-weight: 900;
}

.audience-card h3 {
  
  color: #17110e;
  
  
}

.audience-card__divider {
  width: 46px;
  height: 2px;
  margin: 18px 0;
  background: #9a5a2d;
}

.audience-card p {
  
  color: #3f332c;
  
  
}

.audience-card strong {
  color: #6d2f12;
  font-weight: 850;
}

.audience-benefits {
  
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 20px 28px;
  border: 1px solid #e5d3c1;
  border-radius: 22px;
  background: rgba(255,255,255,0.72);
  color: #3c2b20;
  box-shadow: 0 12px 26px rgba(72, 37, 18, 0.04);
}

.audience-benefits span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  white-space: nowrap;
}

.audience-benefits i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 2px solid #9b693f;
  border-radius: 50%;
  color: #8a4a20;
  font-style: normal;
  font-weight: 900;
}

.audience-benefits b {
  color: #8e5a34;
  font-size: 1.1rem;
}

@media (max-width: 1180px){
.audience-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.audience-card{min-height:420px;}
.audience-benefits{flex-wrap:wrap;}
}

@media (max-width: 820px){
.audience-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.audience-card{min-height:auto;}
.audience-benefits{align-items:stretch;flex-direction:column;gap:14px;}
.audience-benefits b{display:none;}
.audience-benefits span{white-space:normal;}
}

@media (max-width: 560px){
.audience-grid{grid-template-columns:1fr;}
.audience-card{padding:24px 20px;}
.audience-card h3{font-size:1.22rem;}
.audience-benefits{padding:18px;}
}


/* THREE MOMENTS */
.moments-section {
  position: relative;
  
}

.moments-section__heading {
  max-width: 1100px;
}

.moments-section__heading h2 {
  
  color: #2d170c;
}

.moments-section__heading h2 span {
  color: #8a4b25;
}

.moments-section__heading p {
  max-width: 760px;
  margin-inline: auto;
  color: #4b3d35;
  
}

.moments-section__eyebrow {
  gap: 8px;
  color: #6c3418;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 8px 20px rgba(74, 38, 18, 0.06);
}

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

.moment-card {
  --moment-accent: #6f3db2;
  --moment-soft: #f0e7fa;
  
  
  border: 1px solid color-mix(in srgb, var(--moment-accent) 22%, #e5d8ca);
  
  background: rgba(255,255,255,0.94);
  
}

.moment-card--purple {
  --moment-accent: #6f3db2;
  --moment-soft: #eee6f8;
}

.moment-card--orange {
  --moment-accent: #c66b0d;
  --moment-soft: #f8ead8;
}

.moment-card--green {
  --moment-accent: #217b2a;
  --moment-soft: #e5f2e4;
}

.moment-card__header {
  display: grid;
  
  
  align-items: center;
  
}

.moment-card__number {
  display: grid;
  place-items: center;
  
  
  
  background: linear-gradient(180deg, color-mix(in srgb, var(--moment-accent) 88%, #fff 12%), var(--moment-accent));
  color: #fff;
  
  font-weight: 900;
}

.moment-card__label {
  color: var(--moment-accent);
  
  font-weight: 900;
  
}

.moment-card__symbol {
  
  font-size: 2rem;
  font-weight: 900;
}

.moment-card > h3,
.moment-card__intro > h3 {
  margin: 0 0 14px;
  color: #17110e;
  
  
}

.moment-card > p,
.moment-card__intro > p {
  
  margin: 0 0 18px;
  color: #493c34;
  
  
}

.moment-card__items {
  
  gap: 0;
  border-top: 1px solid #eee3d9;
}

.moment-item {
  display: grid;
  
  
  align-items: center;
  
  border-bottom: 1px solid #eee3d9;
}

.moment-item:last-child {
  border-bottom: 0;
}

.moment-item__icon {
  display: grid;
  place-items: center;
  
  
  
  background: var(--moment-soft);
  color: var(--moment-accent);
  
  font-weight: 900;
}

.moment-item strong {
  display: block;
  
  color: #1e1713;
  
  
}

.moment-item p {
  margin: 0;
  color: #554941;
  
  
}

@media (max-width: 1100px){
.moments-grid{grid-template-columns:1fr;}
.moment-card{min-height:auto;}
.moment-card > p{min-height:auto;}
}

@media (max-width: 640px){
.moments-section{background:linear-gradient(180deg, #fbf7f2 0%, #faf5ef 88%, #6a351d 88%, #5b2b17 100%);}
.moment-card{padding:22px 18px;border-radius:22px;}
.moment-card__header{grid-template-columns:64px minmax(0, 1fr) 30px;}
.moment-card__number{width:64px;height:50px;font-size:1.3rem;}
.moment-card__label{font-size:0.82rem;}
.moment-item{grid-template-columns:48px minmax(0, 1fr);gap:12px;}
.moment-item__icon{width:44px;height:44px;border-radius:14px;}
}


/* DIFFERENTIALS */
.difference-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.88), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.difference-section__eyebrow {
  gap: 8px;
  color: #6d381d;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.06);
}

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

.difference-card {
  
  border: 1px solid #e4d2c0;
  
  background: rgba(255,255,255,0.8);
  box-shadow: 0 16px 36px rgba(72, 37, 18, 0.06);
}

.difference-card__top {
  display: grid;
  
  gap: 24px;
  
  
  
}

.difference-card__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  background: linear-gradient(180deg, #f5e6d7, #ead4c0);
  color: #5d2c12;
  
  box-shadow: 0 10px 24px rgba(81, 42, 20, 0.08);
}

.difference-card__kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: #a46c38;
  
  font-weight: 800;
  letter-spacing: 0.08em;
}

.difference-card h3 {
  margin: 0;
  color: #17110e;
  
  
}

.difference-card h3 span {
  color: #a6733e;
}



.difference-point {
  display: grid;
  
  
  align-items: start;
  padding: 14px 0;
}

.difference-point > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 2px solid #c7a27e;
  border-radius: 50%;
  color: #8a4d23;
  font-weight: 900;
}

.difference-point p,
.difference-card__text {
  margin: 0;
  color: #40342d;
  
  
}

.difference-point strong,
.difference-highlight strong {
  color: #7b421f;
}

.difference-highlight {
  
  
  
  
  
  
  border: 1px solid #ead7c5;
  border-radius: 20px;
  background: #f8eadc;
}

.difference-highlight__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  background: #fff;
  color: #6a3115;
  font-size: 2.2rem;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.08);
}

.difference-highlight p {
  
  color: #3f332b;
  
  
}

.difference-highlight p span {
  color: #9a6333;
  font-weight: 800;
}

.difference-benefits {
  
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #e5d3c1;
  border-radius: 24px;
  background: rgba(255,255,255,0.76);
  box-shadow: 0 12px 28px rgba(72, 37, 18, 0.05);
  overflow: hidden;
}

.difference-benefits article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 22px;
}

.difference-benefits article + article {
  border-left: 1px solid #eadfd4;
}

.difference-benefits article > span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f1dfcf;
  color: #6f3515;
  font-size: 1.55rem;
  font-weight: 900;
}

.difference-benefits p {
  margin: 0;
  color: #3e322b;
  font-size: 0.95rem;
  line-height: 1.45;
}

.difference-benefits strong {
  color: #18110e;
}

@media (max-width: 1000px){
.difference-grid{grid-template-columns:1fr;}
.difference-benefits{grid-template-columns:repeat(2, minmax(0, 1fr));}
.difference-benefits article:nth-child(3){border-left:0;border-top:1px solid #eadfd4;}
.difference-benefits article:nth-child(4){border-top:1px solid #eadfd4;}
}

@media (max-width: 680px){
.difference-card{padding:24px 18px;border-radius:22px;}
.difference-card__top{grid-template-columns:78px minmax(0, 1fr);gap:16px;}
.difference-card__icon{width:72px;height:72px;font-size:2rem;}
.difference-card__kicker{font-size:0.85rem;}
.difference-card h3{font-size:1.55rem;}
.difference-point{grid-template-columns:36px minmax(0, 1fr);gap:12px;}
.difference-point > span{width:34px;height:34px;}
.difference-point p,
.difference-card__text{font-size:1rem;}
.difference-highlight{grid-template-columns:64px minmax(0, 1fr);}
.difference-highlight__icon{width:58px;height:58px;font-size:1.7rem;}
.difference-benefits{grid-template-columns:1fr;}
.difference-benefits article + article,
.difference-benefits article:nth-child(3),
.difference-benefits article:nth-child(4){border-left:0;border-top:1px solid #eadfd4;}
}


/* BONUS */
.bonus-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.9), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f8ecdf 100%);
}

.bonus-section__heading {
  max-width: 1120px;
}

.bonus-section__heading h2 {
  
  color: #15100d;
}

.bonus-section__heading h2 span {
  color: #9b6632;
}

.bonus-section__heading p {
  max-width: 960px;
  margin-inline: auto;
  color: #3f342d;
  font-size: clamp(1.04rem, 1.7vw, 1.35rem);
}

.bonus-section__eyebrow {
  gap: 8px;
  color: #fff;
  background: linear-gradient(90deg, #6e320f, #9a5a1a 55%, #6d310f);
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(84, 40, 15, 0.13);
}

.bonus-main {
  display: grid;
  
  
  
  border: 1px solid #e4d1be;
  border-radius: 30px;
  background: rgba(255,255,255,0.56);
  box-shadow: 0 16px 36px rgba(72, 37, 18, 0.06);
}

.bonus-assistant {
  display: grid;
  justify-items: center;
  align-content: center;
  
  text-align: center;
}

.bonus-assistant__visual {
  position: relative;
  
  
  
}

.bonus-robot {
  position: absolute;
  left: 18px;
  bottom: 0;
  width: 150px;
  height: 112px;
  border: 6px solid #d9b38e;
  border-radius: 36px;
  background: linear-gradient(180deg, #8d4a18, #5f2d10);
  box-shadow: 0 14px 28px rgba(73, 36, 15, 0.12);
}

.bonus-robot__antenna {
  position: absolute;
  top: -45px;
  left: 50%;
  width: 8px;
  height: 42px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #a06a38;
}

.bonus-robot__antenna::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #a06a38;
}

.bonus-robot__face {
  
  place-items: center;
  
  
  color: #fff;
  
  line-height: 1;
}

.bonus-speech {
  
  top: 28px;
  right: 0;
  
  place-items: center;
  
  
  border: 4px solid #d9b38e;
  border-radius: 24px;
  background: #fffaf4;
  color: #8b5d34;
  
  font-weight: 900;
}

.bonus-speech::after {
  content: "";
  position: absolute;
  left: 8px;
  bottom: -14px;
  width: 22px;
  height: 22px;
  border-left: 4px solid #d9b38e;
  border-bottom: 4px solid #d9b38e;
  background: #fffaf4;
  transform: rotate(-38deg);
}

.bonus-assistant h3 {
  margin: 0 0 12px;
  color: #6b3418;
  
  line-height: 1.02;
}

.bonus-assistant p {
  margin: 0;
  color: #362c26;
  
  line-height: 1.55;
}

.bonus-help-list {
  display: grid;
  
}

.bonus-help-card {
  display: grid;
  
  
  align-items: center;
  
  border: 1px solid #eadbcd;
  border-radius: 22px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 10px 26px rgba(72, 37, 18, 0.045);
}

.bonus-help-card__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  background: #f2e1d1;
  color: #6d3213;
  font-size: 2.6rem;
  font-weight: 900;
}

.bonus-help-card h3 {
  margin: 0 0 6px;
  color: #74401d;
  
}

.bonus-help-card p {
  margin: 0;
  color: #3f342d;
  
  
}







.bonus-benefits p {
  margin: 0;
  color: #5f3218;
  font-size: 1rem;
  line-height: 1.35;
}

.bonus-benefits strong {
  color: #5f3218;
}

@media (max-width: 980px){
.bonus-main{width:100% !important;max-width:100% !important;box-sizing:border-box !important;grid-template-columns:1fr;}
.bonus-assistant{padding-bottom:10px;}
.bonus-benefits{grid-template-columns:1fr;}
.bonus-benefits article + article{border-left:0;border-top:1px solid #e9ddd1;}
}

@media (max-width: 680px){
.bonus-main{padding:18px;border-radius:24px;}
.bonus-assistant{padding:18px 8px 10px;}
.bonus-assistant__visual{transform:scale(0.9);margin-bottom:6px;}
.bonus-help-card{grid-template-columns:72px minmax(0, 1fr);gap:16px;padding:20px 18px;}
.bonus-help-card__icon{width:64px;height:64px;font-size:2rem;}
.bonus-help-card h3{font-size:1.08rem;}
.bonus-benefits article{grid-template-columns:60px minmax(0, 1fr);padding:18px;}
}


/* OFFER */
.offer-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.9), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.offer-section__heading {
  max-width: 1080px;
}

.offer-section__heading h2 {
  margin-top: 18px;
  color: #5d331d;
}

.offer-section__eyebrow {
  gap: 8px;
  color: #6b3216;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.06);
}

.offer-section__payback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  color: #2f241f;
  font-size: 1.05rem;
  font-weight: 700;
}

.offer-section__payback > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 2px solid #8b4e26;
  border-radius: 50%;
  color: #8b4e26;
  font-weight: 900;
}

.offer-list-title {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  align-items: center;
  max-width: 980px;
  margin: 0 auto 18px;
  color: #6c381c;
}

.offer-list-title span {
  height: 1px;
  background: #ddcbb9;
}

.offer-list-title strong {
  font-size: 1rem;
}

.offer-card {
  
  margin-inline: auto;
  
  border: 1px solid #e4d1be;
  border-radius: 28px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 18px 42px rgba(72, 37, 18, 0.07);
}

.offer-item {
  
  
  gap: 22px;
  
  padding: 22px 0;
  border-bottom: 1px solid #ebdfd4;
}

.offer-item__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 16px;
  background: #f0dfcf;
  color: #6c3214;
  font-size: 2rem;
  font-weight: 900;
}

.offer-item__content h3 {
  margin: 0 0 4px;
  color: #17110e;
  
}

.offer-item__content p {
  margin: 0;
  color: #443831;
  
  
}

.offer-item del,
.offer-total del {
  color: #777;
  font-size: 1.05rem;
  font-weight: 800;
}

.offer-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  color: #6f3518;
  border-bottom: 1px dashed #ddc8b4;
}

.offer-total strong {
  font-size: 0.92rem;
  letter-spacing: 0.04em;
}

.offer-price {
  
  
  
  gap: 18px;
  
  
  border: 1px solid #ead7c5;
  border-radius: 20px;
  background: linear-gradient(90deg, #f8ecdf 0%, #fffaf4 52%, #f4e3d2 100%);
}

.offer-price__lead {
  color: #6f381d;
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.offer-price__main {
  display: grid;
  justify-items: center;
  
}

.offer-price__main strong {
  color: #5e2a0f;
  
  
}

.offer-price__main span {
  
  color: #2f241f;
  font-weight: 800;
}

.offer-price__main small {
  color: #65534a;
}

.offer-price__promise {
  
  
  
  
  color: #6c3418;
}

.offer-price__promise > span {
  font-size: 1.8rem;
}



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

.offer-benefits span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 68px;
  padding: 12px;
  color: #372920;
  
  
  text-align: center;
}

.offer-benefits span + span {
  border-left: 1px solid #eadfd4;
}

.offer-benefits i {
  color: #6f3518;
  font-size: 1.35rem;
  font-style: normal;
}

@media (max-width: 760px){
.offer-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:14px 16px 18px;}
.offer-item{grid-template-columns:64px minmax(0, 1fr);gap:16px;}
.offer-item__icon{width:58px;height:58px;font-size:1.6rem;}
.offer-item del{grid-column:2;justify-self:start;margin-top:-8px;}
.offer-price{grid-template-columns:1fr;text-align:center;}
.offer-price__lead,
.offer-price__promise{justify-self:center;}
.offer-benefits{grid-template-columns:repeat(2, minmax(0, 1fr));}
.offer-benefits span:nth-child(3){border-left:0;border-top:1px solid #eadfd4;}
.offer-benefits span:nth-child(4){border-top:1px solid #eadfd4;}
}

@media (max-width: 480px){
.offer-list-title{gap:12px;}
.offer-item__content h3{font-size:1.08rem;}
.offer-benefits{grid-template-columns:1fr;}
.offer-benefits span + span,
.offer-benefits span:nth-child(3),
.offer-benefits span:nth-child(4){border-left:0;border-top:1px solid #eadfd4;}
}


/* FINAL CALL */
.final-call-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 36%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.final-call {
  max-width: 1080px;
  margin-inline: auto;
  display: grid;
  justify-items: center;
  text-align: center;
}

.final-call__eyebrow {
  gap: 8px;
  color: #6d3417;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 8px 20px rgba(73, 37, 18, 0.06);
}





.final-call h2 {
  
  color: #101017;
  
  line-height: 1.02;
}

.final-call h2 span {
  color: #8c4a22;
}

.final-call__subtitle {
  color: #3e424c;
}

.final-call__subtitle strong {
  color: #2a211d;
}

.final-call__benefits {
  width: 100%;
  display: grid;
  
  
}

.final-call__benefits article {
  display: grid;
  
  
  align-items: center;
  
  text-align: left;
}


.final-call__benefits article > span {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  
  
  
  font-weight: 900;
}



.final-call__button {
  
  
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-radius: 22px;
  background: linear-gradient(90deg, #7b3f14 0%, #9a5c1c 50%, #6d300d 100%);
  color: #fff;
  
  font-weight: 900;
  letter-spacing: -0.02em;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(89, 40, 12, 0.18);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.final-call__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(89, 40, 12, 0.22);
}

.final-call__button:focus-visible {
  outline: 3px solid #c99668;
  outline-offset: 5px;
}

.final-call__security {
  
  align-items: center;
  gap: 10px;
  margin: 24px 0 0;
  color: #6b371c;
  font-size: 0.96rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

@media (max-width: 840px){
.final-call__benefits{grid-template-columns:repeat(2, minmax(0, 1fr));}
.final-call__benefits article:nth-child(3){border-left:0;border-top:1px solid #eadfd4;}
.final-call__benefits article:nth-child(4){border-top:1px solid #eadfd4;}
}

@media (max-width: 560px){


.final-call__benefits{grid-template-columns:1fr;}
.final-call__benefits article,
.final-call__benefits article:nth-child(3),
.final-call__benefits article:nth-child(4){border-left:0;border-top:1px solid #eadfd4;}
.final-call__benefits article:first-child{border-top:0;}
.final-call__button{min-height:88px;padding:16px 20px;border-radius:18px;font-size:1.35rem;}
}


/* GUARANTEE */
.guarantee-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 36%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.guarantee-section__heading {
  max-width: 1080px;
}

.guarantee-section__heading h2 {
  margin-top: 20px;
  color: #17110e;
}

.guarantee-section__heading h2 span {
  color: #8c4b23;
}

.guarantee-section__eyebrow {
  gap: 8px;
  color: #6d3417;
  background: #efe2d3;
  border-color: transparent;
}



.guarantee-seal {
  position: relative;
  display: grid;
  place-items: start center;
  margin-inline: auto;
}

.guarantee-seal__burst {
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid #d8bda3;
  border-radius: 50%;
  background: #f2e5d8;
  box-shadow: 0 18px 38px rgba(71, 37, 18, 0.12);
}

.guarantee-seal__burst::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(110, 54, 24, .22);
  border-radius: 50%;
}

.guarantee-seal__ring {
  position: absolute;
  inset: 22px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 18px;
  border: 2px solid #6e3618;
  border-radius: 50%;
  background: #fffaf5;
  color: #6e3618;
  text-align: center;
  box-shadow: inset 0 0 0 6px #f7eee5;
}

.guarantee-seal__icon.ui-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 2px;
  background: #f2e5d8;
  color: #6e3618;
  border-radius: 50%;
  mask: none;
  -webkit-mask: none;
}

.guarantee-seal__icon.ui-icon::before {
  content: "";
  width: 58%;
  height: 58%;
  background: currentColor;
  mask: var(--icon) center / contain no-repeat;
  -webkit-mask: var(--icon) center / contain no-repeat;
}

.guarantee-seal__top {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.guarantee-seal__bottom {
  max-width: 150px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0.08em;
}

.guarantee-seal__ring strong {
  color: #2c1108;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: .92;
}

.guarantee-seal__ribbon {
  display: none;
}

.guarantee-content__title {
  
  
  
  align-items: center;
  
}

.guarantee-content__icon {
  display: grid;
  place-items: center;
  
  
  
  
  
  font-size: 1.9rem;
  font-weight: 900;
}

.guarantee-content__title span {
  color: #1b140f;
  font-size: 1.05rem;
  font-weight: 900;
}







.guarantee-action--highlight {
  
  
  border: 1px solid #ead7c5;
  
  
}

.guarantee-action__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  
  
  font-size: 1.6rem;
  font-weight: 900;
}

.guarantee-action:not(.guarantee-action--highlight) .guarantee-action__icon {
  background: #f2e1d1;
  color: #6d3213;
}

.guarantee-action p {
  
  color: #3d312a;
  
  
}

.guarantee-action strong {
  color: #6e3518;
}



.guarantee-benefits span {
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  color: #2c211b;
  
  
  text-align: center;
}

.guarantee-benefits span + span {
  border-left: 1px solid #eadfd4;
}

.guarantee-benefits i {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  
  
  font-style: normal;
  font-size: 1.35rem;
  font-weight: 900;
}

.guarantee-risk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 20px 0 0;
  
  
  text-align: center;
}

.guarantee-risk > .ui-icon {
  color: #6f3518;
  font-weight: 900;
}

@media (max-width: 920px){
.guarantee-card{grid-template-columns:1fr;}
.guarantee-seal{transform:scale(0.92);margin-bottom:-20px;}
}

@media (max-width: 680px){
.guarantee-card{padding:26px 18px;border-radius:24px;}
.guarantee-seal{width:270px;transform:scale(0.84);margin-top:-22px;margin-bottom:-54px;}
.guarantee-content__title{grid-template-columns:58px minmax(0, 1fr);}
.guarantee-content__icon{width:54px;height:54px;}
.guarantee-content__title h3{font-size:1.75rem;}
.guarantee-action{grid-template-columns:54px minmax(0, 1fr);gap:12px;}
.guarantee-action__icon{width:48px;height:48px;}
.guarantee-benefits{grid-template-columns:1fr;}
.guarantee-benefits span + span{border-left:0;border-top:1px solid #eadfd4;}
}


/* AUTHORITY */
.authority-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.authority-grid {
  display: grid;
  
  
  
}

.authority-section__eyebrow {
  gap: 8px;
  color: #fff;
  background: linear-gradient(90deg, #4f260f, #6e381b);
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.08);
}

.authority-copy h2 {
  margin: 28px 0 28px;
  color: #17110e;
  
  
}

.authority-copy h2 span {
  display: block;
  color: #9b6533;
}

.authority-copy__text {
  display: grid;
  
}

.authority-copy__text p {
  margin: 0;
  color: #40342d;
  
  
}

.authority-copy__text strong {
  color: #17110e;
}

.authority-highlight {
  
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  
  border-radius: 20px;
  background: linear-gradient(90deg, #4b2511, #6b361a);
  color: #fff7ef;
  box-shadow: 0 14px 30px rgba(72, 37, 18, 0.12);
}

.authority-highlight > span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #f1dfcf;
  color: #6d3315;
  font-size: 1.7rem;
  font-weight: 900;
}

.authority-highlight p {
  margin: 0;
  color: #fff7ef;
  line-height: 1.45;
}



.authority-photo {
  margin: 0;
  border-radius: 30px 30px 18px 18px;
  
  
  box-shadow: 0 18px 42px rgba(72, 37, 18, 0.08);
}



.authority-profiles {
  margin-top: -4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #e4d1be;
  border-radius: 0 0 28px 28px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 18px 42px rgba(72, 37, 18, 0.07);
  overflow: hidden;
}



.authority-profile + .authority-profile {
  border-left: 1px solid #eadfd4;
}


.authority-profile h3 {
  margin: 0 0 4px;
  color: #17110e;
  
}

.authority-profile p {
  margin: 0 0 4px;
  color: #463a32;
  
  
}

.authority-credentials {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #eadfd4;
}

.authority-credentials span {
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  
  color: #3d3028;
  
  text-align: center;
}

.authority-credentials span + span {
  border-left: 1px solid #eadfd4;
}

.authority-credentials i {
  color: #8a4a21;
  font-style: normal;
  font-size: 1.35rem;
  font-weight: 900;
}

@media (max-width: 1100px){
.authority-grid{grid-template-columns:1fr;}

}

@media (max-width: 760px){
.authority-photo img{aspect-ratio:1.25 / 1;}
.authority-profiles{grid-template-columns:1fr;}
.authority-profile + .authority-profile{border-left:0;border-top:1px solid #eadfd4;}
.authority-credentials{grid-template-columns:1fr;}
.authority-credentials span + span{border-left:0;border-top:1px solid #eadfd4;}
}

@media (max-width: 520px){

.authority-highlight{grid-template-columns:56px minmax(0, 1fr);padding:18px;}
.authority-highlight > span{width:50px;height:50px;}
.authority-photo{border-radius:22px 22px 14px 14px;}
.authority-profile{grid-template-columns:58px minmax(0, 1fr);padding:22px 18px;}
.authority-profile__icon{width:54px;height:54px;}
}


/* FAQ FINAL */
.faq-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.faq-section__heading {
  max-width: 920px;
}

.faq-section__heading h2 {
  
  color: #17110e;
}

.faq-section__heading p {
  color: #5b473b;
  font-size: 1.05rem;
}

.faq-section__eyebrow {
  gap: 8px;
  color: #fff;
  background: linear-gradient(90deg, #4f260f, #6f381b);
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.08);
}

.faq-section .faq-list {
  display: grid;
  
}

.faq-section .faq-item {
  border: 1px solid #e4d1be;
  
  background: rgba(255,255,255,0.78);
  box-shadow: 0 8px 22px rgba(72, 37, 18, 0.035);
  overflow: clip;
}

.faq-section .faq-item summary {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  
  
  cursor: pointer;
  list-style: none;
  color: #1d1612;
  font-weight: 850;
}

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

.faq-section .faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  color: #6d3315;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}

.faq-section .faq-item[open] summary::after {
  content: "−";
}

.faq-item__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 14px;
  background: #f1dfcf;
  
  
  font-weight: 900;
}

.faq-section .faq-answer {
  padding: 0 70px 22px 86px;
}

.faq-section .faq-answer p {
  margin: 0 0 10px;
  color: #4a3c34;
  
}

.faq-section .faq-answer p:last-child {
  margin-bottom: 0;
}

.faq-section .faq-answer strong {
  color: #6e3518;
}

@media (max-width: 640px){
.faq-section .faq-item summary{grid-template-columns:44px minmax(0, 1fr);gap:12px;min-height:68px;padding:10px 56px 10px 12px;}
.faq-item__icon{width:40px;height:40px;border-radius:12px;font-size:1.15rem;}
.faq-section .faq-item summary::after{right:16px;}
.faq-section .faq-answer{padding:0 18px 18px 68px;}
}


/* ===== REVISÃO FINAL DOS 13 MOCKUPS ===== */

/* Mantém a largura visual próxima à proporção dos mockups em telas grandes. */
@media (min-width: 1280px) {
  :root {
    --container: 1360px;
  }
}

/* Uniformiza o fundo creme claro presente em todo o conjunto visual. */


/* Reduz variações excessivas entre os fundos das seções. */
.comparison-section,
.how-section,
.demo-section,
.audience-section,
.moments-section,
.difference-section,
.bonus-section,
.offer-section,
.final-call-section,
.guarantee-section,
.authority-section,
.faq-section {
  border-top: 1px solid rgba(157, 104, 58, 0.035);
}

/* Hero: aproxima melhor o respiro superior e a composição do mockup. */
.hero {
  min-height: calc(100svh - 56px);
  align-content: center;
}

.hero__proof {
  margin-top: 0;
}

.hero__content {
  padding-top: clamp(18px, 2vw, 34px);
}

/* Seção 2: mantém os painéis com alturas mais equilibradas. */




/* Seção 3: títulos e placeholders conservam altura alinhada. */


.how-step > .platform-placeholder,
.how-step > .platform-pair {
  margin-top: auto;
}

/* Seção 4: proporção de painel mais próxima da capa de demonstração. */
.demo-shell {
  aspect-ratio: 2.12 / 1;
  min-height: 0;
}

.demo-dashboard {
  min-width: 0;
}

/* Seção 5: cards equilibrados e com o mesmo alinhamento inferior. */


/* Seção 6: remove qualquer altura excessiva em desktop intermediário. */
@media (min-width: 1101px) {
  .moment-card {
    min-height: 680px;
  }
}

/* Seção 8: mantém o robô decorativo leve, sem imagem externa. */
.bonus-assistant__visual {
  contain: layout paint;
}

/* Seção 9: reforça a hierarquia do preço como no mockup. */
.offer-price__main strong {
  letter-spacing: -0.045em;
}

/* Seção 10: logo exatamente entre selo e headline. */
.final-call__brand {
  order: initial;
  
  
}




/* Seção 11: selo e bloco principal alinhados ao mockup. */


/* Seção 12: a foto real deve aparecer sem qualquer deformação. */


/* FAQ: cards mais compactos como na referência, mantendo legibilidade. */




@media (max-width: 900px){
.comparison__side{min-height:auto;}
.demo-shell{aspect-ratio:auto;}
}

@media (max-width: 640px){
.hero{min-height:auto;}

.authority-photo img{aspect-ratio:1.25 / 1;}
}


/* TESTIMONIALS */
.testimonials-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 34%),
    linear-gradient(180deg, #fbf6ef 0%, #f7ecdf 100%);
}

.testimonials-section__heading {
  max-width: 1180px;
}

.testimonials-section__heading h2 {
  margin-top: 20px;
  color: #17110e;
}

.testimonials-section__heading h2 span {
  color: #8f5528;
}

.testimonials-section__eyebrow {
  gap: 8px;
  color: #6d3417;
  background: rgba(255,255,255,0.84);
  border-color: #d7b99b;
  box-shadow: 0 8px 20px rgba(72, 37, 18, 0.06);
}

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

.testimonial-card {
  
  
  
  
  border: 1px solid #e4d1be;
  
  background: rgba(255,255,255,0.82);
  box-shadow: 0 14px 32px rgba(72, 37, 18, 0.05);
}

.testimonial-card__headline {
  
  
  
  align-items: start;
}

.testimonial-card__icon {
  display: grid;
  place-items: center;
  
  
  border-radius: 50%;
  background: #f1dfcf;
  color: #6d3315;
  
  font-weight: 900;
}

.testimonial-card__number {
  display: inline-grid;
  place-items: center;
  
  
  margin-bottom: 8px;
  padding: 0 8px;
  border-radius: 7px;
  background: #7a3d17;
  color: #fff;
  
  font-weight: 900;
}

.testimonial-card__headline h3 {
  
  color: #17110e;
  
  line-height: 1.25;
}

.testimonial-card__headline p {
  
  color: #43372f;
  
  line-height: 1.4;
}

.testimonial-message {
  
  border-radius: 18px;
  
  
}

.testimonial-message__top {
  
  
  gap: 12px;
  align-items: center;
  
  background: #eee9e5;
}

.testimonial-message__avatar {
  
  
  border-radius: 50%;
  background: #fff;
}

.testimonial-message__top strong,
.testimonial-message__top small {
  display: block;
}

.testimonial-message__top strong {
  color: #17110e;
  font-size: 0.9rem;
}

.testimonial-message__top small {
  color: #77685e;
  font-size: 0.75rem;
}

.testimonial-message__actions {
  color: #222;
  font-size: 1.15rem;
  
}

.testimonial-placeholder {
  
  
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  border: 1.5px dashed #b99676;
  border-radius: 18px;
  color: #7b4825;
  text-align: center;
}

.testimonial-placeholder span {
  font-size: 2.4rem;
}

.testimonial-placeholder strong {
  
  line-height: 1.35;
}

.testimonial-result {
  
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  
  border-top: 1px solid #eadfd4;
}

.testimonial-result > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #8a4b22;
  color: #fff;
  font-weight: 900;
}

.testimonial-result p {
  margin: 0;
  color: #3e332c;
  
  
}

.testimonials-footer {
  max-width: 1060px;
  
  
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 18px;
  
  
  border: 1px solid #e4d1be;
  border-radius: 20px;
  background: rgba(255,255,255,0.78);
}

.testimonials-footer > span {
  
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f1dfcf;
  color: #7a3d17;
  font-size: 2rem;
}

.testimonials-footer p {
  
  color: #3e332c;
  
  
}

.testimonials-footer strong {
  color: #7a3d17;
}

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

@media (max-width: 680px){
.testimonials-grid{grid-template-columns:1fr;}
.testimonial-card{padding:18px;}
.testimonial-placeholder{min-height:240px;}
.testimonials-footer{grid-template-columns:58px minmax(0, 1fr);padding:16px 18px;}
.testimonials-footer > span{width:52px;height:52px;font-size:1.6rem;}
}

/* Ajustes finais após validação em navegador */


@media (max-width: 640px){

.authority-photo img{aspect-ratio:3 / 2;object-fit:cover;object-position:center;}
}

/* Correção de proporção das imagens após teste em viewport real */
img { height: auto; }
.authority-photo img {
  
  
  aspect-ratio: 3 / 2;
  
  
}

/* ===== RODADA DE REFINAMENTO VISUAL — 2026-08-05 ===== */
:root {
  
  --page-cream: #fbf6ef;
  --ink: #17110e;
  --warm-brown: #8d5128;
}

body {
  background: var(--page-cream);
}





.section-heading h2 {
  font-weight: 900;
  
  
}



/* Hero: proporção e hierarquia mais próximas do mockup */




.hero__big-idea {
  
  padding-inline: 0.62em;
}


/* Comparativo: textos e painéis com mais presença */
.comparison-section__heading {
  margin-bottom: 34px;
}

.comparison__badge {
  font-size: 0.82rem;
  padding: 10px 18px;
}




/* Como funciona */






/* Demonstração */
.demo-section__heading h2 {
  max-width: 1040px;
  margin-inline: auto;
}
.demo-shell {
  
  box-shadow: 0 24px 58px rgba(67, 31, 13, 0.13);
}
.demo-overlay {
  bottom: 72px;
}

/* Público e momentos */







/* Diferenciais */





/* Provas */






/* Bônus */




/* Oferta */
.offer-card {
  
  padding-inline: 30px;
}



/* Última chamada: logo sem halo branco aparente */

.final-call__brand img {
  mix-blend-mode: multiply;
}



/* Garantia */




/* Autoridade */





/* FAQ */

.faq-section .faq-item {
  border-radius: 14px;
}



@media (max-width: 1100px){
:root{--container:980px;}
.comparison__side{min-height:auto;}
.authority-grid{grid-template-columns:1fr;}
}

@media (max-width: 680px){




.hero__big-idea{border-radius:14px;}




.guarantee-card{padding:24px 18px;}

.authority-photo img{object-position:center 34%;}
}


/* ===== REFINAMENTO DE RESPIRO INTERNO DAS SEÇÕES ===== */









.section-heading > p {
  margin-top: 0;
  
}

.hero__content {
  gap: clamp(28px, 3vw, 46px);
}

.hero__headline {
  margin-bottom: clamp(24px, 2.5vw, 38px);
}





.comparison-grid {
  gap: clamp(30px, 3vw, 48px);
}



.comparison__side > * + * {
  margin-top: clamp(22px, 2vw, 32px);
}







.how-step > p {
  margin-bottom: clamp(20px, 2vw, 32px);
  
}



.demo-shell {
  margin-top: 0;
}













.audience-benefits {
  margin-top: clamp(48px, 4vw, 70px);
}



























.difference-benefits {
  margin-top: clamp(46px, 4vw, 66px);
}





.testimonial-card__headline {
  margin-bottom: clamp(8px, 1vw, 16px);
}











.bonus-assistant h3 {
  margin-bottom: clamp(18px, 1.8vw, 26px);
}





.bonus-help-card h3 {
  margin-bottom: clamp(12px, 1.2vw, 18px);
}



.bonus-benefits {
  margin-top: clamp(42px, 3.8vw, 60px);
}

.offer-list-title {
  margin-bottom: clamp(28px, 2.5vw, 40px);
}





.offer-item__content h3 {
  margin-bottom: clamp(10px, 1vw, 16px);
}

.offer-item__content p {
  line-height: 1.65;
}

.offer-total {
  padding-block: clamp(24px, 2.2vw, 34px);
}

.offer-price {
  margin-top: clamp(28px, 2.8vw, 42px);
  
}






.final-call__subtitle {
  
  line-height: 1.72;
}




.final-call__security {
  margin-top: clamp(28px, 2.6vw, 40px);
}







.guarantee-action {
  padding-block: clamp(22px, 2vw, 32px);
}

.guarantee-action--highlight {
  margin-bottom: clamp(16px, 1.6vw, 24px);
  
}

















.authority-profile p {
  line-height: 1.6;
}







.faq-section .faq-answer {
  padding-top: clamp(6px, 0.8vw, 12px);
  
}

.faq-section .faq-answer p {
  line-height: 1.7;
}

@media (max-width: 980px){


.authority-grid,
.guarantee-card,
.bonus-main{gap:42px;}
}

@media (max-width: 640px){


.section-heading .eyebrow{margin-bottom:20px;}

.audience-grid,
.moments-grid,
.difference-grid,
.testimonials-grid{gap:28px;}
.audience-card,
.moment-card,
.difference-card,
.testimonial-card,
.bonus-help-card,
.offer-card,
.guarantee-card,
.authority-profile{padding:26px 20px;}
.how-steps{gap:52px;}
.how-benefits,
.audience-benefits,
.difference-benefits,
.bonus-benefits,
.offer-benefits,
.guarantee-benefits{margin-top:38px;}
.final-call__benefits{margin-bottom:42px;}
.faq-section .faq-item summary{min-height:76px;}
.faq-section .faq-answer{padding-bottom:24px;}
}


/* ===== AJUSTE SÊNIOR DE ESCALA E DENSIDADE — REFERÊNCIA ARSENAL VIRAL ===== */
:root {
  
  --radius-lg: 22px;
  --radius-md: 16px;
}













.section-heading > p {
  
  margin-inline: auto;
  
  
}

.eyebrow {
  
  
  letter-spacing: 0.07em;
}

.section--hero {
  min-height: auto;
  
  
}





.hero__avatars {
  position: relative;
  
  
  display: block;
  flex: 0 0 102px;
  
}
























.comparison__list strong { font-size: 0.98rem; }



























.audience-card__icon {
  
  
  margin-bottom: 18px;
}
















































.bonus-main {
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.5fr);
  
  
}













































































@media (max-width: 1050px){
:root{--container:920px;}
.comparison__side{min-height:auto;}
.authority-grid{grid-template-columns:1fr;}
.bonus-main{grid-template-columns:1fr;}
}

@media (max-width: 680px){






.how-steps{gap:36px;}
.audience-grid,
.moments-grid,
.difference-grid,
.testimonials-grid{gap:18px;}
.audience-card,
.moment-card,
.difference-card,
.testimonial-card,
.bonus-help-card,
.offer-card,
.guarantee-card,
.authority-profile{padding:22px 18px;}

.final-call__benefits{grid-template-columns:1fr;max-width:390px;}
.final-call__benefits article{border-left:0 !important;border-top:1px solid #eadfd4;}
.final-call__benefits article:first-child{border-top:0;}
.guarantee-seal{transform:scale(.72);margin-block:-58px;}

}


/* ===== AJUSTE FINAL ULTRACOMPACTO — PROPORÇÃO ARSENAL VIRAL ===== */

/*
  Segunda redução de escala:
  - títulos cerca de 15–22% menores;
  - container mais estreito;
  - cards e imagens mais compactos;
  - blocos lado a lado com alturas e bases alinhadas.
*/









.section-heading {
  max-width: 840px;
  
}



.section-heading h2 {
  
  
  
  letter-spacing: -0.032em;
}

.section-heading > p {
  max-width: 670px;
  
  
}

.eyebrow {
  padding: 6px 12px;
  font-size: .67rem;
}

/* HERO */








.hero__avatar-cluster {
  
  left: -6px;
  top: -1px;
}







.hero__title {
  
  
  
  letter-spacing: -0.041em;
}







/* COMPARATIVO */
















.comparison__icon {
  width: 23px;
  height: 23px;
  font-size: .78rem;
}



/* COMO FUNCIONA */






.how-step__top {
  
  margin-bottom: 0;
}





.how-step > p {
  margin: 0;
  
  
}





.how-benefit {
  padding: 13px 12px;
}


.how-benefit h3 {
  font-size: .84rem;
}

.how-benefit p {
  font-size: .74rem;
}

/* DEMONSTRAÇÃO */
.demo-section__heading h2 {
  font-size: clamp(2rem, 3.25vw, 2.75rem);
}

.demo-shell {
  max-width: 940px;
  margin-inline: auto;
  border-width: 3px;
  border-radius: 18px;
}

.demo-security {
  margin-top: 20px;
  font-size: .8rem;
}

/* PARA QUEM É */




.audience-card__icon {
  
  
  margin: 0 auto 12px;
  font-size: 1.4rem;
}





.audience-card p {
  align-self: start;
  margin: 0;
  
  
}

/* TRÊS MOMENTOS */






.moment-card__number {
  min-width: 48px;
  
  
}







.moment-card__items {
  align-self: stretch;
}



.moment-item__icon {
  
  
  font-size: 1rem;
}





/* DIFERENCIAIS — foco principal da redução */









.difference-card__kicker {
  font-size: .78rem;
}










.difference-highlight p {
  font-size: .8rem;
}

/* DEPOIMENTOS */
.testimonials-section__heading h2 {
  font-size: clamp(2rem, 3.3vw, 2.8rem);
}







.testimonial-card__icon {
  
  
  font-size: 1.25rem;
}

.testimonial-card__number {
  min-width: 30px;
  height: 20px;
  font-size: .62rem;
}



.testimonial-card__headline p {
  font-size: .73rem;
}

.testimonial-message__top {
  grid-template-columns: 30px minmax(0, 1fr) auto;
  padding: 8px;
}

.testimonial-message__avatar {
  width: 28px;
  height: 28px;
}

.testimonial-placeholder {
  
  margin: 10px;
}

.testimonial-placeholder strong {
  font-size: .8rem;
}

.testimonial-result {
  padding-top: 13px;
}

.testimonial-result p {
  font-size: .73rem;
  line-height: 1.45;
}



/* BÔNUS */






.bonus-assistant p {
  font-size: .8rem;
}



.bonus-help-card {
  min-height: 105px;
  
}





.bonus-help-card p {
  
  line-height: 1.46;
}

/* OFERTA */


.offer-item {
  min-height: 88px;
  
}





.offer-item__content p,
.offer-item__price {
  font-size: .76rem;
}

.offer-price {
  padding: 17px 19px;
}



.offer-benefits {
  
  font-size: .68rem;
}

/* ÚLTIMA CHAMADA */




.final-call__subtitle {
  max-width: 540px;
  
  
}





.final-call__benefits article > span {
  
  
  font-size: 1rem;
}





/* GARANTIA */












/* AUTORIDADE */


.authority-copy {
  display: flex;
  flex-direction: column;
  
}







.authority-highlight {
  
  
  font-size: .78rem;
}

.authority-visual {
  
  
  grid-template-rows: minmax(0, 1fr) auto auto;
}







.authority-profile p {
  font-size: .7rem;
}

.authority-credentials span {
  
  padding: 11px;
  font-size: .66rem;
}

/* FAQ */
.faq-section__heading h2 {
  font-size: clamp(2rem, 3.2vw, 2.7rem);
}



.faq-item__icon {
  
  
  font-size: .92rem;
}



/* Tablets */
@media (max-width: 1050px){
:root{--container:900px;}
.authority-grid{grid-template-columns:1fr;}
.authority-photo{min-height:420px;}
}

/* Mobile: reduz bastante sem comprometer legibilidade */
@media (max-width: 680px){





.comparison__side{min-height:auto;}
.how-step{grid-template-rows:auto auto auto;}
.platform-placeholder,
.platform-pair{min-height:220px;}
.audience-card,
.moment-card,
.difference-card,
.testimonial-card{padding:17px 14px;}
.audience-card{grid-template-rows:52px auto 16px auto;}
.moment-card{grid-template-rows:auto auto auto auto;}
.difference-card{grid-template-rows:auto auto;}
.difference-card__top,
.difference-card__body{min-height:auto;}
.testimonial-card{grid-template-rows:auto auto auto;}

.final-call__benefits{max-width:340px;}
.guarantee-seal{transform:scale(.58);margin-block:-82px;}
.authority-photo{min-height:270px;}

}


/* ===== REVISÃO SÊNIOR FINAL — POLIMENTO DE ENTREGA ===== */



.section + .section{border-top:1px solid rgba(111,72,40,.045);}





/* Sistema de ícones consistente, sem emojis */
.ui-icon{display:inline-block;flex:0 0 auto;width:1.35em;height:1.35em;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;font-size:0!important;line-height:0;}
.ui-icon--bolt{--icon:url("assets/icons/bolt.svg");}
.ui-icon--wallet{--icon:url("assets/icons/wallet.svg");}
.ui-icon--settings{--icon:url("assets/icons/settings.svg");}
.ui-icon--infinity{--icon:url("assets/icons/infinity.svg");}
.ui-icon--check{--icon:url("assets/icons/check.svg");}
.ui-icon--graduation{--icon:url("assets/icons/graduation.svg");}
.ui-icon--play{--icon:url("assets/icons/play.svg");}
.ui-icon--briefcase{--icon:url("assets/icons/briefcase.svg");}
.ui-icon--message{--icon:url("assets/icons/message.svg");}
.ui-icon--store{--icon:url("assets/icons/store.svg");}
.ui-icon--target{--icon:url("assets/icons/target.svg");}
.ui-icon--link{--icon:url("assets/icons/link.svg");}
.ui-icon--clipboard{--icon:url("assets/icons/clipboard.svg");}
.ui-icon--rocket{--icon:url("assets/icons/rocket.svg");}
.ui-icon--hand{--icon:url("assets/icons/hand.svg");}
.ui-icon--award{--icon:url("assets/icons/award.svg");}
.ui-icon--send{--icon:url("assets/icons/send.svg");}
.ui-icon--user{--icon:url("assets/icons/user.svg");}
.ui-icon--clock{--icon:url("assets/icons/clock.svg");}
.ui-icon--chart{--icon:url("assets/icons/chart.svg");}
.ui-icon--card{--icon:url("assets/icons/card.svg");}
.ui-icon--users{--icon:url("assets/icons/users.svg");}
.ui-icon--shield{--icon:url("assets/icons/shield.svg");}
.ui-icon--bot{--icon:url("assets/icons/bot.svg");}
.ui-icon--bulb{--icon:url("assets/icons/bulb.svg");}
.ui-icon--monitor{--icon:url("assets/icons/monitor.svg");}
.ui-icon--calendar{--icon:url("assets/icons/calendar.svg");}
.ui-icon--file{--icon:url("assets/icons/file.svg");}
.ui-icon--money{--icon:url("assets/icons/money.svg");}
.ui-icon--university{--icon:url("assets/icons/university.svg");}
.ui-icon--code{--icon:url("assets/icons/code.svg");}
.ui-icon--help{--icon:url("assets/icons/help.svg");}
.ui-icon--pencil{--icon:url("assets/icons/pencil.svg");}
.ui-icon--arrows{--icon:url("assets/icons/arrows.svg");}
.ui-icon--image{--icon:url("assets/icons/image.svg");}
.ui-icon--lock{--icon:url("assets/icons/lock.svg");}
.ui-icon--gift{--icon:url("assets/icons/gift.svg");}

.eyebrow .ui-icon{width:16px;height:16px;}
.audience-card__icon,.moment-item__icon,.difference-card__icon,.bonus-help-card__icon,.offer-item__icon,.faq-item__icon,.guarantee-action__icon,.guarantee-content__icon{color:#6f3518;}
.audience-card__icon .ui-icon{width:25px;height:25px;}

/* Hero: cluster menor, sem deformação */










/* Reduz margens excessivas entre seções e mantém ritmo */

.how-section,.demo-section,.audience-section,.moments-section,.difference-section,.testimonials-section,.bonus-section,.offer-section,.guarantee-section,.authority-section,.faq-section{padding-block:46px;}

/* Cards paralelos: mesma base e conteúdo distribuído */

.audience-card,.moment-card{height:100%;}

.audience-card h3{display:flex;align-items:center;justify-content:center;margin:0;}
.audience-card p{align-items:flex-start;}







/* Ícones menores e elegantes */

.audience-card__icon.ui-icon{width:48px;height:48px;padding:0;background:#f1dfcf;color:#6f3518;mask-size:24px;-webkit-mask-size:24px;}
.moment-card__symbol{color:inherit;}
.moment-item__icon{padding:0;}
.testimonial-card__icon{padding:9px;}

.offer-item__icon{width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1/1;border-radius:50%;padding:0;}
.faq-item__icon{padding:0;}

/* Logo realmente transparente */

.final-call__brand img{filter:none!important;}

/* Autoridade: menos textual e mais editorial */

.authority-copy{justify-content:flex-start;padding-top:6px;}








/* Bônus e oferta: reduz ruído e organiza */
.bonus-main{align-items:stretch;}
.bonus-assistant,.bonus-help-card{height:100%;}
.offer-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;}

/* Mobile */
@media (max-width:680px){



.audience-card{grid-template-rows:auto auto auto auto;}
.moment-card,
.difference-card,
.testimonial-card{grid-template-rows:auto;}
.authority-grid{grid-template-columns:1fr;gap:18px;}
.authority-photo{min-height:250px;}
}

/* ===== POLIMENTO FINAL DE ENTREGA — VERSÃO GRANDE CLIENTE ===== */



.section{padding-block:36px;}





.section-heading>p{font-size:.88rem;line-height:1.55;}
.ui-icon--menu{--icon:url("assets/icons/menu.svg");}.ui-icon--warning{--icon:url("assets/icons/warning.svg");}.ui-icon--close{--icon:url("assets/icons/close.svg");}.ui-icon--video{--icon:url("assets/icons/video.svg");}.ui-icon--phone{--icon:url("assets/icons/phone.svg");}
.mockup-app__menu.ui-icon{width:20px;height:20px;color:currentColor;}.mockup-alert>.ui-icon{width:22px;height:22px;color:#ef6b55;}
.comparison__icon.ui-icon{width:22px;height:22px;border:0;background:currentColor;box-shadow:none;}.comparison__icon--negative{color:#9c3f25;}.comparison__icon--positive{color:#8a4a20;}
.benefit-card__symbol.ui-icon{width:32px;height:32px;color:#874318;font-size:0;}.platform-pair__arrow.ui-icon{width:24px;height:24px;color:#81421c;}
.testimonial-message__actions{display:flex;gap:9px;align-items:center;letter-spacing:0;}.testimonial-message__actions .ui-icon{width:17px;height:17px;color:#2c211a;}
.offer-benefits i.ui-icon,.guarantee-benefits i.ui-icon{width:18px;height:18px;color:#764018;vertical-align:middle;}
.audience-card__icon.ui-icon,.moment-item__icon.ui-icon,.difference-card__icon.ui-icon,.testimonial-card__icon.ui-icon,.bonus-help-card__icon.ui-icon,.offer-item__icon.ui-icon,.faq-item__icon.ui-icon,.guarantee-action__icon.ui-icon,.guarantee-content__icon.ui-icon{position:relative;display:grid;place-items:center;mask:none;-webkit-mask:none;background:#f2e5d8;border-radius:50%;color:#6e3618;}
.audience-card__icon.ui-icon::before,.moment-item__icon.ui-icon::before,.difference-card__icon.ui-icon::before,.testimonial-card__icon.ui-icon::before,.bonus-help-card__icon.ui-icon::before,.faq-item__icon.ui-icon::before,.guarantee-action__icon.ui-icon::before,.guarantee-content__icon.ui-icon::before{content:"";width:50%;height:50%;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;}
.hero__avatars{overflow:visible;}.hero__avatar-cluster{position:static!important;display:block;height:auto!important;max-width:none;object-fit:contain;aspect-ratio:auto!important;}.hero__title{line-height:1.04;}.hero__big-idea{max-width:790px;padding:.34em .58em;font-size:clamp(1.12rem,1.9vw,1.55rem);border-radius:13px;}.hero__description{font-size:.9rem;line-height:1.58;}
.comparison__side{border-radius:18px;}.comparison__label{padding:7px 12px;font-size:.66rem;}.comparison__mockup{border-radius:16px;}
.how-section__heading h2{font-size:clamp(2.05rem,3.5vw,2.9rem);}.how-step>p{font-size:.78rem;}
.audience-card{border-radius:15px;}
.moment-card>h3{font-size:.96rem;}.moment-card>p,.moment-item p{font-size:.72rem;line-height:1.48;}
.difference-section__heading h2{font-size:clamp(2rem,3.2vw,2.75rem);}
.testimonials-grid{gap:12px;}.testimonial-card{padding:14px;gap:14px;border-radius:16px;}.testimonial-card__headline{grid-template-columns:46px minmax(0,1fr);gap:10px;}.testimonial-card__icon{width:40px!important;height:40px!important;}.testimonial-card__headline h3{font-size:.78rem;}.testimonial-card__headline p,.testimonial-result p{font-size:.68rem;}.testimonials-footer{margin-top:24px;}
.bonus-main{gap:16px;padding:18px;}.bonus-assistant{padding:20px;}.bonus-assistant h3{font-size:1.55rem;}.bonus-help-list{gap:10px;}.bonus-help-card p{font-size:.74rem;}
.offer-card{max-width:820px;padding:18px 20px;}.offer-item{padding-block:17px;}.offer-item__content p{font-size:.72rem;}
.final-call__brand{box-shadow:none!important;}.final-call h2{max-width:760px;font-size:clamp(2.1rem,3.7vw,3rem);}.final-call__subtitle{font-size:.86rem;}.final-call__button{width:min(100%,760px);min-height:68px;font-size:1.25rem;}
.guarantee-content__intro,.guarantee-action p{font-size:.78rem;}
.authority-copy h2{margin-block:12px 14px;}.authority-copy__text{gap:7px;}.authority-highlight{margin-top:11px;padding:10px 12px;}.authority-profile h3{font-size:.84rem;}.authority-profile p,.authority-credentials span{font-size:.65rem;}
.faq-section .faq-answer{padding-bottom:14px;}
.audience-grid{align-items:stretch;}.audience-card,.bonus-help-card{height:100%;}
@media (max-width:1050px){
:root{--container:900px;}
.authority-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){






.audience-card{min-height:auto;grid-template-rows:auto;}
.moment-card,
.difference-card,
.testimonial-card{grid-template-rows:auto;}
.authority-grid{gap:14px;}
.authority-photo{min-height:230px;}
}

/* ===== REVISÃO ESTRUTURAL FINAL — ALTURAS NATURAIS ===== */
/*
  Esta camada elimina alturas artificiais e espaços vazios.
  Nenhum card estrutural abaixo depende de min-height fixo.
*/

:root {
  --container: 1020px;
}

body {
  font-size: 14px;
  line-height: 1.48;
}

@media (min-width: 681px) {
  .container {
    width: min(100% - 32px, var(--container));
  }
}

/* Ritmo vertical mais compacto e constante */
.section,
.comparison-section,
.how-section,
.demo-section,
.audience-section,
.moments-section,
.difference-section,
.testimonials-section,
.bonus-section,
.offer-section,
.final-call-section,
.guarantee-section,
.authority-section,
.faq-section {
  padding-top: 34px;
  padding-bottom: 34px;
}





.section-heading {
  margin-bottom: 22px;
}

.section-heading .eyebrow {
  margin-bottom: 9px;
}

.section-heading h2 {
  margin-bottom: 9px;
  font-size: clamp(1.8rem, 2.9vw, 2.45rem);
  line-height: 1.08;
}

.section-heading > p {
  font-size: .86rem;
  line-height: 1.5;
}

/* Hero */




.hero__title {
  font-size: clamp(2.15rem, 3.6vw, 2.9rem);
}





/* Comparativo: altura sempre determinada pelo conteúdo */
.comparison {
  column-gap: 14px;
  align-items: start;
}

.comparison__side {
  min-height: 0 !important;
  height: auto !important;
  padding: 15px !important;
  display: block !important;
  grid-template-rows: none !important;
}

.comparison__content {
  height: auto !important;
  min-height: 0 !important;
  align-items: start !important;
  gap: 14px;
}

.comparison__mockup {
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}

.comparison__list {
  gap: 9px;
}

.comparison__list li {
  gap: 8px;
}

.comparison__list h3 {
  font-size: .82rem;
}

.comparison__list p {
  font-size: .7rem;
  line-height: 1.34;
}

/* Como funciona */
.how-steps {
  align-items: start;
  
}

.how-step {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  grid-template-rows: none !important;
  
}

.how-step__top {
  min-height: 0 !important;
}

.platform-placeholder,
.platform-pair {
  min-height: 0 !important;
  height: auto !important;
  
}

.how-benefits {
  margin-top: 22px;
}

/* Para quem é */
.audience-grid {
  gap: 12px;
  
}

.audience-card {
  
  
  
  
  grid-template-rows: none !important;
  
}

.audience-card h3 {
  min-height: 0 !important;
  margin-top: 8px;
  margin-bottom: 0;
}

.audience-card__divider {
  margin-block: 10px;
}

.audience-card p {
  display: block !important;
  
}

/* Três momentos */
.moments-grid {
}

.moment-card {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  grid-template-rows: none !important;
}






.moment-item {
  min-height: 0 !important;
  padding-block: 9px;
}

/* Diferenciais */








.difference-point {
  min-height: 0 !important;
  padding-block: 8px;
}



/* Depoimentos: só o espaço reservado do material futuro permanece */


.testimonial-card {
  
  min-height: 0 !important;
  
  
  grid-template-rows: none !important;
}

.testimonial-placeholder {
  min-height: 180px;
}

/* Bônus */
.bonus-main,
.bonus-assistant,
.bonus-help-card {
  min-height: 0 !important;
  height: auto !important;
}

.bonus-assistant__visual {
  margin-bottom: 14px;
}

.bonus-robot__face {
  position: relative;
  width: 34px;
  height: 20px;
  display: block;
  font-size: 0;
}

.bonus-robot__face::before,
.bonus-robot__face::after {
  content: "";
  position: absolute;
  top: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

.bonus-robot__face::before { left: 6px; }
.bonus-robot__face::after { right: 6px; }

.bonus-speech {
  position: relative;
  width: 34px;
  height: 18px;
  display: block;
  font-size: 0;
}

.bonus-speech::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 9px 0 0 currentColor, 18px 0 0 currentColor;
}

/* Oferta, garantia, autoridade e FAQ */
.offer-card,
.guarantee-card,
.authority-grid,
.faq-item {
  min-height: 0 !important;
}




.faq-section .faq-item summary {
  
  padding-block: 11px;
}

/* Mobile */
@media (max-width: 680px){


.audience-grid,
.moments-grid,
.difference-grid,
.testimonials-grid{gap:11px;}
.comparison__side,
.audience-card,
.moment-card,
.difference-card{padding:14px;}
.testimonial-placeholder{min-height:165px;}
.authority-photo{min-height:220px;}
}


/* ===== AJUSTE VISUAL VALIDADO — FECHAMENTO ===== */
/* Remove alturas herdadas que ainda inflavam o hero e alguns blocos. */
.section--hero,
.hero {
  min-height: 0 !important;
  height: auto !important;
}

.section--hero {
  padding-top: 22px !important;
  padding-bottom: 30px !important;
}

.hero {
  padding-block: 10px 4px;
  gap: 12px;
}

.hero__proof {
  margin-bottom: 0;
}

.hero__title {
  max-width: 820px;
}


.hero__divider {
  margin-block: 9px;
}

.hero__description {
  max-width: 700px;
  margin-top: 8px;
}

/* Aproxima a primeira transição da densidade visual da referência. */
.comparison-section {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}

/* Última chamada: logo real, transparente e carregado sem atraso. */
.final-call__brand {
  min-height: 0 !important;
  background: transparent !important;
}

.final-call__brand img {
  
  width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent !important;
}




/* Garantia: regras de desktop consolidadas no bloco oficial ao final. */





.guarantee-content {
  gap: 10px;
}









/* Autoridade: regras de desktop consolidadas no bloco oficial ao final. */

/* FAQ: desktop consolidado no bloco oficial ao final. */
.faq-section .faq-list {
  gap: 7px;
}

.faq-section .faq-item summary {
  min-height: 0 !important;
  padding: 9px 14px !important;
}

.faq-section .faq-item__icon,
.faq-section .faq-item summary > span:first-child {
  flex-shrink: 0;
}

@media (max-width: 760px){

.hero{padding-block:4px 0;}
.guarantee-card{grid-template-columns:1fr !important;padding:16px !important;}
.guarantee-seal{transform:scale(.58) !important;margin:-62px auto -52px !important;}
.authority-grid{width:100% !important;max-width:100% !important;box-sizing:border-box !important;grid-template-columns:1fr !important;}
.authority-photo{height:230px !important;}
.faq-section .faq-item summary{padding:9px 11px !important;}
}

/* ===== BALANCEAMENTO FINAL DE LEGIBILIDADE E DENSIDADE ===== */
/* Ajuste cirúrgico após inspeção visual da versão publicada. */

/* Prova social do hero — tablet/desktop. O mobile é controlado no bloco oficial ao final. */
@media (min-width: 681px) {
  .hero__proof {
    width: min(100%, 310px) !important;
    gap: 9px !important;
  }
  .hero__avatars {
    width: 88px !important;
    height: 35px !important;
    flex-basis: 88px !important;
  }
  .hero__avatar-cluster {
    width: 88px !important;
  }
  .hero__proof-copy {
    max-width: 205px !important;
  }
  .hero__proof-copy p {
    font-size: .72rem !important;
    line-height: 1.35 !important;
  }
  .hero__rating {
    font-size: .86rem !important;
  }
}

/* Como funciona: mais legível e menos “miniaturizado”. */
.how-steps {
  gap: 20px !important;
}
.how-step {
  gap: 13px !important;
}
.how-step__number {
  width: 42px !important;
  height: 42px !important;
  font-size: 1rem !important;
}
.how-step h3 {
  font-size: 1.04rem !important;
  line-height: 1.28 !important;
}
.how-step > p {
  font-size: .8rem !important;
  line-height: 1.48 !important;
}
.platform-placeholder,
.platform-pair {
  margin-top: 4px !important;
}

/* Público: leitura confortável sem voltar a inflar os cards. */
.audience-card {
  padding: 17px 15px !important;
}

.audience-card h3 {
  font-size: .96rem !important;
  line-height: 1.25 !important;
}
.audience-card p {
  font-size: .76rem !important;
  line-height: 1.5 !important;
}

/* Três momentos: elimina a faixa pesada e cria cards mais editoriais. */
.moments-section {
  background: linear-gradient(180deg, #fbf7f2 0%, #f7ede3 100%) !important;
}
.moments-section__heading p {
  font-size: .9rem !important;
  line-height: 1.5 !important;
}
.moments-grid {
  gap: 15px !important;
}
.moment-card {
  padding: 18px !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 30px rgba(62, 32, 16, .08) !important;
}
.moment-card__header {
  grid-template-columns: 58px minmax(0, 1fr) 28px !important;
  gap: 9px !important;
  margin-bottom: 13px !important;
}
.moment-card__number {
  width: 58px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 1.08rem !important;
}
.moment-card__label {
  font-size: .75rem !important;
  line-height: 1.18 !important;
}
.moment-card__symbol {
  width: 27px !important;
  height: 27px !important;
}
.moment-card > h3,
.moment-card__intro > h3 {
  margin-bottom: 8px !important;
  font-size: 1.02rem !important;
  line-height: 1.32 !important;
}
.moment-card > p,
.moment-card__intro > p {
  margin-bottom: 10px !important;
  font-size: .76rem !important;
  line-height: 1.48 !important;
}
.moment-item {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 18px 0 8px !important;
}
.moment-item__icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
}
.moment-item strong {
  margin-bottom: 2px !important;
  font-size: .78rem !important;
  line-height: 1.28 !important;
}
.moment-item p {
  font-size: .7rem !important;
  line-height: 1.4 !important;
}

/* Diferenciais: mais leitura e pesos equivalentes. */




/* Bônus, oferta e autoridade: recupera legibilidade sem alongar a página. */
.bonus-help-card h3 {
  font-size: .96rem !important;
}
.bonus-help-card p,
.offer-item__content p {
  font-size: .77rem !important;
  line-height: 1.48 !important;
}
.offer-item__content h3 {
  font-size: .96rem !important;
}
.authority-copy__text p {
  font-size: .75rem !important;
  line-height: 1.48 !important;
}
.authority-profile p,
.authority-credentials span {
  font-size: .69rem !important;
}

/* FAQ: leitura confortável sem voltar a ficar alto. */
.faq-section .faq-item summary {
  font-size: .84rem !important;
  line-height: 1.35 !important;
}
.faq-section .faq-answer {
  font-size: .76rem !important;
  line-height: 1.5 !important;
}

@media (max-width: 760px){
.how-step > p,
.audience-card p,
.moment-card > p,
.difference-card__text,
.difference-point p,
.bonus-help-card p,
.offer-item__content p,
.authority-copy__text p,
.faq-section .faq-answer{font-size:.79rem !important;}
.moments-grid{gap:12px !important;}
.moment-card{padding:16px !important;}
.moment-item strong{font-size:.83rem !important;}
.moment-item p{font-size:.76rem !important;}
.authority-copy__text p{line-height:1.52 !important;}
}

/* ===== AJUSTE PONTUAL — LARGURA DESKTOP E PROVA SOCIAL DO HERO ===== */
@media (min-width: 1101px) {
  :root {
    --container: 1080px;
  }

  .container {
    width: min(100% - 28px, var(--container));
  }

  .hero__proof {
    width: min(100%, 224px) !important;
    gap: 6px !important;
  }

  .hero__avatars {
    width: 62px !important;
    height: 25px !important;
    flex-basis: 62px !important;
  }

  .hero__avatar-cluster {
    width: 62px !important;
    height: auto !important;
  }

  .hero__proof-copy {
    max-width: 150px !important;
  }

  .hero__rating {
    font-size: .72rem !important;
    line-height: 1.1 !important;
  }

  .hero__proof-copy p {
    font-size: .57rem !important;
    line-height: 1.32 !important;
  }
}

/* ===== AJUSTE PONTUAL — COMPARATIVO SEM VAZAMENTO E BLOCOS EQUALIZADOS ===== */
@media (min-width: 1101px) {
  .comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .comparison__side {
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
    overflow: hidden !important;
  }

  .comparison__content,
  .comparison__content--reverse {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .comparison__content--reverse {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  }

  .comparison__content > *,
  .comparison__mockup,
  .comparison__list,
  .comparison__list li,
  .comparison__list li > div {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .comparison__list {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  .comparison__list li {
    flex: 1 1 0 !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 0 !important;
  }

  .comparison__list h3,
  .comparison__list p {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .comparison__list h3 {
    font-size: .78rem !important;
    line-height: 1.22 !important;
  }

  .comparison__list p {
    font-size: .67rem !important;
    line-height: 1.32 !important;
  }

  .comparison__icon.ui-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .comparison__mockup {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 13px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mockup-app__header {
    margin-bottom: 10px !important;
  }

  .mockup-app__brand strong {
    font-size: .78rem !important;
  }

  .mockup-alert,
  .mockup-chart,
  .mockup-status,
  .mockup-note,
  .flow-card,
  .growth-card,
  .benefit-card,
  .crm-card,
  .mockup-footer-note {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mockup-alert,
  .mockup-status,
  .mockup-note,
  .flow-card,
  .growth-card,
  .benefit-card,
  .crm-card {
    padding: 10px !important;
  }

  .mockup-chart {
    padding: 10px !important;
  }

  .mockup-chart svg,
  .growth-card svg {
    width: 100% !important;
    height: auto !important;
    max-height: 92px !important;
  }

  .mockup-alert strong,
  .mockup-status strong,
  .mockup-note strong,
  .flow-card strong,
  .growth-card strong,
  .benefit-card strong,
  .crm-card strong,
  .mockup-footer-note {
    font-size: .72rem !important;
    line-height: 1.24 !important;
  }

  .mockup-alert small,
  .mockup-note small,
  .flow-card small,
  .benefit-card small,
  .crm-card small,
  .growth-card span,
  .mockup-status span {
    font-size: .62rem !important;
    line-height: 1.28 !important;
  }

  .flow-card__steps {
    gap: 5px !important;
  }

  .flow-card__steps span {
    min-width: 0 !important;
    font-size: .58rem !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  .comparison__vs {
    width: 54px !important;
    height: 54px !important;
    font-size: 1rem !important;
  }
}

/* ===== RETORNO CONTROLADO — LARGURA 1200 E AVATARES PRESERVADOS ===== */
@media (min-width: 1101px) {
  /* Mantém somente a largura lateral aprovada. */
  :root {
    --container: 1200px;
  }

  .container {
    width: min(100% - 24px, var(--container));
  }

  /* Mantém o bloco dos avatares no tamanho aprovado nesta rodada. */
  .hero__proof {
    width: min(100%, 224px) !important;
    gap: 6px !important;
  }

  .hero__avatars {
    width: 62px !important;
    height: 25px !important;
    flex-basis: 62px !important;
  }

  .hero__avatar-cluster {
    width: 62px !important;
    height: auto !important;
  }

  .hero__proof-copy {
    max-width: 150px !important;
  }

  .hero__rating {
    font-size: 14.5px !important;
    line-height: 1.1 !important;
  }

  .hero__proof-copy p {
    font-size: 12px !important;
    line-height: 1.32 !important;
  }

  /*
    O aumento global de 2px foi removido.
    O comparativo volta ao estado anterior, sem redução que esticava os mockups.
  */
}


/* ===== SISTEMA TIPOGRÁFICO FINAL APROVADO ===== */
@media (min-width:681px){
.hero__rating{font-size:13px!important;}.hero__proof-copy p{font-size:12px!important;}.hero__title{font-size:54px!important;line-height:1.05!important;}.hero__big-idea{font-size:25px!important;}.hero__description{font-size:16px!important;line-height:1.55!important;}
.section-heading .eyebrow,.how-section__heading .eyebrow,.difference-section__heading .eyebrow,.testimonials-section__heading .eyebrow,.faq-section__heading .eyebrow{font-size:12px!important;}
.section-heading h2,.how-section__heading h2,.difference-section__heading h2,.testimonials-section__heading h2,.faq-section__heading h2{font-size:42px!important;line-height:1.08!important;}
.section-heading>p,.how-section__heading>p,.difference-section__heading>p,.testimonials-section__heading>p,.faq-section__heading>p{font-size:16px!important;line-height:1.5!important;}
.comparison__label{font-size:12px!important;}.comparison__list h3{font-size:16px!important;}.comparison__list p{font-size:14px!important;line-height:1.45!important;}
.how-step h3{font-size:18px!important;}.how-step>p{font-size:14px!important;}.how-benefit h3,.benefit-card h3,.how-benefit p,.benefit-card p{font-size:14px!important;}
.demo-security,.demo-note,.demo-section p{font-size:14px!important;}.audience-card h3{font-size:18px!important;}.audience-card p{font-size:14px!important;}
.moment-card__number{font-size:18px!important;}.moment-card__label{font-size:12px!important;}.moment-card>h3,.moment-card__intro>h3{font-size:18px!important;}.moment-card>p,.moment-card__intro>p,.moment-item h4,.moment-item strong,.moment-item p{font-size:14px!important;}
.testimonial-card__headline h3{font-size:15px!important;}.testimonial-card__headline p,.testimonial-result p,.testimonial-meta{font-size:13px!important;}.testimonial-placeholder,.testimonial-message,.testimonial-text,.testimonials-footer{font-size:15px!important;}
.bonus-assistant h3,.bonus-main h2,.bonus-main__title{font-size:26px!important;}.bonus-main p,.bonus-assistant p{font-size:14px!important;}.bonus-help-card h3{font-size:18px!important;}.bonus-help-card p{font-size:14px!important;}
.offer-item__content h3{font-size:17px!important;}.offer-item__content p{font-size:14px!important;}.offer-price__main strong{font-size:60px!important;}.offer-benefits,.offer-benefits span,.offer-note,.offer-small{font-size:13px!important;}

.guarantee-section h2,.guarantee-section__heading h2{font-size:42px!important;}.guarantee-content__title h3{font-size:26px!important;}.guarantee-content__intro,.guarantee-action p{font-size:14px!important;}.guarantee-benefits span{font-size:13px!important;}
.faq-section .faq-item summary{font-size:16px!important;}.faq-section .faq-answer{font-size:15px!important;}
}
@media (max-width:680px){

.section-heading .eyebrow,
.how-section__heading .eyebrow,
.difference-section__heading .eyebrow,
.testimonials-section__heading .eyebrow,
.faq-section__heading .eyebrow{font-size:12px !important;}

.difference-section__heading>p,
.testimonials-section__heading>p{font-size:15px !important;}
.comparison__label{font-size:12px !important;}
.comparison__list h3{font-size:16px !important;}
.comparison__list p{font-size:14px !important;}
.how-step h3{font-size:18px !important;}
.how-step>p{font-size:15px !important;}
.how-benefit h3,
.benefit-card h3,
.how-benefit p,
.benefit-card p{font-size:14px !important;}
.demo-security,
.demo-note{font-size:14px !important;}
.audience-card h3{font-size:18px !important;}
.audience-card p{font-size:15px !important;}
.moment-card__number{font-size:18px !important;}
.moment-card__label{font-size:12px !important;}
.moment-card>h3,
.moment-card__intro>h3{font-size:18px !important;}
.moment-card>p,
.moment-card__intro>p{font-size:15px !important;}
.moment-item h4,
.moment-item strong,
.moment-item p{font-size:14px !important;}
.difference-card__eyebrow,
.difference-card__label{font-size:12px !important;}
.difference-card h3{font-size:20px !important;}
.difference-card__text,
.difference-point p{font-size:15px !important;}
.difference-highlight{font-size:14px !important;}
.testimonial-card__headline h3{font-size:15px !important;}
.testimonial-card__headline p,
.testimonial-result p,
.testimonial-meta{font-size:13px !important;}
.testimonial-placeholder,
.testimonial-message,
.testimonial-text,
.testimonials-footer{font-size:15px !important;}
.bonus-assistant h3,
.bonus-main h2,
.bonus-main__title{font-size:24px !important;}
.bonus-main p,
.bonus-assistant p{font-size:15px !important;}
.bonus-help-card h3{font-size:18px !important;}
.bonus-help-card p{font-size:15px !important;}
.offer-item__content h3{font-size:17px !important;}
.offer-item__content p{font-size:14px !important;}
.offer-price__main strong{font-size:46px !important;}
.offer-benefits,
.offer-benefits span,
.offer-note,
.offer-small{font-size:13px !important;}


.final-call__benefits,
.final-call__benefits span{font-size:14px !important;}
.final-call__button{font-size:18px !important;}

.guarantee-content__title h3{font-size:24px !important;}
.guarantee-content__intro,
.guarantee-action p{font-size:15px !important;}
.guarantee-benefits span{font-size:13px !important;}

.authority-copy__text p,
.authority-highlight{font-size:15px !important;}
.authority-profile h3{font-size:17px !important;}
.authority-profile p,
.authority-credentials span{font-size:13px !important;}
.faq-section .faq-item summary{font-size:16px !important;}
.faq-section .faq-answer{font-size:15px !important;}
}

/* ===== AJUSTE PONTUAL — HERO E COMPARATIVO PROPORCIONAL ===== */
@media (min-width: 1101px) {
  /* O destaque acompanha exatamente o tamanho da headline. */
  .hero__highlight {
    font-size: 1em !important;
    line-height: inherit !important;
    font-weight: 900 !important;
  }

  /* O selo superior deixa de ser cortado. */
  .comparison {
    overflow: visible !important;
    padding-top: 24px !important;
    align-items: stretch !important;
  }

  .comparison__side {
    height: auto !important;
    padding: 30px 14px 14px !important;
    overflow: visible !important;
  }

  .comparison__label {
    top: 0 !important;
    width: min(86%, 500px) !important;
    padding: 8px 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  /* As listas ficam mais compactas sem reduzir a fonte aprovada. */
  .comparison__content,
  .comparison__content--reverse {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  .comparison__content--reverse {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr) !important;
  }

  .comparison__list {
    gap: 0 !important;
    align-self: stretch !important;
  }

  .comparison__list li {
    min-height: 0 !important;
    padding: 7px 0 !important;
    gap: 7px !important;
    line-height: 1.2 !important;
  }

  .comparison__list h3 {
    margin-bottom: 2px !important;
    line-height: 1.18 !important;
  }

  .comparison__list p {
    line-height: 1.28 !important;
  }

  /* Redução realmente proporcional dos dois mockups. */
  .comparison__mockup {
    zoom: 0.68;
    width: 100% !important;
    height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    justify-self: center !important;
    align-self: start !important;
    padding: 10px !important;
    transform: none !important;
    transform-origin: top center !important;
  }

  .comparison__mockup--negative,
  .comparison__mockup--positive {
    width: min(100%, 290px) !important;
    max-width: 290px !important;
  }

  .mockup-app__header {
    margin-bottom: 8px !important;
  }

  .mockup-alert,
  .mockup-chart,
  .mockup-status,
  .mockup-note,
  .flow-card,
  .growth-card,
  .benefit-card,
  .crm-card,
  .mockup-footer-note {
    margin-bottom: 8px !important;
  }

  .mockup-chart svg {
    height: 104px !important;
  }

  .comparison__vs {
    width: 52px !important;
    height: 52px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 680px){
.hero__highlight{font-size:1em !important;line-height:inherit !important;font-weight:900 !important;}
}


/* ===== COMO FUNCIONA — 3 BENEFÍCIOS FINAIS ===== */
.how-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.how-benefit{min-width:0;}
@media (max-width:900px){
.how-benefits{grid-template-columns:1fr !important;}
.how-benefit+.how-benefit{border-left:0 !important;border-top:1px solid var(--line,#dfd0c2) !important;}
}

/* ===== COMO FUNCIONA — ÍCONES FINAIS CONSOLIDADOS ===== */
.how-benefit__icon.ui-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  aspect-ratio: 1 / 1;
  padding: 0;
  display: grid;
  place-items: center;
  align-self: center;

  /* Fundo do círculo */
  background: #f2e5d8;

  /* Cor do desenho */
  color: #6e3618;

  border-radius: 50%;
  mask: none;
  -webkit-mask: none;
}

.how-benefit__icon.ui-icon::before {
  content: "";
  width: 60%;
  height: 60%;
  background: currentColor;
  mask: var(--icon) center / contain no-repeat;
  -webkit-mask: var(--icon) center / contain no-repeat;
}

.how-benefit__icon.ui-icon > img {
  display: none;
}

/* ===== COMO FUNCIONA — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 901px) {
  .how-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .how-section__heading {
    margin-bottom: 40px !important;
  }

  .how-section__heading h2 {
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .how-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  /* Espaço exclusivamente ENTRE as três etapas. */
  .how-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 96px !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  /* Conteúdo interno compacto: topo, texto e imagem próximos. */
  .how-step {
    display: grid !important;
    grid-template-rows: auto auto 190px !important;
    row-gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .how-step__top {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    align-items: center !important;
    min-height: 54px !important;
    margin: 0 !important;
  }

  .how-step__number {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .how-step h3 {
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1.14 !important;
  }

  .how-step > p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.38 !important;
  }

  .platform-placeholder--uniform {
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    margin: 0 !important;
    align-self: start !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .platform-placeholder--uniform .platform-placeholder__content {
    height: calc(100% - 38px) !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .platform-placeholder--uniform .platform-placeholder__icon {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 10px !important;
  }

  .how-benefits {
    width: min(100%, 930px) !important;
    margin: 30px auto 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }

  .how-benefit {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    padding: 18px !important;
  }

  .how-benefit h3 {
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .how-benefit p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}

@media (min-width: 681px) and (max-width: 900px) {
  .how-section {
    padding-top: 72px !important;
  }

  .how-section__heading {
    margin-bottom: 40px !important;
  }

  .how-section__heading h2 {
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .how-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}

@media (max-width: 900px){
.how-steps{width:100% !important;max-width:100% !important;box-sizing:border-box !important;grid-template-columns:1fr !important;gap:40px !important;}
.how-step{display:grid !important;grid-template-rows:auto auto auto !important;row-gap:6px !important;}
.how-step__top{display:grid !important;grid-template-columns:50px minmax(0,1fr) !important;gap:9px !important;align-items:center !important;}
.how-step__number{width:50px !important;height:50px !important;display:grid !important;place-items:center !important;}
.how-step h3{margin:0 !important;font-size:20px !important;}
.how-step > p{margin:0 !important;font-size:15px !important;}
.platform-placeholder--uniform{width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;height:180px !important;min-height:180px !important;margin-top:12px !important;margin-left:auto !important;margin-right:auto !important;}
.how-benefits{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:36px auto 0 !important;grid-template-columns:1fr !important;}
.how-benefit{display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;gap:12px !important;align-items:center !important;}
}

@media (max-width: 680px){




}


/* ===== DEMONSTRAÇÃO — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .demo-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .demo-section__heading {
    max-width: 840px !important;
    margin-bottom: 40px !important;
  }

  .demo-section__heading h2 {
    max-width: 1040px !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #2d150a !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .demo-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #364050 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}

@media (max-width: 680px){


.demo-section__heading h2{color:#2d150a !important;}
.demo-section__heading > p{color:#364050 !important;}
}


@media (max-width: 680px){
.demo-shell{display:block !important;aspect-ratio:2.12 / 1 !important;height:auto !important;min-height:0 !important;overflow:hidden !important;}
.demo-shell__scale{display:grid;grid-template-columns:190px minmax(0,1fr);width:300% !important;max-width:none !important;min-height:0 !important;transform:scale(.333333) !important;transform-origin:top left !important;box-sizing:border-box !important;}
}

/* ===== DEMONSTRAÇÃO — CORREÇÃO VERIFICADA SEM AUMENTAR CONTAINER ===== */
@media (min-width: 681px) {
  .demo-shell {
    display: block !important;
    height: clamp(390px, 32vw, 470px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .demo-shell__scale {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    width: 138.888889% !important;
    min-height: 0 !important;
    transform: scale(.72) !important;
    transform-origin: top left !important;
  }
}
@media (max-width: 680px){
.demo-shell{display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;aspect-ratio:1.82 / 1 !important;height:auto !important;min-height:0 !important;overflow:hidden !important;position:relative !important;}
.demo-shell__scale{display:grid !important;grid-template-columns:190px minmax(0,1fr) !important;width:384.615385% !important;max-width:none !important;min-height:0 !important;transform:scale(.26) !important;transform-origin:top left !important;box-sizing:border-box !important;}

/* Mantém a composição desktop dentro da miniatura mobile para que o painel inteiro seja reduzido, e não refluído/cortado. */
.demo-shell__scale .demo-sidebar{padding:28px 16px !important;}
.demo-shell__scale .demo-brand{margin-bottom:28px !important;}
.demo-shell__scale .demo-nav{grid-template-columns:1fr !important;gap:8px !important;}
.demo-shell__scale .demo-nav__item{padding:12px 14px !important;font-size:.92rem !important;text-align:left !important;}
.demo-shell__scale .demo-dashboard{padding:26px !important;}
.demo-shell__scale .demo-dashboard__top{align-items:center !important;flex-direction:row !important;}
.demo-shell__scale .demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
.demo-shell__scale .demo-grid{grid-template-columns:1.15fr .95fr 1.15fr !important;}
.demo-shell__scale .demo-card--chart{grid-column:auto !important;}
.demo-shell__scale .demo-play{width:92px !important;height:92px !important;}
.demo-shell__scale .demo-overlay{bottom:72px !important;}
}


/* ===== DEPOIMENTOS REAIS — IMAGENS PADRONIZADAS ===== */
.testimonial-print {
  
  
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid rgba(95, 52, 28, .12) !important;
  overflow: hidden !important;
}

.testimonial-result {
  margin-top: auto !important;
}

@media (min-width: 681px) {
  .testimonials-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

}

@media (max-width: 680px){
.testimonial-print{aspect-ratio:4 / 5 !important;}
}


/* ===== DEPOIMENTOS — SOMENTE PRINT REAL ===== */
.testimonial-message {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
}

.testimonial-message__top {
  display: none !important;
}

.testimonial-print {
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
}


/* ===== DEPOIMENTOS — AJUSTE FINAL DE CABEÇALHO E FAIXA ===== */

/* Cabeçalho do card: somente título e texto de apoio */
.testimonial-card__headline {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.testimonial-card__headline h3 {
  margin: 0 0 6px !important;
}

.testimonial-card__headline p {
  margin: 0 !important;
}

/* Garante que ícone e número não apareçam */
.testimonial-card__icon,
.testimonial-card__number {
  display: none !important;
}

/* Faixa inferior mais estreita, centralizada e com fonte menor */
.testimonials-footer {
  
  
  
  
  font-size: 13px !important;
  line-height: 1.45 !important;
  
}

.testimonials-footer .ui-icon,
.testimonials-footer__icon,
.testimonials-footer svg {
  display: none !important;
}

@media (max-width: 680px){
.testimonials-footer{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:12px 16px !important;font-size:12px !important;}
}


/* ===== DEPOIMENTOS / PROVAS — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .testimonials-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .testimonials-section__heading {
    max-width: 1180px !important;
    margin-bottom: 40px !important;
  }

  .testimonials-section__heading h2 {
    margin-top: 20px !important;
    margin-bottom: 9px !important;
    color: #17110e !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .testimonials-section__heading h2 span {
    color: #8f5528 !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  /* Cards de depoimento: mesma altura, controlados somente nesta seção. */
  .testimonials-grid {
    align-items: stretch !important;
  }

  .testimonial-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
    padding-bottom: 18px !important;
  }

  /* Faixa abaixo dos depoimentos: controle oficial desta seção. */
  .testimonials-footer {
    width: min(600px, calc(100% - 56px)) !important;
    min-height: 64px !important;
    margin: 30px auto 0 !important;
    padding: 12px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .testimonials-footer > span {
    display: none !important;
  }

  .testimonials-footer p {
    display: block !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  .testimonials-footer strong {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

@media (max-width: 680px){


.testimonials-section__heading > p{font-size:15px !important;line-height:1.5 !important;}
}


/* ===== TESTE GLOBAL — HEADLINES 60, SUBHEADLINES E LOGO ===== */

/* Desktop: todas as headlines principais em 60px, inclusive partes coloridas */
@media (min-width: 681px) {
  .hero__title,
  .hero__title *,
  .section:not(#demonstracao):not(#para-quem):not(#tres-momentos):not(#diferenciais):not(#provas):not(#bonus):not(#oferta):not(#garantia):not(#faq) .section-heading h2,
  .section:not(#demonstracao):not(#para-quem):not(#tres-momentos):not(#diferenciais):not(#provas):not(#bonus):not(#oferta):not(#garantia):not(#faq) .section-heading h2 * {
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  /* Garante que "estrutura pronta" acompanhe exatamente a headline */
  .hero__title span,
  .hero__title strong,
  .hero__title em {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  /*
    Subheadlines de todas as seções, exceto a primeira:
    +2px, largura um pouco menor e mais espaço abaixo da headline.
  */
  .section:not(.section--hero):where(:not(#como-funciona)):where(:not(#demonstracao)):where(:not(#para-quem)):where(:not(#tres-momentos)):where(:not(#diferenciais)):where(:not(#provas)):where(:not(#bonus)):where(:not(#oferta)):where(:not(#garantia)):where(:not(#faq)) .section-heading > p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
  }

  /* Aumenta levemente a distância headline → subheadline */
  
}

/* Mobile preservado, mas garante coerência entre partes pretas e marrons */
@media (max-width: 680px){
.hero__title *,
.section:not(#demonstracao):not(#para-quem):not(#tres-momentos):not(#diferenciais):not(#provas) .section-heading h2 *,
.testimonials-section__heading h2 *,
.faq-section__heading h2 *,
.guarantee-section__heading h2 *,
.authority-copy h2 *,
.final-call h2 *{font-size:inherit !important;line-height:inherit !important;}

}

/* Logo: sem fundo, sem caixa e sem filtro */
.final-call__brand,
.final-call__brand img,
img[src*="logo-automa-insta"] {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.final-call__brand {
  overflow: visible !important;
}


/* ===== SUBHEADLINES — CENTRALIZAÇÃO MAIS FECHADA ===== */
@media (min-width: 681px) {
  .section:not(.section--hero):where(:not(#como-funciona)):where(:not(#demonstracao)):where(:not(#para-quem)):where(:not(#tres-momentos)):where(:not(#diferenciais)):where(:not(#provas)):where(:not(#bonus)):where(:not(#oferta)):where(:not(#garantia)):where(:not(#faq)) .section-heading > p {
    max-width: 680px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

@media (max-width: 680px){

}


/* ===== PADRONIZAÇÃO GLOBAL — MARGEM SUPERIOR E SELOS ===== */

/*
  Mesma margem superior usada na seção "Como funciona",
  aplicada às demais seções com selo.
*/
@media (min-width: 681px) {
  .section:not(.section--hero):where(:not(#como-funciona)):where(:not(#demonstracao)):where(:not(#para-quem)):where(:not(#tres-momentos)):where(:not(#provas)):where(:not(#bonus)):where(:not(#oferta)):where(:not(#garantia)):where(:not(#autoridade)):where(:not(#faq)) {
    padding-top: 72px !important;
  }
}

@media (max-width: 680px){

}

/* Todos os selos com a mesma tipografia */
.section-badge,
.eyebrow,
.badge,
.pill,
.kicker,
.section-label,
.how-section__badge,
.demo-section__badge,
.difference-section__badge,
.testimonials-section__badge,
.faq-section__badge,
.guarantee-section__badge,
.authority-section__badge,
.final-call__badge {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Mantém o conteúdo do selo centralizado */
.section-badge,
.eyebrow,
.badge,
.pill,
.kicker,
.section-label,
.how-section__badge,
.demo-section__badge,
.difference-section__badge,
.testimonials-section__badge,
.faq-section__badge,
.guarantee-section__badge,
.authority-section__badge,
.final-call__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ===== LOGO TRANSPARENTE FINAL ===== */
img[src*="logo-automa-insta-transparente-final"] {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}


/* ===== AJUSTES SOLICITADOS — SEÇÕES 01 A 07 ===== */

/* PARA QUEM É — cards iguais, tipografia uniforme e ícones maiores */
.audience-grid {
  align-items: stretch !important;
}

.audience-card {
  height: 100% !important;
  min-height: 300px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.audience-card__icon {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  background-size: 23px 23px !important;
}

.audience-card h3,
.audience-card p,
.audience-card p strong {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

.audience-card h3 {
  font-weight: 700 !important;
}

.audience-card p strong {
  font-weight: 700 !important;
  color: var(--brown-700, #7a3e1d) !important;
}

.audience-card__divider {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* TRÊS MOMENTOS — negritos da subheadline */
.moments-section__heading > p strong {
  font-size: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
}

/* ===== DIFERENCIAIS — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .difference-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .difference-section__heading {
    max-width: 1080px !important;
    margin-bottom: 40px !important;
  }

  .difference-section__heading h2 {
    margin-top: 18px !important;
    margin-bottom: 9px !important;
    color: #17100d !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .difference-section__heading h2 span {
    color: #a16a36 !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

@media (max-width: 680px){


.difference-section__heading h2{color:#17100d !important;}
.difference-section__heading h2 span{color:#a16a36 !important;font-size:inherit !important;line-height:inherit !important;}
}

.difference-grid {
  align-items: stretch !important;
  gap: 22px !important;
}

.difference-card {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 19px !important;
  border-radius: 18px !important;
}

.difference-card__top {
  min-height: 140px !important;
  margin-bottom: 6px !important;
  padding-bottom: 8px !important;
  align-items: start !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  column-gap: 2px !important;
}

.difference-card__top > .difference-card__icon,
.difference-card__top > .ui-icon {
  justify-self: start !important;
  margin-right: 0 !important;
}

.difference-card__top > div:last-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.difference-card__body {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: 16px !important;
  border-top: 1px dashed rgba(109, 61, 32, .28) !important;
}

.difference-card__top::before,
.difference-card__top::after,
.difference-card__body::before,
.difference-card__body::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.difference-card__icon {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  padding: 18px !important;
  background-size: 28px 28px !important;
}

.difference-card h3 {
  margin-top: 9px !important;
  font-size: 1.22rem !important;
  line-height: 1.22 !important;
}

.difference-card__text,
.difference-point p {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

.difference-point {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.difference-point > .ui-icon {
  width: 28px !important;
  height: 28px !important;
}

.difference-highlight {
  margin-top: 22px !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 16px 18px !important;
}

.difference-highlight__icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  background-size: 20px 20px !important;
}

.difference-highlight p {
  margin: 0 !important;
  width: auto !important;
  text-align: left !important;
  line-height: 1.45 !important;
}

/* DEPOIMENTOS — sem rodapé individual */
.testimonial-result {
  display: none !important;
}

@media (min-width: 681px) {
  .difference-desktop-break {
    display: block !important;
  }
}

@media (max-width: 680px){
.audience-card{min-height:0 !important;}
.audience-card h3,
.audience-card p,
.audience-card p strong{font-size:15px !important;}
.difference-desktop-break{display:block !important;}
.difference-card__top{min-height:0 !important;}
.difference-card__icon{width:48px !important;height:48px !important;flex-basis:48px !important;padding:0 !important;aspect-ratio:1 / 1 !important;border-radius:50% !important;}
.difference-card__icon.ui-icon::before{width:60% !important;height:60% !important;}

.testimonials-footer{width:100% !important;max-width:100% !important;box-sizing:border-box !important;min-height:0 !important;margin-top:28px !important;padding:18px 20px !important;}
.testimonials-footer p{font-size:14px !important;}
}


/* ===== AJUSTES FINAIS — DIFERENCIAL, DEPOIMENTOS, BÔNUS E OFERTA ===== */

/* DIFERENCIAL: uma única linha tracejada, mais próxima do topo e alinhada */






/* DEPOIMENTOS: bloco final mais estreito e centralizado */
.testimonials-footer {
  
  margin-left: auto !important;
  margin-right: auto !important;
  
}

/* BÔNUS: robô limpo, ícones maiores e mais próximos dos textos */
.bonus-assistant__visual {
  width: 150px !important;
  height: 150px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 18px !important;
}

.bonus-assistant__bot {
  width: 118px !important;
  height: 118px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#9b541f,#6f3518) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(111,53,24,.18) !important;
}

.bonus-assistant__bot::before {
  width: 58px !important;
  height: 58px !important;
}

.bonus-help-card {
  grid-template-columns: 48px 1fr !important;
  gap: 16px !important;
  padding: 20px 22px !important;
}

.bonus-help-card__icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  padding: 0 !important;
}

.bonus-help-card__icon::before {
  width: 25px !important;
  height: 25px !important;
}

/* BÔNUS: mais espaço headline/subheadline e subheadline/blocos */




.bonus-main {
  margin-top: 0 !important;
}

/* Faixa de 3 benefícios no mesmo padrão do Como Funciona */
.bonus-benefits {
  
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  background: #fff !important;
  border: 1px solid rgba(109,61,32,.16) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(73,39,19,.08) !important;
}

.bonus-benefits article {
  
  display: grid !important;
  
  align-items: center !important;
  
  
}

.bonus-benefits article + article {
  border-left: 1px solid rgba(109,61,32,.14) !important;
}





/* OFERTA */
.offer-price__main small {
  display: none !important;
}

.offer-price__main span {
  
  opacity: .82 !important;
}







.offer-benefits {
  margin-top: 18px !important;
}

.offer-benefits span {
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.offer-benefits i {
  width: 24px !important;
  height: 24px !important;
}

@media (max-width: 680px){
.difference-card__top{min-height:0 !important;}
.testimonials-footer{width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
.bonus-benefits{grid-template-columns:1fr !important;}
.bonus-benefits article + article{border-left:0 !important;border-top:1px solid rgba(109,61,32,.14) !important;}
.offer-price__promise strong{font-size:15px !important;}
.offer-benefits span{font-size:10px !important;}
}


/* ===== AJUSTE FINAL — ÚLTIMA CHAMADA E GARANTIA ===== */

/* ÚLTIMA CHAMADA */


.final-call__brand img {
  display: block !important;
  margin: 0 auto !important;
}

.final-call__trust {
  gap: 22px !important;
  margin-top: 24px !important;
}

.final-call__trust article,
.final-call__trust > div {
  gap: 10px !important;
}

.final-call__trust h3,
.final-call__trust strong,
.final-call__trust p,
.final-call__trust span {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.final-call__trust .ui-icon,
.final-call__trust i,
.final-call__trust svg {
  color: #7a3f20 !important;
  opacity: 1 !important;
  filter: none !important;
}

.final-call__trust .ui-icon::before,
.final-call__trust i::before {
  background-color: #7a3f20 !important;
}

/* Remove qualquer legenda duplicada de segurança abaixo do botão */
.final-call__secure,
.final-call__payment-secure,
.final-call__button + p,
.final-call__button + strong,
.final-call__button + span {
  display: none !important;
}

/* GARANTIA — desktop consolidado no bloco oficial ao final. */

@media (max-width: 680px){

.final-call__trust{gap:14px !important;}
.final-call__trust h3,
.final-call__trust strong,
.final-call__trust p,
.final-call__trust span{font-size:11px !important;}

.guarantee-card{grid-template-columns:1fr !important;gap:24px !important;padding:26px 20px !important;min-height:0 !important;}
.guarantee-card__seal,
.guarantee-seal{width:145px !important;max-width:145px !important;}
.guarantee-card__features{grid-template-columns:1fr !important;}
.guarantee-card__features article + article,
.guarantee-card__features > div + div{border-left:0 !important;border-top:1px solid rgba(109,61,32,.14) !important;}
}


/* ===== CORREÇÃO VERIFICADA — ÚLTIMA CHAMADA E GARANTIA ===== */

/* ÚLTIMA CHAMADA — seletores reais da página */
.final-call__brand {
  margin-top: 42px !important;
  margin-bottom: 34px !important;
}

.final-call__benefits {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  
  margin: 22px auto 34px !important;
}







.final-call__benefits strong {
  
  
  color: #241812 !important;
}

.final-call__security {
  display: none !important;
}

/* GARANTIA — seletores reais da página */


































@media (max-width: 680px){

.final-call__benefits{grid-template-columns:1fr !important;max-width:360px !important;}
.final-call__benefits article + article{border-left:0 !important;border-top:1px solid #eadfd4 !important;}

.guarantee-card{grid-template-columns:1fr !important;gap:8px !important;padding:26px 20px !important;min-height:0 !important;}
.guarantee-seal{transform:scale(.53) !important;margin:-88px auto -92px !important;}
.guarantee-content__title h3{font-size:24px !important;}
.guarantee-benefits{grid-template-columns:1fr !important;}
.guarantee-benefits span + span{border-left:0 !important;border-top:1px solid #eadfd4 !important;}
}


/* ===== REVISÃO FINAL — 11 AJUSTES SOLICITADOS ===== */

/* 01 — Hero sem ponto e sem alterações de escala */
.hero__title,
.hero__title * {
  font-size: inherit !important;
}

/* 02 — Veja por dentro: mais respiro da subheadline */


/* 03 — Três momentos: mais espaço headline/subheadline e subheadline/cards */




/* 04 — Diferencial: uma única linha tracejada e conteúdo mais unido */














/* 05 — Faixa de depoimentos: menor, mais centralizada, ícone marrom */






/* 06 — Oferta: valor à direita; promessa abaixo e centralizada */
















/* 07 — Benefícios finais: textos e ícones mais juntos e ícones marrons */






/* 08 — Garantia: mais compacta, selo centralizado e ícones marrons */





























/* 09 — Autoridade: headline menor e foto acompanhando a altura do texto */










/* 10 — FAQ mais compacto, menos peso e ícones maiores */














/* 11 — Rodapé */


@media (max-width: 680px){
.offer-price{grid-template-columns:1fr !important;grid-template-areas:"lead"
      "main"
      "promise" !important;text-align:center !important;}
.offer-price__lead,
.offer-price__main{justify-self:center !important;text-align:center !important;}
.offer-price__main strong{font-size:48px !important;}

.guarantee-card{grid-template-columns:1fr !important;padding:24px 18px !important;}
.guarantee-seal{width:150px !important;height:220px !important;margin:-34px auto -26px !important;}
.authority-grid{grid-template-columns:1fr !important;}

.authority-photo img{min-height:300px !important;}
.faq-item summary{grid-template-columns:40px minmax(0, 1fr) 20px !important;padding:9px 12px !important;}
.faq-answer{padding:0 12px 12px 62px !important;}
}


/* ===== CORREÇÃO REAL E DEFINITIVA — 11 AJUSTES ===== */

/* 01 — HERO: mantém 60px no desktop e remove apenas o ponto no HTML */
@media (min-width: 681px) {
  .hero__title {
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .hero__title span,
  .hero__title strong,
  .hero__title em {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

@media (max-width: 680px){

.hero__title span,
.hero__title strong,
.hero__title em{font-size:inherit !important;line-height:inherit !important;}
}

/* 02 — Veja por dentro */




/* 03 — Três momentos */





/* 05 — faixa dos depoimentos: consolidada no bloco oficial de Provas */

/* 06 — Oferta */
.offer-price {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas:
    "lead main"
    "promise promise" !important;
  align-items: center !important;
  column-gap: 28px !important;
  row-gap: 20px !important;
}

.offer-price__lead {
  grid-area: lead !important;
  justify-self: start !important;
}

.offer-price__main {
  grid-area: main !important;
  justify-self: end !important;
  text-align: right !important;
}

.offer-price__main strong {
  font-size: 58px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.offer-price__main span {
  display: block !important;
  margin-top: 7px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.offer-price__promise {
  grid-area: promise !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-align: center !important;
}

.offer-price__promise > span {
  width: 32px !important;
  height: 32px !important;
  color: #633119 !important;
}

.offer-price__promise strong {
  font-size: 15px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* 07 — benefícios da última chamada */








/* 08 — Garantia */


























/* 09 — Autoridade: consolidada no bloco oficial ao final. */

/* 10 — FAQ */
.faq-list {
  max-width: 800px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 6px !important;
}

.faq-item summary {
  min-height: 48px !important;
  padding: 8px 16px !important;
  grid-template-columns: 52px minmax(0,1fr) 22px !important;
  gap: 9px !important;
}

.faq-item summary > span:not(.faq-item__icon) {
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.faq-item__icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  color: #633119 !important;
}

.faq-item__icon::before {
  width: 24px !important;
  height: 24px !important;
}

.faq-answer {
  padding: 0 16px 12px 77px !important;
}

.faq-answer p {
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

/* 11 — rodapé */
.footer nav a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 680px){
.offer-price{grid-template-columns:1fr !important;grid-template-areas:"lead"
      "main"
      "promise" !important;text-align:center !important;}
.offer-price__lead,
.offer-price__main{justify-self:center !important;text-align:center !important;}
.offer-price__main strong{font-size:46px !important;}

.guarantee-card{grid-template-columns:1fr !important;padding:22px 16px !important;}
.guarantee-seal{width:min(145px,100%) !important;max-width:100% !important;height:auto !important;margin:-30px auto -22px !important;box-sizing:border-box !important;}
.authority-grid{grid-template-columns:1fr !important;}

.authority-photo img{min-height:280px !important;}
.faq-item summary{grid-template-columns:38px minmax(0,1fr) 20px !important;padding:8px 10px !important;}
.faq-answer{padding:0 10px 10px 58px !important;}
}


/* ===== AJUSTE ÚNICO — FAIXA DE BENEFÍCIOS DO BÔNUS ===== */
.bonus-benefits {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bonus-benefits article {
  min-height: 82px !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 16px 22px !important;
  justify-content: center !important;
}

.bonus-benefits article h3,
.bonus-benefits article strong,
.bonus-benefits article p,
.bonus-benefits article span:not(.ui-icon) {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.bonus-benefits article h3,
.bonus-benefits article strong {
  font-weight: 700 !important;
}

.bonus-benefits article p {
  margin-top: 2px !important;
}

@media (max-width: 680px){
.bonus-benefits{width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
.bonus-benefits article{min-height:72px !important;padding:14px 18px !important;}
.bonus-benefits article h3,
.bonus-benefits article strong,
.bonus-benefits article p,
.bonus-benefits article span:not(.ui-icon){font-size:11px !important;}
}


/* ===== BÔNUS — ÍCONES DA FAIXA FINAL CONSOLIDADOS ===== */
.bonus-benefits article > span.ui-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  background: #f2e5d8 !important;
  color: #5a2e16 !important;
  border-radius: 50% !important;
  mask: none !important;
  -webkit-mask: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.bonus-benefits article > span.ui-icon::before {
  content: "";
  width: 60% !important;
  height: 60% !important;
  background: currentColor !important;
  mask: var(--icon) center / contain no-repeat !important;
  -webkit-mask: var(--icon) center / contain no-repeat !important;
}


/* ===== AJUSTE ÚNICO — ÍCONES DOS CARDS DE MOMENTOS MAIORES ===== */
/*
  Aumenta apenas o desenho do ícone dentro da caixa existente.
  O espaço externo e o tamanho do bloco permanecem iguais.
*/
.moment-card .ui-icon::before,
.moment-card__item .ui-icon::before,
.moments-card .ui-icon::before,
.moments-card__item .ui-icon::before {
  width: 26px !important;
  height: 26px !important;
}

.moment-card > header .ui-icon::before,
.moments-card > header .ui-icon::before {
  width: 28px !important;
  height: 28px !important;
}




/* ===== GARANTIA — BLOCO OFICIAL CONSOLIDADO ===== */

@media (min-width: 681px) {
  .guarantee-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

.guarantee-section__heading {
  max-width: 1080px !important;
  margin-bottom: 34px !important;
}

.guarantee-section__heading h2 {
  max-width: 1040px !important;
  margin-top: 20px !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  font-size: 54px !important;
  line-height: 1.05 !important;
}

.guarantee-section__heading h2 span {
  color: #8c4b23 !important;
  font-size: 60px !important;
  line-height: 1.05 !important;
}

.guarantee-card {
  display: grid !important;
  grid-template-columns: 310px minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 34px 38px !important;
  min-height: 460px !important;
  border: 1px solid #dfcbb7 !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 18px 44px rgba(72,37,18,.07) !important;
  overflow: visible !important;
}

/* Emblema oficial da garantia */
.guarantee-emblem {
  position: relative !important;
  width: 260px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  filter: drop-shadow(0 18px 24px rgba(72,37,18,.10)) !important;
}

.guarantee-emblem__frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.guarantee-emblem__content {
  position: relative !important;
  z-index: 1 !important;
  width: 74% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  color: #5a2e16 !important;
}

.guarantee-emblem__shield {
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 8px !important;
  color: #5a2e16 !important;
}

.guarantee-emblem__shield svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.guarantee-emblem__label {
  margin-bottom: 2px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
}

.guarantee-emblem strong {
  display: block !important;
  margin: 0 !important;
  color: #2c1108 !important;
  font-size: 48px !important;
  line-height: .96 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}

.guarantee-emblem__promise {
  max-width: 150px !important;
  margin-top: 8px !important;
  color: #5a2e16 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.guarantee-content {
  min-width: 0 !important;
}

/* Divisor com escudo central, como na referência */
.guarantee-content__title {
  display: block !important;
  margin-bottom: 18px !important;
}

.guarantee-content__divider {
  display: grid !important;
  grid-template-columns: minmax(50px, 1fr) 54px minmax(50px, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.guarantee-content__divider-line {
  height: 1px !important;
  background: #e5d5c5 !important;
}

.guarantee-content__icon {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #2c211b !important;
  box-shadow: none !important;
}

.guarantee-content__icon::before {
  width: 28px !important;
  height: 28px !important;
  background: #2c211b !important;
}

.guarantee-content__title > div:last-child > span {
  display: block !important;
  color: #17110e !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.guarantee-content__title h3 {
  margin: 4px 0 0 !important;
  color: #4f260f !important;
  font-size: 36px !important;
  line-height: 1.08 !important;
}

.guarantee-content__intro {
  margin: 0 0 18px !important;
  color: #3f332c !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.guarantee-action {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px 0 !important;
}

.guarantee-action--highlight {
  margin: 4px 0 8px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background: #f8eadc !important;
}

.guarantee-action__icon.ui-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  background: #f2e5d8 !important;
  color: #5a2e16 !important;
  border-radius: 50% !important;
  mask: none !important;
  -webkit-mask: none !important;
}

.guarantee-action__icon.ui-icon::before {
  content: "" !important;
  width: 60% !important;
  height: 60% !important;
  background: currentColor !important;
  mask: var(--icon) center / contain no-repeat !important;
  -webkit-mask: var(--icon) center / contain no-repeat !important;
}

.guarantee-action--highlight .guarantee-action__icon.ui-icon {
  background: transparent !important;
}

.guarantee-action p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.guarantee-benefits {
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  border-top: 1px solid #eadfd4 !important;
}

.guarantee-benefits span {
  min-height: 68px !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.guarantee-benefits i {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  color: #5a2e16 !important;
  background: #f2e5d8 !important;
  border-radius: 50% !important;
  mask: none !important;
  -webkit-mask: none !important;
}

.guarantee-benefits i::before {
  content: "" !important;
  width: 60% !important;
  height: 60% !important;
  background: currentColor !important;
  mask: var(--icon) center / contain no-repeat !important;
  -webkit-mask: var(--icon) center / contain no-repeat !important;
}

.guarantee-risk {
  margin-top: 14px !important;
  color: #4f382c !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.guarantee-risk .ui-icon {
  width: 20px !important;
  height: 20px !important;
  color: #5f2f18 !important;
}

@media (max-width: 920px){
.guarantee-card{grid-template-columns:1fr !important;min-height:0 !important;}
.guarantee-seal{transform:scale(.88) !important;margin:-20px auto -40px !important;}
}

@media (max-width: 680px){

.guarantee-card{padding:24px 18px !important;gap:16px !important;}
.guarantee-seal{transform:scale(.74) !important;margin:-48px auto -72px !important;}
.guarantee-content__title h3{font-size:28px !important;}
.guarantee-content__title > div:last-child > span{font-size:16px !important;}
.guarantee-content__intro,
.guarantee-action p{font-size:14px !important;}
.guarantee-benefits{grid-template-columns:1fr !important;}
.guarantee-benefits span + span{border-left:0 !important;border-top:1px solid #eadfd4 !important;}
}


/* ===== AUTORIDADE — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .authority-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .authority-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
    align-items: center !important;
    gap: 44px !important;
  }

  .authority-copy h2,
  .authority-copy h2 span,
  .authority-copy h2 strong {
    font-size: 40px !important;
    line-height: 1.03 !important;
  }

  .authority-copy h2 {
    margin-top: 12px !important;
    margin-bottom: 14px !important;
  }

  .authority-copy__text {
    gap: 7px !important;
  }

  .authority-copy__text p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .authority-copy__text p strong {
    color: #6b351b !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  .authority-highlight {
    margin-top: 11px !important;
    padding: 10px 12px !important;
  }

  .authority-visual {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-self: center !important;
    align-self: center !important;
  }

  .authority-photo {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: 230px !important;
    overflow: hidden !important;
    background: #ead7c4 !important;
  }

  .authority-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .authority-profile {
    min-height: 88px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 18px 20px !important;
  }

  .authority-profile__icon.ui-icon {
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: #f2e5d8 !important;
    color: #5a2e16 !important;
    border-radius: 50% !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  .authority-profile__icon.ui-icon::before {
    content: "" !important;
    width: 60% !important;
    height: 60% !important;
    background: currentColor !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }

  .authority-profile h3,
  .authority-profile strong {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .authority-profile p {
    display: block !important;
    margin: 4px 0 0 !important;
    color: #6a584d !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .authority-profile small,
  .authority-profile ul,
  .authority-profile li {
    display: none !important;
  }
}

@media (max-width: 680px){
.authority-copy h2 span,
.authority-copy h2 strong{font-size:34px !important;}
.authority-profile{min-height:76px !important;padding:14px 16px !important;}
.authority-profile h3,
.authority-profile strong{font-size:16px !important;}
}


/* ===== AJUSTE ÚNICO — RODAPÉ COM FONTE MENOR ===== */
.footer,
.footer p,
.footer a,
.footer span,
.footer strong,
.footer nav a {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.footer nav {
  gap: 12px !important;
}

@media (max-width: 680px){
.footer,
.footer p,
.footer a,
.footer span,
.footer strong,
.footer nav a{font-size:12px !important;}
}




/* ===== REMOÇÃO DA FAIXA DE CREDENCIAIS DA AUTORIDADE ===== */
.authority-credentials,
.authority-highlights,
.authority-visual__footer,
.authority-strip {
  display: none !important;
}



/* ===== PARA QUEM É — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .audience-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .audience-section__heading {
    max-width: 1080px !important;
    margin-bottom: 40px !important;
  }

  .audience-section__heading h2 {
    color: #140e0b !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .audience-section__heading h2 span {
    color: #8a451d !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .audience-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #43352d !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}

@media (max-width: 680px){


.audience-section__heading h2{color:#140e0b !important;}
.audience-section__heading h2 span{color:#8a451d !important;}
.audience-section__heading > p{color:#43352d !important;}
}


/* ===== BÔNUS — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .bonus-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .bonus-section__heading {
    max-width: 1120px !important;
    margin-bottom: 40px !important;
  }

  .bonus-section__heading h2 {
    color: #15100d !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .bonus-section__heading h2 span {
    color: #9b6632 !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .bonus-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #3f342d !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}

/* ===== OFERTA — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .offer-section {
    padding-top: 72px !important;
    padding-bottom: 34px !important;
  }

  .offer-section__heading {
    max-width: 1080px !important;
    margin-bottom: 22px !important;
  }

  .offer-section__heading h2 {
    color: #5d331d !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 18px !important;
    margin-bottom: 9px !important;
  }

  .offer-section__payback {
    max-width: 680px !important;
    width: 100% !important;
    margin: 0 auto !important;
    color: #2f241f !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .offer-item__icon.ui-icon::before {
    content: "";
    width: 68% !important;
    height: 68% !important;
    background: currentColor !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }
}

/* ===== TRÊS MOMENTOS — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .moments-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .moments-section__heading {
    max-width: 1100px !important;
    margin-bottom: 40px !important;
  }

  .moments-section__heading h2 {
    color: #2d170c !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .moments-section__heading h2 span {
    color: #8a4b25 !important;
    font-size: 52px !important;
    line-height: 1.05 !important;
  }

  .moments-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #4b3d35 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  /* Altura uniforme dos três cards: controle exclusivo desta seção. */
  .moments-grid {
    align-items: stretch !important;
  }

  .moment-card {
    height: 100% !important;
  }

  /* Alinhamento interno: as quatro faixas terminam na mesma altura nos três cards. */
  .moment-card__items {
    display: grid !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: unset !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }

  .moment-item {
    min-height: 0 !important;
  }

  /* Introdução uniforme: título + descrição ocupam a mesma faixa nos três cards. */
  .moment-card__intro {
    min-height: 136px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .moment-card__intro > h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  .moment-card__intro > p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Destaque textual: somente negrito, sem alterar tamanho ou espaçamento da fonte. */
  .moment-card__intro > p strong {
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    font-weight: 800 !important;
  }
}


@media (max-width: 680px){


.moments-section__heading h2{color:#2d170c !important;}
.moments-section__heading h2 span{color:#8a4b25 !important;}
.moments-section__heading > p{color:#4b3d35 !important;}
}

/* ===== ÚLTIMA CHAMADA — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .final-call-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .final-call__brand {
    width: min(190px, 48vw) !important;
    margin-top: 30px !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
  }

  .final-call h2,
  .final-call h2 * {
    font-size: 60px !important;
    line-height: 1.05 !important;
  }

  .final-call h2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  .final-call__subtitle {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    margin-left: auto !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  /* Os três benefícios ficam juntos no centro, sem divisórias. */
  .final-call__benefits {
    width: fit-content !important;
    max-width: 100% !important;
    grid-template-columns: repeat(3, max-content) !important;
    gap: 5px !important;
    margin: 0 auto 30px !important;
  }

  .final-call__benefits article {
    grid-template-columns: 48px max-content !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    align-items: center !important;
  }

  .final-call__benefits article + article {
    border-left: 0 !important;
  }

  .final-call__benefits article > span.ui-icon {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    background: #f2e5d8 !important;
    color: #5a2e16 !important;
    border-radius: 50% !important;
    mask: none !important;
    -webkit-mask: none !important;
    opacity: 1 !important;
  }

  .final-call__benefits article > span.ui-icon::before {
    content: "";
    width: 60% !important;
    height: 60% !important;
    background: currentColor !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }

  .final-call__benefits strong {
    color: #241812 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .final-call__button {
    margin-top: 0 !important;
  }

  .final-call__security {
    display: none !important;
  }
}

/* ===== FAQ — BLOCO OFICIAL CONSOLIDADO ===== */
@media (min-width: 681px) {
  .faq-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .faq-section__heading {
    max-width: 920px !important;
    margin-bottom: 40px !important;
  }

  .faq-section__heading h2 {
    color: #17110e !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .faq-section__heading > p {
    max-width: 540px !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #5b473b !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}


/* ===== MOBILE — BLOCOS OFICIAIS CONSOLIDADOS | PADRÃO ESTRUTURAL ===== */
@media (max-width: 680px) {
  /* HERO — composição própria */
  #hero > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #hero {
    padding-top: 14px !important;
    padding-bottom: 22px !important;
  }
  .hero,
  .hero__content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .hero__proof {
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    margin: 0 auto !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .hero__avatars {
    width: 64px !important;
    height: 26px !important;
    flex-basis: 64px !important;
  }
  .hero__avatar-cluster {
    width: 64px !important;
    height: auto !important;
  }
  .hero__proof-copy { max-width: 150px !important; }
  .hero__rating {
    gap: 5px !important;
    margin-bottom: 2px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  .hero__rating strong {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  .hero__stars {
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
  }
  .hero__proof-copy p {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  .hero__title {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 35px !important;
    line-height: 1.06 !important;
    margin: 0 auto 18px !important;
    max-width: 820px !important;
  }
  .hero__big-idea {
    max-width: 260px !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    margin-top: 0 !important;
    width: min(100%, 260px) !important;
  }
  .hero__divider {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .hero__description {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin-top: 8px !important;
    max-width: 700px !important;
  }

  /* COMPARATIVO */
  #comparativo > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #comparativo {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .comparison {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: 1fr !important;
    row-gap: 0 !important;
    padding: 16px !important;
    border-radius: 28px !important;
  }
  .comparison__vs { display: none !important; }
  .comparison__side {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 30px 14px 16px !important;
    border-radius: 24px !important;
  }
  .comparison__side--positive { margin-top: 30px !important; }
  .comparison__label {
    width: calc(100% - 28px) !important;
    font-size: .72rem !important;
  }
  .comparison__side > .comparison__content {
    margin-top: 0 !important;
  }
  .comparison__list li { padding: 11px 0 !important; }
  .comparison__mockup {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: 12px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .mockup-app__header { margin-bottom: 5px !important; }
  .mockup-app__brand { gap: 3px !important; min-width: 0 !important; }
  .mockup-app__brand strong {
    font-size: 9px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  .mockup-app__brand strong br { display: none !important; }
  .mockup-app__instagram { width: 15px !important; height: 15px !important; border-radius: 4px !important; font-size: 9px !important; }
  .mockup-app__instagram--light { color: #111 !important; }
  .mockup-app__menu { font-size: 9px !important; }
  .mockup-alert,.mockup-status,.mockup-note,.flow-card,.growth-card,.benefit-card,.crm-card { border-radius: 7px !important; }
  .mockup-alert { gap: 4px !important; padding: 4px 5px !important; margin-bottom: 6px !important; align-items: center !important; }
  .mockup-alert > div { display: flex !important; align-items: center !important; min-height: 100% !important; }
  .mockup-alert span { font-size: 9px !important; }
  .mockup-alert strong,.mockup-status strong,.mockup-note strong,.flow-card strong,.growth-card strong,.benefit-card strong,.crm-card strong { font-size: 9px !important; line-height: 1.12 !important; }
  .mockup-alert small,.mockup-status span,.mockup-note small,.flow-card small,.growth-card span,.benefit-card small,.crm-card small { font-size: 7px !important; line-height: 1.16 !important; }
  .mockup-chart { padding: 4px 5px !important; margin-bottom: 6px !important; border-radius: 7px !important; }
  .mockup-chart__title { margin-bottom: 2px !important; font-size: 7px !important; }
  .mockup-chart svg { height: 34px !important; }
  .mockup-status { padding: 4px 5px !important; margin-bottom: 6px !important; }
  .mockup-progress { height: 2px !important; margin-top: 3px !important; }
  .mockup-note { padding: 4px 5px !important; margin-bottom: 5px !important; }
  .mockup-footer-note { margin-top: 6px !important; padding: 4px 5px !important; border-radius: 7px !important; font-size: 8px !important; line-height: 1.15 !important; }
  .flow-card,.growth-card { padding: 4px 5px !important; margin-bottom: 6px !important; }
  .flow-card__steps { gap: 2px !important; margin-top: 4px !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .flow-card__steps span { padding: 3px 2px !important; border-radius: 5px !important; font-size: 7px !important; }
  .growth-card svg { height: 30px !important; }
  .benefit-card,.crm-card { gap: 4px !important; padding: 4px 5px !important; margin-bottom: 5px !important; }
  .benefit-card__symbol { font-size: 10px !important; }

  /* COMO FUNCIONA */
  #como-funciona > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #como-funciona {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .how-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .how-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .how-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .how-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* DEMONSTRAÇÃO */
  #demonstracao > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #demonstracao {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .demo-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .demo-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .demo-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .demo-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* PARA QUEM É */
  #para-quem > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #para-quem {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .audience-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .audience-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .audience-section__heading h2 span {
    font-size: 40px !important;
    line-height: 1.1 !important;
  }
  .audience-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .audience-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* TRÊS MOMENTOS */
  #tres-momentos > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #tres-momentos {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .moments-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .moments-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .moments-section__heading h2 > span {
    display: block !important;
    margin-top: 10px !important;
  }
  .moments-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  .moments-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .moments-section__eyebrow-copy {
    display: grid !important;
    gap: 5px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
  .moments-section__eyebrow > .ui-icon {
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  /* DIFERENCIAIS */
  #diferenciais > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #diferenciais {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .difference-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .difference-section__heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 18px 0 0 !important;
  }
  .difference-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .difference-grid,
  .difference-card,
  .difference-card__top,
  .difference-card__top > div,
  .difference-card__body,
  .difference-point,
  .difference-point > p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .difference-card__top {
    grid-template-columns: 1fr !important;
  }
  .difference-card__icon {
    justify-self: center !important;
  }
  .difference-card__kicker,
  .difference-card h3,
  .difference-point p {
    overflow-wrap: anywhere !important;
  }

  /* RESULTADOS REAIS */
  #provas > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #provas {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .testimonials-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .testimonials-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 20px 0 0 !important;
  }

  .testimonials-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* BÔNUS */
  #bonus > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #bonus {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .bonus-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .bonus-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .bonus-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
  .bonus-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .bonus-main,
  .bonus-benefits {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .bonus-assistant,
  .bonus-assistant__visual,
  .bonus-help-list,
  .bonus-help-card,
  .bonus-help-card > div,
  .bonus-benefits article,
  .bonus-benefits article > p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .bonus-help-card,
  .bonus-benefits article {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    justify-items: start !important;
    text-align: left !important;
  }
  .bonus-help-card h3,
  .bonus-help-card p,
  .bonus-benefits p {
    overflow-wrap: anywhere !important;
  }

  /* OFERTA */
  #oferta > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #oferta {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .offer-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .offer-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 18px 0 0 !important;
  }
  .offer-section__heading h2 br {
    display: none !important;
  }
  .offer-section__payback {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 20px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  .offer-section__payback > .ui-icon {
    flex: 0 0 auto !important;
  }
  .offer-list-title,
  .offer-card,
  .offer-item,
  .offer-item__content,
  .offer-total,
  .offer-price,
  .offer-price__lead,
  .offer-price__main,
  .offer-price__promise,
  .offer-benefits,
  .offer-benefits span {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .offer-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .offer-list-title {
    grid-template-columns: minmax(0, 1fr) !important;
    text-align: center !important;
  }
  .offer-list-title > span {
    display: none !important;
  }
  .offer-item {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }
  .offer-item del {
    grid-column: 1 !important;
    justify-self: center !important;
    margin-top: 0 !important;
  }
  .offer-item__content h3,
  .offer-item__content p,
  .offer-price__lead,
  .offer-price__main strong,
  .offer-price__main span,
  .offer-price__promise strong,
  .offer-benefits span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .offer-benefits {
    grid-template-columns: 1fr !important;
  }

  /* ÚLTIMA CHAMADA */
  #ultima-chamada > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #ultima-chamada {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .final-call__brand {
    width: 150px !important;
    max-width: 150px !important;
    box-sizing: border-box !important;
    margin-top: 28px !important;
    margin-right: auto !important;
    margin-bottom: 34px !important;
    margin-left: auto !important;
  }
  .final-call h2 {
    max-width: 760px !important;
    font-size: 40px !important;
    line-height: 1.06 !important;
    margin: 0 !important;
  }
  .final-call__subtitle {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 30px !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .final-call__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* GARANTIA */
  #garantia > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #garantia {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .guarantee-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .guarantee-section__heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 20px 0 0 !important;
    overflow-wrap: anywhere !important;
  }
  .guarantee-card,
  .guarantee-emblem,
  .guarantee-content,
  .guarantee-content__title,
  .guarantee-content__divider,
  .guarantee-content__title > div:last-child,
  .guarantee-content__intro,
  .guarantee-action,
  .guarantee-action p,
  .guarantee-benefits,
  .guarantee-benefits span,
  .guarantee-risk,
  .post-guarantee-cta-wrap,
  .post-guarantee-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .guarantee-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .guarantee-card {
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }
  .guarantee-emblem {
    width: min(100%, 150px) !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  .guarantee-emblem__frame {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .guarantee-emblem__content {
    width: 68% !important;
    max-width: 68% !important;
    min-width: 0 !important;
  }
  .guarantee-emblem__shield {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 6px !important;
  }
  .guarantee-emblem__label {
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }
  .guarantee-emblem strong {
    font-size: 40px !important;
    line-height: .96 !important;
  }
  .guarantee-emblem__promise {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 6px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: .05em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  .guarantee-content__divider {
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .guarantee-action {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }
  .guarantee-risk {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 18px 0 0 !important;
    text-align: left !important;
  }
  .guarantee-risk > .ui-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 !important;
  }
  .guarantee-risk__text {
    width: auto !important;
    max-width: none !important;
    line-height: 1.3 !important;
  }
  .post-guarantee-cta-wrap {
    padding-top: 30px !important;
  }
  .guarantee-benefits {
    grid-template-columns: 1fr !important;
  }
  .guarantee-content__title h3,
  .guarantee-content__title > div:last-child > span,
  .guarantee-content__intro,
  .guarantee-action p,
  .guarantee-benefits span,
  .guarantee-risk,
  .post-guarantee-cta {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .guarantee-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  /* AUTORIDADE */
  #autoridade > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #autoridade {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .authority-copy {
    padding-top: 6px !important;
  }
  .authority-copy h2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 20px 0 30px !important;
  }

  .authority-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .authority-profiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .authority-profile {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 14px 10px !important;
  }
  .authority-profile + .authority-profile {
    border-top: 0 !important;
    border-left: 1px solid #eadfd4 !important;
  }
  .authority-highlight,
  .authority-highlight p {
    font-size: 14px !important;
  }

  /* FAQ */
  #faq > .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #faq {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .faq-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
  }
  .faq-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .faq-section__heading > p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
  .faq-list {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 6px !important;
  }
}

/* ===== CTAs DE COMPRA + CARROSSEL MOBILE DE DEPOIMENTOS ===== */
.floating-purchase-cta,
.post-guarantee-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #a85a10, #6e3618);
  color: #fff;
  font-family: inherit;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 12px 30px rgba(86, 40, 17, .18);
}

.floating-purchase-cta .ui-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: currentColor;
}

.post-guarantee-cta .ui-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
}

.floating-purchase-cta {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 120;
  padding: 13px 20px;
  font-size: 14px;
}

.post-guarantee-cta-wrap {
  display: flex;
  justify-content: center;
  padding: 18px 20px 0;
  background: transparent;
}

.post-guarantee-cta {
  padding: 15px 24px;
  font-size: 16px;
}

.testimonials-carousel {
  position: relative;
}

.testimonials-carousel__arrow,
.testimonials-carousel__dots {
  display: none;
}

@media (max-width: 900px) {
  .floating-purchase-cta {
    right: 8px !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 9px 12px !important;
    font-size: 7px !important;
  }

  .floating-purchase-cta .ui-icon {
    width: 14px !important;
    height: 14px !important;
    flex-basis: 14px !important;
  }

  .post-guarantee-cta-wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 16px 0 0;
  }

  .post-guarantee-cta {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 18px;
    font-size: 14px;
  }

  .testimonials-carousel {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 30px;
    overflow: hidden;
  }

  .testimonials-carousel .testimonials-grid {
    display: flex !important;
    width: 100% !important;
    gap: 28px !important;
    align-items: stretch !important;
    transition: transform .42s ease !important;
    will-change: transform;
  }

  .testimonials-carousel .testimonial-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .testimonials-carousel__arrow {
    position: absolute;
    top: 46%;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(110, 54, 24, .18);
    border-radius: 50%;
    background: rgba(255, 250, 245, .96);
    color: #8a451d;
    font: 700 28px/1 system-ui, sans-serif;
    box-shadow: 0 8px 20px rgba(84, 41, 19, .10);
    transform: translateY(-50%);
  }

  .testimonials-carousel__arrow--prev { left: 0; }
  .testimonials-carousel__arrow--next { right: 0; }

  .testimonials-carousel__dots {
    position: absolute;
    left: 50%;
    bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    transform: translateX(-50%);
  }

  .testimonials-carousel__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(110, 54, 24, .22);
  }

  .testimonials-carousel__dot.is-active {
    width: 18px;
    border-radius: 999px;
    background: #8a451d;
  }

  .faq-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* ===== MOBILE OFICIAL — PARA QUEM É COMPACTO + TRÊS MOMENTOS ABERTOS ===== */
@media (max-width: 900px) {
  /* Para quem é: todos os públicos continuam visíveis, com cards mais compactos. */
  .audience-grid {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .audience-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 18px !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .audience-card__icon.ui-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
  }

  .audience-card__icon.ui-icon::before {
    width: 60% !important;
    height: 60% !important;
  }

  .audience-card h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    text-align: left !important;
  }

  .audience-card__divider {
    display: none !important;
  }

  .audience-card p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* Três momentos: contexto e benefícios sempre visíveis. */
  .moments-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .moment-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px !important;
  }

  .moment-card__intro {
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  .moment-card__items {
    display: grid !important;
    grid-template-rows: repeat(4, auto) !important;
    margin-top: 16px !important;
  }

  .moment-item {
    min-height: 0 !important;
    padding: 10px 0 !important;
  }
}

/* ===== COMO FUNCIONA — texto dos 3 benefícios: -1px SOMENTE MOBILE ===== */
@media (max-width: 900px) {
  .how-benefits .how-benefit h3 {
    font-size: 13px !important;
  }
}

/* ===== MOBILE — SELO TRÊS MOMENTOS IGUAL AOS DEMAIS ===== */
@media (max-width: 680px) {
  .moments-section__eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    padding: 6px 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: normal !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .moments-section__eyebrow-copy {
    display: inline !important;
    gap: 0 !important;
    line-height: inherit !important;
    text-align: inherit !important;
  }

  .moments-section__eyebrow-copy > span {
    display: inline !important;
  }

  .moments-section__eyebrow > .ui-icon {
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-right: 4px !important;
  }
}

/* ===== MOBILE — AJUSTE FINO SELO 3 MOMENTOS + RESPIRO SETAS DEPOIMENTOS ===== */
@media (max-width: 680px) {
  /* Selo 3 momentos: mesma tipografia e medidas laterais dos demais selos */
  .moments-section__eyebrow {
    font-size: 12px !important;
    padding: 6px 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Resultados: cria respiro entre os cards e as setas */
  .testimonials-carousel {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 30px !important;
  }

  .testimonials-carousel__arrow--prev {
    left: 1px !important;
  }

  .testimonials-carousel__arrow--next {
    right: 1px !important;
  }
}

/* ===== MOBILE — AJUSTES FINAIS: RESULTADOS + BÔNUS ===== */
@media (max-width: 680px) {
  /* Faixa abaixo dos depoimentos: conteúdo e texto centralizados */
  .testimonials-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .testimonials-footer p {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  /* Bônus: manter somente os 40px laterais do container oficial */
  #bonus .bonus-main,
  #bonus .bonus-benefits {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* ===== OFERTA — CORREÇÃO MOBILE DE ÍCONES E ALINHAMENTO ===== */
@media (max-width: 680px) {
  .offer-section__payback-text {
    display: inline-block !important;
    transform: translateY(1px) !important;
  }

  .offer-item__icon.ui-icon::before {
    content: "" !important;
    width: 50% !important;
    height: 50% !important;
    background: currentColor !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }
}

/* ===== MOBILE — GARANTIA: CONTEÚDO INTERNO ===== */
@media (max-width: 680px) {
  /* Garantia: mantém o emblema externo e reduz somente tudo que fica dentro */
  .guarantee-emblem__content {
    width: 60% !important;
    max-width: 60% !important;
  }

  .guarantee-emblem__shield {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 4px !important;
  }

  .guarantee-emblem__label {
    margin-bottom: 1px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
  }

  .guarantee-emblem strong {
    font-size: 34px !important;
    line-height: .94 !important;
    letter-spacing: -.035em !important;
  }

  .guarantee-emblem__promise {
    width: 92% !important;
    max-width: 92% !important;
    margin-top: 4px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    letter-spacing: .025em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}

/* Mobile — Garantia: reduzir texto de risco abaixo do selo */
@media (max-width: 680px) {
  .guarantee-risk__text {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}


/* ===== MOBILE — ajustes finais Autoridade + FAQ ===== */
.authority-eyebrow__mobile-break{display:none;}

@media (max-width: 760px){
  .authority-section__eyebrow{
    width: fit-content !important;
    max-width: calc(100% - 8px) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.25 !important;
  }
  .authority-eyebrow__mobile-break{display:block !important;}
  .authority-profiles{
    margin-top: 14px !important;
  }
  .faq-item summary{
    gap: 18px !important;
  }
}

/* ===== MOBILE — ÚLTIMA CHAMADA: 3 BENEFÍCIOS NA MESMA LINHA ===== */
@media (max-width: 680px) {
  .final-call__benefits {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .final-call__benefits article {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    justify-items: center !important;
    align-items: start !important;
    gap: 6px !important;
    padding: 6px 2px !important;
    text-align: center !important;
  }

  .final-call__benefits article > span.ui-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  .final-call__benefits article > span.ui-icon::before {
    width: 48% !important;
    height: 48% !important;
  }

  .final-call__benefits strong {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    overflow-wrap: normal !important;
  }
}

/* ===== MOBILE — OFERTA: PAYBACK ALINHADO À ESQUERDA ===== */
@media (max-width: 680px) {
  .offer-section__payback {
    justify-content: flex-start !important;
    text-align: left !important;
    align-items: center !important;
  }

  .offer-section__payback-text {
    text-align: left !important;
    transform: none !important;
  }
}


/* ===== MOBILE — SELO 3 MOMENTOS: PADRÃO AUTORIDADE (REGRA FINAL VÁLIDA) ===== */
.moments-eyebrow__mobile-break{display:none;}

@media (max-width: 760px){
  .moments-section__eyebrow{
    width: fit-content !important;
    max-width: calc(100% - 8px) !important;
    padding: 6px 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }
  .moments-section__eyebrow-copy{
    display: inline !important;
    gap: 0 !important;
    line-height: inherit !important;
    text-align: inherit !important;
  }
  .moments-section__eyebrow > .ui-icon{
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-right: 4px !important;
  }
  .moments-eyebrow__mobile-break{display:block !important;}
}

/* ===== MOBILE — OFERTA: CORREÇÃO DEFINITIVA DO PAYBACK ===== */
@media (max-width: 680px) {
  .offer-section__payback {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 0 !important;
    text-align: left !important;
  }

  .offer-section__payback > .ui-icon {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    border: 2px solid #8b4e26 !important;
    border-radius: 50% !important;
    color: #8b4e26 !important;
  }

  .offer-section__payback > .offer-section__payback-text {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #2f241f !important;
    text-align: left !important;
    line-height: 1.35 !important;
    transform: none !important;
  }
}

/* ===== MOBILE — ÚLTIMA CHAMADA: SEM DIVISÓRIAS + ÍCONES MARRONS ===== */
@media (max-width: 680px) {
  .final-call__benefits article,
  .final-call__benefits article + article,
  .final-call__benefits article:nth-child(3),
  .final-call__benefits article:nth-child(4) {
    border: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
  }

  .final-call__benefits article > span.ui-icon {
    color: #5a2e16 !important;
  }

  .final-call__benefits article > span.ui-icon::before {
    background: #6e3618 !important;
  }
}

/* ===== MOBILE — OFERTA: PAYBACK MAIS LEVE E ELEGANTE ===== */
@media (max-width: 680px) {
  .offer-section__payback {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 16px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: left !important;
  }

  .offer-section__payback > .ui-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8b4e26 !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }

  .offer-section__payback > .ui-icon::before {
    content: none !important;
    display: none !important;
  }

  .offer-section__payback > .offer-section__payback-text {
    width: auto !important;
    max-width: 260px !important;
    flex: 0 1 auto !important;
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    color: #4b3d35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}


/* ===== MOBILE — SELO 3 MOMENTOS: MESMA REGRA DO SELO AUTORIDADE ===== */
@media (max-width: 760px){
  #tres-momentos .section-heading .moments-section__eyebrow{
    width: fit-content !important;
    max-width: calc(100% - 8px) !important;
    padding: 6px 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }
  #tres-momentos .moments-eyebrow__mobile-break{
    display: block !important;
  }
  #tres-momentos .moments-section__eyebrow > .ui-icon{
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-right: 0 !important;
  }
}

/* ===== MOBILE — AUTORIDADE: TEXTO MAIS ABAIXO DA FOTO ===== */
@media (max-width: 760px){
  #autoridade .authority-profiles{
    margin-top: 20px !important;
  }
}

/* ===== MOBILE — OFERTA: PAYBACK ÍCONE VISÍVEL + LAYOUT LIMPO ===== */
@media (max-width: 680px) {
  .offer-section__payback {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    text-align: left !important;
  }

  .offer-section__payback > .ui-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    display: inline-block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: currentColor !important;
    color: #8b4e26 !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
    opacity: 1 !important;
  }

  .offer-section__payback > .ui-icon::before {
    content: none !important;
    display: none !important;
  }

  .offer-section__payback > .offer-section__payback-text {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
    color: #4b3d35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    transform: none !important;
  }
}


/* MOBILE — quebra do cargo Larissa */
.mobile-line-break{display:inline;}
@media (max-width:760px){
  #autoridade .mobile-line-break{display:block;}
}

/* ===== MOBILE — AUTORIDADE: QUEBRA DO CARGO SEM ALTERAR TIPOGRAFIA ===== */
@media (max-width: 760px){
  #autoridade .authority-profile p .mobile-line-break{
    display: block !important;
    font: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
  }
}

/* ===== MOBILE — CTA FLUTUANTE: TIPOGRAFIA CORRIGIDA ===== */
@media (max-width: 900px) {
  .floating-purchase-cta {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .01em !important;
  }

  .floating-purchase-cta > span:not(.ui-icon) {
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
  }
}


/* ======================================================================
   AJUSTES FINAIS DE CONVERSÃO — 11/08/2026
   Camada isolada e reversível. Desktop original preservado onde indicado.
   ====================================================================== */

/* Hero — clareza do que automatiza + ponte dos 3 públicos */
.hero__description-economy{
  display:block;
  margin-top:4px;
}
.hero-audience-bridge{
  width:min(860px,100%);
  margin:22px auto 0;
  padding:14px 18px;
  border:1px solid rgba(110,54,24,.14);
  border-radius:16px;
  background:rgba(255,255,255,.54);
  box-shadow:0 10px 28px rgba(72,37,18,.05);
  text-align:center;
}
.hero-audience-bridge p{
  margin:0;
  color:#4d2a1b;
  font-size:14px;
  line-height:1.5;
}
.hero-audience-bridge__tags{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.hero-audience-bridge__tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:#f2e5d8;
  color:#6e3618;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
}

/* Comparação mobile v2 — bloco novo; a comparação original permanece no HTML */
.comparison-mobile-v2{display:none;}

/* Depoimentos mobile estáticos — bloco novo; carrossel original permanece no HTML */
.testimonials-mobile-static{display:none;}

@media (max-width:680px){
  .hero__description-economy{margin-top:8px;}
  .hero-audience-bridge{
    margin-top:20px;
    padding:14px 12px 13px;
    border-radius:14px;
  }
  .hero-audience-bridge p{
    font-size:13px;
    line-height:1.45;
  }
  .hero-audience-bridge__tags{
    gap:6px;
    margin-top:10px;
  }
  .hero-audience-bridge__tags span{
    padding:6px 8px;
    font-size:9.5px;
    white-space:nowrap;
  }

  /* Troca visual apenas no mobile. Para voltar, remova este bloco. */
  #comparativo .comparison{display:none !important;}
  #comparativo .comparison-mobile-v2{
    display:block !important;
    width:100%;
    margin:0 auto;
  }
  .comparison-mobile-v2__headers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:8px;
  }
  .comparison-mobile-v2__header{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:8px 7px;
    border-radius:12px;
    text-align:center;
    font-size:9px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:.055em;
  }
  .comparison-mobile-v2__header--negative{
    color:#7f321f;
    background:#f8e9e3;
    border:1px solid rgba(156,63,37,.18);
  }
  .comparison-mobile-v2__header--positive{
    color:#fff;
    background:linear-gradient(135deg,#4f260f,#6e381b);
    border:1px solid transparent;
  }
  .comparison-mobile-v2__pairs{
    display:grid;
    gap:8px;
  }
  .comparison-mobile-v2__pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .comparison-mobile-v2__item{
    min-width:0;
    min-height:118px;
    padding:12px 9px 11px;
    border-radius:14px;
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    align-content:start;
    gap:8px;
  }
  .comparison-mobile-v2__item--negative{
    background:#fffaf7;
    border:1px solid rgba(156,63,37,.14);
  }
  .comparison-mobile-v2__item--positive{
    background:#fff;
    border:1px solid rgba(110,54,24,.16);
    box-shadow:0 8px 22px rgba(72,37,18,.05);
  }
  .comparison-mobile-v2__item > .ui-icon{
    width:24px !important;
    height:24px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    mask:none !important;
    -webkit-mask:none !important;
    background:#f2e5d8 !important;
    position:relative !important;
  }
  .comparison-mobile-v2__item > .ui-icon::before{
    content:"" !important;
    width:52% !important;
    height:52% !important;
    display:block !important;
    background:currentColor !important;
    mask:var(--icon) center/contain no-repeat !important;
    -webkit-mask:var(--icon) center/contain no-repeat !important;
  }
  .comparison-mobile-v2__item--negative > .ui-icon{color:#9c3f25 !important;background:#f7e3dc !important;}
  .comparison-mobile-v2__item--positive > .ui-icon{color:#6e3618 !important;background:#f2e5d8 !important;}
  .comparison-mobile-v2__item h3{
    margin:1px 0 5px;
    color:#2c1108;
    font-size:12px !important;
    line-height:1.16 !important;
    font-weight:800;
  }
  .comparison-mobile-v2__item p{
    margin:0;
    color:#715448;
    font-size:10.5px !important;
    line-height:1.32 !important;
  }

  /* Provas: carrossel original preservado e escondido apenas no mobile. */
  #provas .testimonials-carousel{display:none !important;}
  #provas .testimonials-mobile-static{
    display:grid !important;
    gap:14px;
    width:100%;
    margin-top:26px;
  }
  #provas .testimonials-mobile-static .testimonial-card{
    width:100% !important;
    margin:0 !important;
    transform:none !important;
  }
  #provas .testimonial-mobile-extra{
    width:100%;
    border:0;
  }
  #provas .testimonial-mobile-extra > summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:100%;
    min-height:44px;
    padding:10px 14px;
    border:1px solid rgba(110,54,24,.16);
    border-radius:12px;
    background:#f7eee5;
    color:#6e3618;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
  }
  #provas .testimonial-mobile-extra > summary::-webkit-details-marker{display:none;}
  #provas .testimonial-mobile-extra[open] > summary{margin-bottom:12px;}
  #provas .testimonial-card--mobile-extra{padding:12px !important;}

  /* CTA mobile mantém 10px definido na camada anterior. */
  .floating-purchase-cta > span:not(.ui-icon){font-size:10px !important;}
}


/* ===== FINAL — DESKTOP: PAYBACK DA OFERTA SEM CONFLITO DE SPAN ===== */
@media (min-width: 681px){
  #oferta .offer-section__payback{
    width: fit-content !important;
    max-width: calc(100% - 40px) !important;
    margin: 18px auto 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #oferta .offer-section__payback > .ui-icon{
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: currentColor !important;
    color: #8b4e26 !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  #oferta .offer-section__payback > .offer-section__payback-text{
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #4b3d35 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    transform: none !important;
  }
}

/* ===== FINAL — AUTORIDADE: CARGO LARISSA SEM TROCA DE TIPOGRAFIA ===== */
#autoridade .authority-profile p .mobile-line-break{
  font: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
}
@media (min-width: 761px){
  #autoridade .authority-profile p .mobile-line-break{
    display: inline !important;
  }
}

/* ===== AJUSTES DESKTOP — RODADA FINAL 11/08/2026 ===== */
@media (min-width: 681px) {
  /* Ponte de públicos: versão editorial limpa no desktop, sem micro-etiquetas. */
  .hero-audience-bridge {
    width: min(980px, 100%) !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .hero-audience-bridge p {
    margin: 0 auto !important;
    max-width: 920px !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: #4d2a1b !important;
  }
  .hero-audience-bridge__tags {
    display: none !important;
  }

  /* Oferta: headline inteira em uma única linha no desktop. */
  #oferta .offer-section__heading {
    width: 100% !important;
    max-width: 100% !important;
  }
  #oferta .offer-section__heading h2 {
    white-space: nowrap !important;
    font-size: clamp(29px, 2.35vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
  }
}


/* ===== AJUSTES HERO + PONTE + COMPARATIVO — 11/08/2026 ===== */
/* Hero: benefício econômico no mesmo parágrafo, sem quebra forçada. */
.hero__description-economy{
  display:inline !important;
  margin-top:0 !important;
}

/* Ponte dos três públicos: discreta, compacta e sem micro-etiquetas. */
.hero-audience-bridge{
  width:fit-content !important;
  max-width:min(92%, 760px) !important;
  margin:12px auto 0 !important;
  padding:7px 11px !important;
  border:1px solid rgba(110,54,24,.11) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.40) !important;
  box-shadow:none !important;
  text-align:center !important;
}
.hero-audience-bridge p{
  margin:0 !important;
  max-width:none !important;
  color:#5c3a2b !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
.hero-audience-bridge__tags{display:none !important;}

@media (max-width:680px){
  .hero-audience-bridge{
    max-width:94% !important;
    margin-top:11px !important;
    padding:7px 9px !important;
    border-radius:9px !important;
  }
  .hero-audience-bridge p{
    font-size:10.5px !important;
    line-height:1.32 !important;
  }

  /* Comparativo mobile: pares iguais, mais compactos e sem altura/padding artificial. */
  .comparison-mobile-v2__headers{
    gap:6px !important;
    margin-bottom:6px !important;
  }
  .comparison-mobile-v2__header{
    min-height:34px !important;
    padding:6px 5px !important;
    border-radius:10px !important;
    font-size:8.2px !important;
    line-height:1.12 !important;
    letter-spacing:.04em !important;
  }
  .comparison-mobile-v2__pairs{
    gap:6px !important;
  }
  .comparison-mobile-v2__pair{
    gap:6px !important;
    align-items:stretch !important;
  }
  .comparison-mobile-v2__item{
    min-height:0 !important;
    height:100% !important;
    padding:8px 7px !important;
    border-radius:11px !important;
    grid-template-columns:21px minmax(0,1fr) !important;
    align-content:start !important;
    gap:6px !important;
  }
  .comparison-mobile-v2__item > .ui-icon{
    width:20px !important;
    height:20px !important;
  }
  .comparison-mobile-v2__item h3{
    margin:0 0 3px !important;
    font-size:10.5px !important;
    line-height:1.12 !important;
  }
  .comparison-mobile-v2__item p{
    margin:0 !important;
    font-size:9.2px !important;
    line-height:1.22 !important;
  }
}


/* ===== AJUSTES DESKTOP — HERO BRIDGE + OFERTA NATURAL — 11/08/2026 ===== */
@media (min-width: 681px) {
  .hero-audience-bridge {
    margin-top: 28px !important;
    padding: 9px 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: auto !important;
    max-width: min(92%, 760px) !important;
  }
  .hero-audience-bridge__icon {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(110,54,24,.22);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6e3618;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    background: rgba(255,255,255,.7);
  }
  .hero-audience-bridge p {
    text-align: left !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }
  .hero-audience-bridge__question {
    display: block;
    margin-bottom: 5px;
  }
  .hero-audience-bridge strong {
    display: block;
  }

  /* Oferta: sem quebra manual, mas com largura e tipografia naturais do layout. */
  #oferta .offer-section__heading {
    width: auto !important;
    max-width: 1080px !important;
  }
  #oferta .offer-section__heading h2 {
    white-space: normal !important;
    font-size: 60px !important;
    line-height: 1.05 !important;
    letter-spacing: normal !important;
    overflow: visible !important;
  }
}

/* ===== CORREÇÃO DEFINITIVA DESKTOP — HERO BRIDGE + OFERTA — 11/08/2026 ===== */
@media (min-width: 681px) {
  /* Mais respiro real após a promessa da hero. */
  .hero__description {
    margin-bottom: 0 !important;
  }

  .hero-audience-bridge {
    margin: 36px auto 0 !important;
    width: fit-content !important;
    max-width: min(90%, 720px) !important;
    padding: 7px 11px !important;
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(110,54,24,.10) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.34) !important;
    box-shadow: none !important;
  }

  .hero-audience-bridge__icon {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: 1px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(110,54,24,.16) !important;
    border-radius: 50% !important;
    background: #f4e8dd !important;
    color: #5a2e16 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .hero-audience-bridge p {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    text-align: left !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
    color: #5c3a2b !important;
  }

  .hero-audience-bridge__question,
  .hero-audience-bridge strong {
    display: block !important;
    margin: 0 !important;
    font: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
  }

  .hero-audience-bridge__question {
    font-weight: 500 !important;
  }

  .hero-audience-bridge strong {
    font-weight: 700 !important;
  }

  /* Oferta: volta ao tamanho natural do desktop; sem nowrap e sem quebra forçada. */
  #oferta .offer-section__heading {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #oferta .offer-section__heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    letter-spacing: normal !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #oferta .offer-section__heading h2 br {
    display: none !important;
  }
}

/* ===== OFERTA — RESET FINAL PARA O PADRÃO DAS SECTION-HEADINGS ===== */
@media (min-width: 681px) {
  #oferta .offer-section__heading {
    width: auto !important;
    max-width: 1080px !important;
    margin: 0 auto 22px !important;
  }

  #oferta .offer-section__eyebrow {
    margin-bottom: 9px !important;
  }

  #oferta .offer-section__heading h2 {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 9px !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    letter-spacing: normal !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}


/* ===== AJUSTE VISUAL DE TESTE — DESKTOP ===== */
@media (min-width: 681px) {
  .hero-audience-bridge p {
    font-size: 15px !important;
  }

  /* Igual ao tamanho efetivamente aplicado em Resultados de quem usa o Automa Insta */
  #oferta .offer-section__heading h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    margin: 20px 0 0 !important;
  }
}

/* FINAL DESKTOP OFFER HEADLINE STANDARD */
@media (min-width: 769px) {
  #oferta .offer-section__heading h2 {
    font-size: 60px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }
}


/* ===== FECHAMENTO DESKTOP — CONTRASTE DA OFERTA + BRIDGE HERO ===== */
@media (min-width: 769px) {
  /* Oferta: base preta e destaques em marrom, mantendo 60px. */
  #oferta .offer-section__heading h2 {
    font-size: 60px !important;
    line-height: 1.05 !important;
    color: #171717 !important;
    white-space: normal !important;
  }

  #oferta .offer-section__heading h2 .offer-title__highlight {
    color: #5a2e16 !important;
  }

  /* Hero bridge: 12px reais e ícone maior/centralizado. */
  .hero-audience-bridge {
    align-items: center !important;
  }

  .hero-audience-bridge__icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 0 !important;
    font-size: 11px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  .hero-audience-bridge p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

/* ===== CORREÇÃO FINAL — DESTAQUES DA HEADLINE DA OFERTA ===== */
@media (min-width: 769px) {
  #oferta .offer-section__heading h2 .offer-title__highlight {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }
}

/* ===== CORREÇÃO FINAL — TOM DOS DESTAQUES DA OFERTA IGUAL AO DIFERENCIAL ===== */
@media (min-width: 769px) {
  #oferta .offer-section__heading h2 .offer-title__highlight {
    color: #a16a36 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }
}

/* ===== MOBILE FINAL — HERO BRIDGE, OFERTA, AUTORIDADE E LEGIBILIDADE ===== */
@media (max-width: 680px) {
  /* Hero bridge: mesma linguagem visual do desktop, mais compacto no mobile. */
  .hero-audience-bridge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: min(100%, 360px) !important;
    margin: 18px auto 0 !important;
  }

  .hero-audience-bridge__icon {
    position: relative !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(110,54,24,.16) !important;
    border-radius: 50% !important;
    background: #f4e8dd !important;
    color: #6e3618 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
  }

  .hero-audience-bridge p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
    text-align: left !important;
  }

  .hero-audience-bridge__question,
  .hero-audience-bridge strong {
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .hero-audience-bridge strong {
    margin-top: 3px !important;
  }

  /* Oferta: mesma lógica do desktop — base preta + destaques no marrom claro. */
  #oferta .offer-section__heading h2 {
    color: #171717 !important;
  }

  #oferta .offer-section__heading h2 .offer-title__highlight {
    color: #a16a36 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  /* Autoridade: restaura os pictogramas ao lado dos nomes no mobile. */
  #autoridade .authority-profile__icon.ui-icon {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: #f2e5d8 !important;
    color: #5a2e16 !important;
    border-radius: 50% !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  #autoridade .authority-profile__icon.ui-icon::before {
    content: "" !important;
    display: block !important;
    width: 60% !important;
    height: 60% !important;
    background: currentColor !important;
    mask: var(--icon) center / contain no-repeat !important;
    -webkit-mask: var(--icon) center / contain no-repeat !important;
  }

  /* Legibilidade: +1px nos microtextos que estavam pequenos demais. */
  #diferenciais .difference-point p {
    font-size: 15px !important;
  }

  #provas .testimonial-card__headline h3 {
    font-size: 16px !important;
  }

  #provas .testimonial-card__headline p {
    font-size: 14px !important;
  }

  #provas .testimonials-footer p {
    font-size: 15px !important;
  }
}

/* ===== MOBILE RODADA 02 — RESPIRO HERO + COMPARATIVO MAIS LEGÍVEL ===== */
@media (max-width: 680px) {
  /* Retângulo da hero: mais respiro acima e abaixo. */
  .hero-audience-bridge {
    margin: 24px auto 30px !important;
  }

  /* Comparativo mobile: recupera legibilidade sem voltar ao tamanho antigo. */
  .comparison-mobile-v2__header {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    min-height: 38px !important;
    padding: 7px 6px !important;
  }

  .comparison-mobile-v2__item {
    padding: 10px 8px !important;
    grid-template-columns: 23px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .comparison-mobile-v2__item > .ui-icon {
    width: 22px !important;
    height: 22px !important;
  }

  .comparison-mobile-v2__item h3 {
    font-size: 12px !important;
    line-height: 1.16 !important;
    margin: 0 0 4px !important;
  }

  .comparison-mobile-v2__item p {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }
}

/* ===== MOBILE RODADA 03 — COMPARATIVO MAIS AMPLO E LEGÍVEL ===== */
@media (max-width: 680px) {
  #comparativo > .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .comparison-mobile-v2__headers {
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .comparison-mobile-v2__header {
    font-size: 13px !important;
    line-height: 1.15 !important;
    min-height: 44px !important;
    padding: 9px 8px !important;
    letter-spacing: .035em !important;
  }

  .comparison-mobile-v2__pairs {
    gap: 12px !important;
  }

  .comparison-mobile-v2__pair {
    gap: 10px !important;
  }

  .comparison-mobile-v2__item {
    min-height: 124px !important;
    padding: 12px 10px !important;
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .comparison-mobile-v2__item > .ui-icon {
    width: 23px !important;
    height: 23px !important;
  }

  .comparison-mobile-v2__item h3 {
    font-size: 13px !important;
    line-height: 1.18 !important;
    margin: 0 0 5px !important;
  }

  .comparison-mobile-v2__item p {
    font-size: 11px !important;
    line-height: 1.34 !important;
  }
}

/* ===== MOBILE RODADA 04 — CARDS COMPACTOS + RESPIRO ENTRE ITENS ===== */
@media (max-width: 680px) {
  #comparativo > .container {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Mantém a tipografia aprovada. */
  .comparison-mobile-v2__header {
    font-size: 13px !important;
  }

  .comparison-mobile-v2__item h3 {
    font-size: 13px !important;
  }

  .comparison-mobile-v2__item p {
    font-size: 11px !important;
  }

  /* O respiro fica ENTRE as linhas, não dentro dos cards. */
  .comparison-mobile-v2__pairs {
    gap: 18px !important;
  }

  .comparison-mobile-v2__item {
    min-height: 0 !important;
    padding: 10px 8px !important;
    grid-template-columns: 23px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .comparison-mobile-v2__item > .ui-icon {
    width: 22px !important;
    height: 22px !important;
  }
}

/* ===== FECHAMENTO FINAL — COMPARATIVO DESKTOP + RODAPÉ CENTRALIZADO ===== */
.footer__inner {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}
.footer p {
  width: 100% !important;
  text-align: center !important;
}
.footer nav {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  text-align: center !important;
  flex-wrap: wrap !important;
}