/* Pontos de conversão sem alterar a ordem das seções ou o destaque dos planos. */
.purchase-note{text-align:center;margin:0 auto;font-size:14px;line-height:1.45}
.real-preview{position:relative;display:block;color:var(--olive-d);background:white;text-decoration:none}
.real-preview img{object-fit:contain;background:white}
.real-preview span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--beige);padding:4px 6px;font-size:12px;font-weight:700}
.real-preview:focus-visible{outline:3px solid var(--mustard);outline-offset:-3px}
.dor h2{margin-bottom:20px}
.dor .sinais{padding-top:30px}
.dor .sinais li{border-left-color:var(--olive)}
.dor .sinais li i{background:var(--olive)}
.conta h2{margin-bottom:18px}
.nutrient-comparison{width:100%;max-width:780px;margin:22px auto 0;border:1px solid rgba(255,255,255,.25);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05)}
.nutrient-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-variant-numeric:tabular-nums}
.nutrient-comparison caption{padding:18px 12px;font-size:14px;color:#e3ddc9}
.nutrient-comparison th,.nutrient-comparison td{padding:20px 10px;border-top:1px solid rgba(255,255,255,.18);vertical-align:middle;text-align:center}
.nutrient-comparison th:first-child{width:37%}
.nutrient-comparison thead th{font-size:20px;color:#f1c34c}
.nutrient-comparison thead th:first-child{font-size:15px;color:#fbf8f1}
.nutrient-comparison th span{display:block;font-size:13px;font-weight:400;line-height:1.4;color:#e3ddc9;margin-top:5px}
.nutrient-comparison tbody th{font-size:18px}
.nutrient-comparison td{font:800 30px/1.2 Montserrat,sans-serif;color:#fbf8f1}
.nutrient-comparison .reference{background:rgba(255,255,255,.10)}
.nutrient-comparison .reference td{color:#f1c34c}
.nutrient-comparison .difference{background:rgba(217,162,27,.13)}
.nutrient-comparison td span{display:block;margin-top:6px;font:600 12px/1.3 "Source Sans 3",sans-serif;color:#f1c34c}
.conta .units-note{font-size:12px;line-height:1.45;padding:14px 18px;margin:0 auto;border-top:1px solid rgba(255,255,255,.18)}
.comparison-takeaway{max-width:680px;margin:24px auto 0;text-align:center}
.comparison-takeaway>b{display:block;font-family:Montserrat,sans-serif;font-size:21px;color:#f1c34c;margin-bottom:10px}
.comparison-takeaway p{font-size:18px}
.conta .comparison-footnote{font-size:14px;max-width:70ch}
@media(max-width:640px){.dor .sinais{padding-top:0}.nutrient-comparison th,.nutrient-comparison td{padding:16px 5px}.nutrient-comparison th:first-child{width:38%}.nutrient-comparison tbody th{font-size:14px}.nutrient-comparison thead th{font-size:16px}.nutrient-comparison thead th:first-child{font-size:12px}.nutrient-comparison th span{font-size:11px}.nutrient-comparison td{font-size:24px}.nutrient-comparison td span{font-size:11px}.comparison-takeaway p{font-size:17px}}

/* Clareza de uso e demonstração, preservando os materiais e preços. */
.hero{padding-block:32px 36px}.hero .wrap{gap:22px}.hero .lead{margin:18px auto 22px;max-width:48ch}.hero .cover{width:190px}.use-intro{margin-top:-10px;margin-bottom:28px}.product-demo{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:40px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.product-demo h3{font-size:25px;color:var(--olive-d);line-height:1.25}.product-demo ol{padding-left:23px;margin:22px 0}.product-demo li{margin-bottom:14px}.product-demo figure{margin:0}.product-demo figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.product-demo figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.product-demo a:focus-visible{outline:3px solid var(--mustard)}.sheet-card img{object-fit:cover;object-position:top}.planos .pd{max-width:40ch}.car-btn.prev{left:0}.car-btn.next{right:0}
@media(max-width:760px){.hero{padding-block:28px}.hero .cover{width:150px}.hero .lead{font-size:19px}.product-demo{grid-template-columns:1fr;padding:22px;gap:22px}.product-demo h3{font-size:22px}.product-demo figure{max-width:480px;margin:auto}.product-demo li{font-size:16px}}

/* Detalhes legíveis da planilha, preservando a imagem original. */
.product-demo{grid-template-columns:1fr;align-items:start}
.demo-copy{max-width:760px}
.demo-details{min-width:0;display:grid;gap:24px}
.demo-details figure{width:100%;max-width:none;margin:0;min-width:0}
.demo-details figcaption{text-align:left;margin:0 0 10px;font-size:17px;color:var(--olive-d)}
.demo-details figcaption span{display:block;font-size:15px;color:var(--muted);margin-top:4px}
.sheet-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.sheet-scroll:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}
.sheet-crop{display:block;position:relative;overflow:hidden;min-width:720px;width:100%;aspect-ratio:1104/420}
.sheet-crop.sheet-results{aspect-ratio:1104/365}
.product-demo .sheet-crop img{position:absolute;width:100%;max-width:none;height:auto;top:0;left:0;border:0;border-radius:0;transform:translateY(-10.75%)}
.product-demo .sheet-results img{transform:translateY(-51.52%)}
.sheet-help{font-size:14px;color:var(--muted);margin:0}
.hero .eyebrow{max-width:64ch;margin-inline:auto}
.planos .btn{white-space:normal;text-align:center}

/* Abertura estática: oferta curta e três usos, com detalhes mais abaixo. */
.hero{padding-block:0;background:#f2efdf;color:#243a29}
.hero::before{display:none}
.hero .site-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding-block:22px;border-bottom:1px solid #d7ddcc}
.site-brand{flex-shrink:0}
.site-brand img{width:190px;height:auto}
.site-links{display:flex;gap:24px;align-items:center}
.site-links a{font-size:15px;color:#243a29;font-weight:700;text-decoration:none}
.site-links a:hover{text-decoration:underline;text-underline-offset:4px}
.site-links a:focus-visible,.site-brand:focus-visible{outline:3px solid #8c650e;outline-offset:5px}
.hero>.wrap:not(.site-nav){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;text-align:left;gap:56px;padding-block:48px 52px}
.hero .eyebrow{color:#516c40;margin-inline:0;letter-spacing:.12em}
.hero h1{text-transform:none;max-width:15ch;margin:0;font-size:clamp(34px,4.3vw,52px);line-height:1.08;letter-spacing:-.035em}
.hero h1 span{color:#92601a}
.hero .lead{color:#4d5e49;font-size:20px;max-width:42ch;margin:22px 0 28px;line-height:1.5}
.hero .cta{align-items:flex-start}
.hero .btn{background:#2f512f;color:#fff;box-shadow:0 4px 0 #203e20;border-radius:7px}
.hero .btn:focus-visible{outline-color:#8c650e}
.hero .cta .sub{color:#53634b}
.hero-material{margin:0;text-align:center}
.material-preview{display:grid;justify-items:center;gap:18px;background:#dde5d1;padding:26px 22px 18px;border:1px solid #ced8bf;border-radius:12px}
.hero .cover{width:min(100%,230px);height:auto;border-radius:5px;box-shadow:0 14px 24px rgba(35,52,27,.18)}
.material-label{font-weight:700;font-size:16px;line-height:1.35;color:#375234}
.hero-material figcaption{font-size:13px;line-height:1.45;color:#53634b;margin-top:14px}
.resumo{padding-block:30px;background:var(--surface);border-bottom:1px solid var(--line)}
.resumo .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.resumo article{display:flex;align-items:flex-start;gap:13px}
.resumo h2{font-family:"Source Sans 3","Segoe UI",sans-serif;font-size:20px;line-height:1.2;color:var(--olive-d);margin:0 0 6px}
.resumo p{font-size:16px;line-height:1.45;color:var(--muted);margin:0}
.resumo-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;font-size:22px;font-weight:700;background:#e4eddc;color:#36542a;border-radius:5px}
.resumo article:nth-child(2) .resumo-icon{background:#e1edf0;color:#2a5c68}
.resumo article:nth-child(3) .resumo-icon{background:#f1e7cd;color:#8c601e}
@media(max-width:760px){
  .hero .site-nav{padding-block:17px;gap:14px}
  .site-brand img{width:150px}
  .site-links{flex-direction:column;align-items:flex-end;gap:5px}
  .site-links a{font-size:13px}
  .hero>.wrap:not(.site-nav){grid-template-columns:1fr;gap:28px;padding-block:32px}
  .hero h1{max-width:17ch;font-size:clamp(34px,7.5vw,44px)}
  .hero .lead{font-size:19px;margin:18px 0 24px}
  .hero-material{max-width:420px;width:100%;margin-inline:auto}
  .material-preview{grid-template-columns:100px 1fr;align-items:center;gap:20px;padding:18px;text-align:left}
  .hero .cover{width:100px}
  .material-label{font-size:17px}
  .resumo .wrap{grid-template-columns:1fr;gap:22px}
  .resumo h2{font-size:20px}
}