/* v3: peças da versão nova. Forma a partir do mockup hotsite/v2/mockups/home-versao-nova.html (839c975f),
   com as decisões do dono de 06/10 (D-UI3b, D-UI4, D-UI6, D-UI8 a D-UI11). Carrega depois de hero.css e site.css.
   As classes com prefixo nv- são as peças novas (o instrumento hotsite/ferramentas/medir_home.py as reconhece). */

/* ---------- Fonte do logotipo: Nunito 700, só o subconjunto latino, hospedada no site (sem terceiros). Origem: pacote
   @fontsource/nunito 5.2.7 (cdn.jsdelivr.net), 16.228 bytes; licença SIL OFL 1.1 em fontes/OFL.txt (google/fonts). ---------- */
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(fontes/nunito-latin-700-normal.woff2) format("woff2")}

/* ---------- Marcas da prévia: texto provisório e espaço reservado ---------- */
.prov{text-decoration:underline dashed #92d3b2aa;text-underline-offset:4px;text-decoration-thickness:1px}
.light-section .prov{text-decoration-color:#52665099}
.reservado{font-style:normal;color:var(--gold);background:#efbd4714;border:1px dashed #efbd4799;border-radius:4px;padding:0 4px}
.light-section .reservado{color:#6f5310;border-color:#86611899;background:#86611812}

/* ---------- Cabeçalho (herdado da v2: gaps, menu, link «Como funciona» só no desktop) ---------- */
.header-right{gap:18px}
.header .guide-menu{z-index:20}
@media(min-width:851px){body[data-page=landing] .hero{gap:50px}}
@media(max-width:1100px){.header-right{gap:11px}.header .nav-link{display:none}}

/* D-UI10 (A): «Simulação de troca» com ícone de duas linhas e texto dourado. Classe própria: .nav-link some abaixo de 1100 px. */
.nv-sim{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;color:var(--gold);text-decoration:none;white-space:nowrap}
.nv-sim svg{width:20px;height:20px;flex:none}
.nv-sim:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#efbd4799}
.nv-sim[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#efbd4799}

/* Celular: duas linhas. Linha 1: marca e demonstração. Linha 2: Simulação, Entenda a análise e Login. */
@media(max-width:560px){
  .nv-header{flex-wrap:wrap;row-gap:0;column-gap:8px;padding-block:8px 6px}
  .nv-header .header-right{display:contents}
  .nv-header>.brand{order:0;min-height:44px}
  .nv-header .outline{order:1;margin-left:auto;padding:10px 12px;font-size:12px}
  .nv-header:after{content:"";order:2;flex-basis:100%;height:0}
  .nv-header .nv-sim{order:3;font-size:12px;gap:6px}
  .nv-header .nv-sim svg{width:18px;height:18px}
  .nv-header .nav-guides{order:4;margin-left:auto;width:auto}
  .nv-header .nav-guides summary{font-size:12px;min-height:44px;gap:5px}
  .nv-header .nav-guides .guide-menu{left:auto;right:0;top:44px;width:min(260px,calc(100vw - 36px))}
  .nv-header .login-link{order:5;margin-left:12px;padding:9px 11px;font-size:12px}
}
@media(max-width:380px){.nv-header .wordmark{font-size:22px}.nv-header .brand svg{width:24px;height:24px}}

/* ---------- Limite de leitura da casa (33em, até 75 caracteres por linha), também na home ---------- */
.nv-sec .fine-print,.nv-sec .faq-list p,.nv-sec .section-heading>p:last-child,.nv-sec .trust-grid p,.nv-sec .feature-copy p,.nv-closing p:not(.eyebrow),.lede{max-width:33em}

/* ---------- Seções claras herdando componentes desenhados para o escuro (D-UI9, opção D) ---------- */
.nv-sec{--nv-ink:var(--paper);--nv-muted:var(--muted);--nv-line:var(--line);--nv-acc:var(--gold);--nv-card:#ffffff06;--nv-card-line:#ffffff24;--nv-cell:#ffffff0d;--nv-cell-line:#ffffff1c;--nv-gold-cell:var(--gold)}
.nv-sec.light-section{--nv-ink:var(--light-ink);--nv-muted:var(--light-muted);--nv-line:#17392b24;--nv-acc:#866118;--nv-card:#fffdf8;--nv-card-line:#17392b24;--nv-cell:#17392b0b;--nv-cell-line:#17392b1f;--nv-gold-cell:#d29d24}
.light-section .section-heading>p:last-child{color:var(--light-muted)}
.light-section .feature-row{border-color:#17392b24}
.light-section .feature-copy p{color:var(--light-muted)}
.light-section .text-link{color:#6f5310;text-decoration-color:#6f531066}
.light-section .text-link:hover{text-decoration-color:#6f5310}
/* Painéis escuros dentro da seção clara mantêm o texto claro e o dourado claro de link. */
.light-section .evidence-panel,.light-section .nv-vitrine,.light-section .nv-invite{color:var(--paper)}
.light-section .evidence-panel .text-link,.light-section .nv-vitrine .text-link{color:var(--gold);text-decoration-color:#efbd4755}
.light-section .evidence-panel .prov{text-decoration-color:#92d3b2aa}
.light-section .symbol{color:#866118}
.light-section .faq-list details{border-color:#17392b2e}
.light-section .faq-list p{color:var(--light-muted)}
.light-section .faq-list summary:after{color:#866118}
.light-section .faq-list a{color:#6f5310}
.light-section.nv-faq .faq-section{border-top:0}
.nv-faq .faq-section{padding-block:0}
.nv-closing{margin-top:72px}

/* ---------- Hero: as quatro cenas novas, em esquema ---------- */
.nv-lbl{position:absolute;font-size:12px;line-height:1.3;color:var(--muted);white-space:nowrap}
.nv-lbl.gold{color:var(--gold)}
.nv-dot{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}
.nv-dot.k{background:#c7d8cf}
.nv-dot.t{background:var(--gold);box-shadow:0 0 0 3px #183f30}
.nv-dot.e{width:13px;height:13px;background:#0b241d;border:2px solid var(--gold)}
.nv-brace{position:absolute;width:7px;border:1.5px solid #efbd4799;border-right:0}
.nv-brace.end{border-right:1.5px solid var(--gold);border-left:0;border-color:var(--gold)}
.nv-brace.end.is-behind{border-color:#c7d8cf}
svg .ax{fill:none;stroke:#ffffff33;vector-effect:non-scaling-stroke}
svg .keep{fill:none;stroke:#c7d8cf;stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}
svg .swap{fill:none;stroke:var(--gold);stroke-width:3;vector-effect:non-scaling-stroke}
svg .maybe{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke}
svg .guide{fill:none;stroke:#efbd4766;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
svg .tick{stroke:#ffffff55;vector-effect:non-scaling-stroke}

/* 01 · a posição */
.nv-pos{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:start;height:100%;padding-top:30px}
.nv-wallet{border:1px solid var(--line);border-radius:12px;background:#081f1ae6;padding:11px;display:grid;gap:7px;position:relative;z-index:1}
.nv-wallet small{font-size:12px;color:var(--muted);line-height:1.4}
.nv-wallet b{display:block;border:1px solid #c7d8cf88;border-radius:7px;padding:5px 9px;font-size:14px;font-weight:650;line-height:1.5}
.nv-wallet i{display:block;height:24px;border-radius:7px;background:#ffffff08;border:1px solid #ffffff12}
.nv-roads{position:relative;height:150px}
.nv-roads svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nv-roads .nv-maybe-svg{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 92%);mask-image:linear-gradient(90deg,#000 45%,transparent 92%)}

/* 02 · a troca */
.nv-flow{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.2fr) 56px minmax(0,1fr);align-items:center;height:100%}
.nv-node{border:1px solid var(--line);border-radius:12px;background:#081f1ae6;padding:12px;min-width:0}
.nv-node small{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-bottom:6px}
.nv-node b{font-size:15px;font-weight:650;line-height:1.3;display:block}
.nv-node.is-a{border-color:#c7d8cf88}
.nv-node.is-b{border-color:#efbd47aa;background:#efbd4712}
.nv-node.is-b b{color:var(--gold)}
.nv-arrow{position:relative;height:46px}
.nv-arrow:before{content:"";position:absolute;left:7px;right:9px;top:60%;border-top:1.5px solid #c7d8cf99}
.nv-arrow:after{content:"";position:absolute;right:8px;top:60%;width:7px;height:7px;border-top:1.5px solid #c7d8cf99;border-right:1.5px solid #c7d8cf99;transform:translateY(-50%) rotate(45deg)}
.nv-arrow span{position:absolute;left:0;right:0;top:4px;text-align:center;font-size:12px;color:var(--muted)}
.nv-arrow.is-gold:before,.nv-arrow.is-gold:after{border-color:var(--gold)}
.nv-arrow.is-gold span{color:var(--gold)}

/* 03 e 04 · o gráfico do hero */
.nv-mini{display:grid;gap:8px;align-content:center;height:100%}
.nv-legend{display:flex;gap:18px;font-size:12px;color:var(--muted)}
.nv-legend span{display:flex;align-items:center;gap:7px}
.nv-legend span:before{content:"";width:18px;border-top:2px dashed #c7d8cf}
.nv-legend .t:before{border-top:3px solid var(--gold)}
.nv-hplot{position:relative;height:166px}
.nv-hplot svg{position:absolute;inset:0;width:100%;height:100%}
.nv-hplot.is-start svg{-webkit-mask-image:linear-gradient(90deg,#000 32%,transparent 54%);mask-image:linear-gradient(90deg,#000 32%,transparent 54%)}
.nv-axis{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}

@media(max-width:480px){
  .nv-pos{grid-template-columns:104px minmax(0,1fr);padding-top:26px}
  .nv-wallet{padding:9px}
  .nv-wallet b{font-size:13px;padding:5px 7px}
  .nv-flow{grid-template-columns:1fr;grid-template-rows:auto 30px auto 30px auto;align-content:center}
  .nv-node{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 12px}
  .nv-node small{margin:0;order:2;text-align:right}
  .nv-arrow{height:30px}
  .nv-arrow:before{left:22px;right:auto;top:3px;bottom:5px;border-top:0;border-left:1.5px solid #c7d8cf99}
  .nv-arrow:after{left:18.6px;right:auto;top:auto;bottom:5px;transform:rotate(135deg)}
  .nv-arrow.is-gold:before{border-left-color:var(--gold)}
  .nv-arrow span{left:36px;right:auto;top:50%;transform:translateY(-50%);text-align:left}
  .nv-hplot{height:158px}
}

/* ---------- Seção 2 · Como funciona ---------- */
.nv-how{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start}
.nv-steps{list-style:none;margin:0;padding:0;position:relative}
.nv-steps:before{content:"";position:absolute;left:21px;top:22px;bottom:30px;width:1px;background:#efbd4766}
.light-section .nv-steps:before{background:#86611866}
.nv-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-bottom:30px;position:relative}
.nv-steps li:last-child{padding-bottom:0}
.nv-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--nv-acc);background:var(--light);color:var(--nv-acc);font-weight:700;font-size:15px;position:relative;z-index:1}
.nv-sec:not(.light-section) .nv-n{background:var(--bg)}
.nv-steps h3{font-size:21px;margin:9px 0 8px;color:var(--nv-ink)}
.nv-steps p{font-size:16px;line-height:1.7;color:var(--nv-muted);max-width:33em}
.nv-steps li:last-child .nv-n{background:var(--nv-acc);color:var(--light)}
.nv-sec:not(.light-section) .nv-steps li:last-child .nv-n{color:var(--ink)}
.nv-mx-panel{margin:0;border:1px solid var(--nv-card-line);background:var(--nv-card);border-radius:18px;padding:24px}
.nv-mx-panel .panel-top>b{color:var(--nv-ink)}
.light-section .nv-mx-panel .demo-label{color:#6f5310;border-color:#86611855}
.nv-matrix{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px}
.nv-mx-col{grid-column:2;font-size:12px;color:var(--nv-muted)}
.nv-mx-row{grid-row:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;color:var(--nv-muted);text-align:center}
.nv-cells{grid-row:2;grid-column:2;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.nv-cells i{display:block;aspect-ratio:1;border-radius:5px;background:var(--nv-cell);border:1px solid var(--nv-cell-line)}
.nv-cells i.g{background:var(--nv-gold-cell);border-color:var(--nv-gold-cell)}
.nv-mx-key{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:12px;color:var(--nv-muted)}
.nv-mx-key span{display:flex;align-items:center;gap:8px}
.nv-mx-key i{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--nv-cell);border:1px solid var(--nv-cell-line)}
.nv-mx-key i.g{background:var(--nv-gold-cell);border-color:var(--nv-gold-cell)}
.nv-benefits{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;position:relative}
.nv-benefits li{position:relative;border-top:1px solid var(--nv-line);padding-top:26px}
.nv-benefits li:not(:last-child):after{content:"";position:absolute;right:-42px;top:47px;width:28px;border-top:1.5px solid var(--nv-acc)}
.nv-benefits li:not(:last-child):before{content:"";position:absolute;right:-42px;top:43.5px;width:7px;height:7px;border-top:1.5px solid var(--nv-acc);border-right:1.5px solid var(--nv-acc);transform:rotate(45deg)}
.nv-bico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--nv-acc);color:var(--nv-acc);margin-bottom:16px}
.nv-bico svg{width:22px;height:22px}
.nv-benefits .index{display:block;color:var(--nv-acc);font-size:12px}
.nv-benefits h3{font-size:21px;margin:10px 0 10px;color:var(--nv-ink)}
.nv-benefits p{font-size:15px;line-height:1.7;color:var(--nv-muted);max-width:33em}
.nv-sec .fine-print{color:var(--nv-muted)}

/* ---------- Seção 3 · Um exemplo (o mesmo gráfico serve a simulação e a página Payback) ---------- */
.nv-vitrine{border:1px solid #ffffff2b;background:linear-gradient(135deg,#143b2d,#0d271f);border-radius:20px;padding:30px 32px;color:var(--paper)}
.nv-strip{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:44px}
.nv-strip li{position:relative;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#081f1a99;min-width:0}
.nv-strip li:not(:last-child):after{content:"";position:absolute;right:-34px;top:50%;width:24px;border-top:1.5px solid #c7d8cf99}
.nv-strip li:not(:last-child):before{content:"";position:absolute;right:-35px;top:50%;width:7px;height:7px;border-top:1.5px solid #c7d8cf99;border-right:1.5px solid #c7d8cf99;transform:translateY(-50%) rotate(45deg)}
.nv-strip li.is-a{border-color:#c7d8cf77}
.nv-strip li.is-b{border-color:#efbd47aa;background:#efbd4710}
.nv-strip span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.nv-strip b{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.nv-strip li.is-b b{color:var(--gold)}
.nv-ex{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;align-items:stretch}
.nv-chart{margin:0;display:grid;gap:10px;align-content:start}
.nv-plot{position:relative;height:330px}
.nv-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nv-plot .nv-lbl{white-space:normal}
.nv-lbl.enc{text-align:right;width:max-content;max-width:180px}
.nv-lbl.enc b{display:block;color:var(--paper);font-weight:600}
.nv-lbl.res{text-align:right;color:var(--gold)}
.nv-lbl.res.is-behind{color:var(--muted)}
.nv-figs{display:grid;align-content:center;border-left:1px solid var(--line);padding-left:36px}
.nv-fig{margin:0;padding:20px 0;border-top:1px solid var(--line)}
.nv-fig:first-child{border-top:0;padding-top:0}
.nv-fig:last-child{padding-bottom:0}
.nv-fig strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.015em;line-height:1.15;font-variant-numeric:tabular-nums}
.nv-fig.is-main strong{color:var(--gold);font-size:36px}
.nv-fig span{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:6px;max-width:26em}
.nv-vitrine .panel-note{border-top:1px solid var(--line);padding-top:16px;margin-top:26px;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.nv-vitrine .panel-note .text-link{margin:0;min-height:0;font-size:13px}
.nv-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}
.nv-side{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;font-size:16px;line-height:1.7;color:var(--nv-muted);max-width:33em;margin:0}
.nv-side .nv-ico{font-size:24px;line-height:1.2;color:var(--nv-acc)}
.nv-outline-lg{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:15px 24px;margin-top:36px;border:1.5px solid var(--gold);border-radius:999px;color:var(--paper);font-size:15px;font-weight:700;text-decoration:none}
.nv-outline-lg:hover{background:#efbd4714}
.light-section .nv-outline-lg{border-color:var(--light-ink);color:var(--light-ink)}

/* ---------- Seção 4 · os painéis aprovados, refinados ---------- */
.nv-agenda>div{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(48px,90px) auto;align-items:center;gap:12px}
.nv-rank{display:block;height:6px;border-radius:4px;background:#ffffff10;position:relative}
.nv-rank i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:4px;background:var(--gold)}
.nv-rank.is-mid i{background:#efbd47aa}
.nv-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}
.nv-path{border:1px solid #ffffff1f;border-radius:12px;padding:16px}
.nv-path.swap{border-color:#efbd4766}
.nv-path>span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#c7d8cf}
.nv-path.swap>span{color:#efbd47}
.nv-path b{display:block;margin:6px 0 8px;color:#fff;font-size:15px}
.nv-path p{margin:0 0 12px;color:#c7d8cf;font-size:13px;line-height:1.5}
.nv-path strong{display:block;color:#fff;font-size:20px;font-variant-numeric:tabular-nums}
.nv-path strong small{display:block;color:#c7d8cf;font-size:12px;font-weight:400}
.nv-diff{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #ffffff1f;padding-top:12px;margin-top:6px;color:#c7d8cf;font-size:14px}
.nv-diff strong{color:#efbd47;font-size:20px;font-variant-numeric:tabular-nums}
/* D-UI11: o minicronograma de cada título, sem valores, alinhado à mesma data (pontos = juros; barras = principal) */
.nv-sched{position:relative;height:40px;margin:4px 0 14px;border-bottom:1px solid #ffffff3a}
.nv-sched i{position:absolute;bottom:-4px;left:var(--x);width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#c7d8cf}
.nv-path.swap .nv-sched i{background:var(--gold)}
.nv-sched u{position:absolute;bottom:0;left:var(--x);width:7px;margin-left:-3.5px;height:var(--h);background:#c7d8cf66;border:1px solid #c7d8cf;border-bottom:0;border-radius:2px 2px 0 0}
.nv-path.swap .nv-sched u{background:#efbd4755;border-color:var(--gold)}
.nv-sched-key{display:flex;gap:14px;font-size:12px;color:#c7d8cf;margin-top:-6px;margin-bottom:10px}
.nv-sched-key span{display:flex;align-items:center;gap:6px}
.nv-sched-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7d8cf}
.nv-sched-key u{display:inline-block;width:7px;height:12px;background:#c7d8cf66;border:1px solid #c7d8cf;border-bottom:0}
.nv-explain{display:grid;grid-template-columns:minmax(0,1fr) 64px auto;align-items:center;gap:10px}
.nv-explain .audit-sheet{margin:20px 0;max-width:none}
.nv-share{position:relative;height:20px}
.nv-share:before{content:"";position:absolute;left:4px;right:10px;top:50%;border-top:1.5px dashed #c7d8cf99}
.nv-share:after{content:"";position:absolute;right:9px;top:50%;width:7px;height:7px;border-top:1.5px solid #c7d8cf99;border-right:1.5px solid #c7d8cf99;transform:translateY(-50%) rotate(45deg)}
.nv-wa{display:grid;justify-items:center;gap:8px;font-size:12px;color:var(--muted)}
.nv-wa .mark{width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 20px #0003}
.nv-wa svg{width:32px;height:32px;fill:#fff}
.nv-invite{margin:56px 0 0;padding:30px 34px;border:1px solid #5f896366;border-radius:18px;background:radial-gradient(ellipse at top left,#2c5942,#13372a);display:flex;justify-content:space-between;align-items:center;gap:20px 28px;flex-wrap:wrap}
.nv-invite h3{margin:0;color:#fff;font-size:27px;letter-spacing:-.01em}

/* ---------- Barra fina de demonstração (D-UI6). Sem JavaScript ela não existe: nasce com hidden. ---------- */
.nv-bar{position:fixed;inset:0 0 auto 0;z-index:30;height:56px;background:#071c17f2;border-bottom:1px solid #efbd4740;backdrop-filter:blur(6px)}
.nv-bar .shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nv-bar .brand svg{width:26px;height:26px}
.nv-bar .wordmark{font-size:22px}
.nv-bar .primary{min-height:40px;padding:9px 18px;font-size:13px;box-shadow:none}
html.nv-com-barra{scroll-padding-top:72px}
@media(prefers-reduced-motion:no-preference){.nv-bar.is-entrando{animation:nv-desce .2s ease-out}}
@keyframes nv-desce{from{transform:translateY(-100%)}to{transform:none}}

/* ---------- Responsivo das peças novas ---------- */
@media(max-width:1100px){
  .nv-how{gap:40px}
  .nv-ex{grid-template-columns:1fr}
  .nv-figs{border-left:0;padding-left:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding-top:22px}
  .nv-fig{border-top:0;padding:0}
}
@media(max-width:850px){
  .nv-how{grid-template-columns:1fr}
  .nv-benefits{grid-template-columns:1fr;gap:28px;margin-top:44px}
  .nv-benefits li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px}
  .nv-benefits li>*:not(.nv-bico){grid-column:2}
  .nv-bico{grid-row:1/span 3;margin:0}
  .nv-benefits li:not(:last-child):after,.nv-benefits li:not(:last-child):before{display:none}
  .nv-strip{grid-template-columns:1fr;gap:30px}
  .nv-strip li:not(:last-child):after{right:auto;left:28px;top:auto;bottom:-24px;width:0;height:18px;border-top:0;border-left:1.5px solid #c7d8cf99}
  .nv-strip li:not(:last-child):before{right:auto;left:24.6px;top:auto;bottom:-24px;transform:rotate(135deg)}
  .nv-figs{grid-template-columns:1fr;gap:0}
  .nv-fig{border-top:1px solid var(--line);padding:18px 0}
  .nv-fig:first-child{border-top:0;padding-top:0}
  .nv-after{grid-template-columns:1fr;gap:22px}
}
@media(max-width:560px){
  .nv-sec .section-heading h2 br{display:none}
  .nv-vitrine{padding:20px 18px}
  .nv-strip b{font-size:20px}
  .nv-plot{height:220px}
  .nv-fig.is-main strong{font-size:31px}
  .nv-fig strong{font-size:26px}
  .nv-mx-panel{padding:18px}
  .nv-cells{gap:4px}
  .nv-agenda>div{grid-template-columns:34px minmax(0,1fr) 56px}
  .nv-agenda .status{grid-column:2/span 2;justify-self:start;margin:0}
  .nv-split{grid-template-columns:1fr}
  .nv-explain{grid-template-columns:minmax(0,1fr) 40px auto}
  .nv-explain .audit-sheet{padding:16px}
  .nv-invite{padding:24px 20px}
  .nv-invite h3{font-size:23px}
  .nv-invite .primary{width:100%}
  .nv-outline-lg{width:100%;justify-content:center}
}

/* =====================================================================================================
   Páginas «Entenda a análise»: template de artigo v2 (D-ART1 a D-ART4, docs/hotsite/template-artigo.md),
   a partir de docs/hotsite/mockups/artigo-v2.css (c7189ef0), com D-UI3b e D-UI4. Prefixo .st- (história).
   ===================================================================================================== */
.st{--spine:56px;--gap:48px;--prose:#d9e4dc;--fio:#efbd4759;padding-bottom:16px}
.st-hero{display:grid;grid-template-columns:var(--spine) minmax(0,1fr);column-gap:var(--gap);padding-top:38px}
.st-hero>div{grid-column:2}
.st-hero .back-link{margin-bottom:30px}
.st-hero h1{font-size:clamp(38px,4.7vw,66px);line-height:1.12;letter-spacing:-.01em;margin:18px 0 24px;max-width:980px}
.st-hero .lead{font-size:21px;line-height:1.65;color:var(--muted)}
.st-hero .article-note{margin-top:20px}
.st-ch{display:grid;grid-template-columns:var(--spine) minmax(0,1fr) minmax(0,1fr);column-gap:var(--gap);row-gap:28px;position:relative;padding-top:96px}
.st-ch:before{content:"";position:absolute;left:calc(var(--spine)/2 - .5px);top:0;bottom:0;width:1px;background:var(--fio)}
.st-ch.primeiro:before{top:calc(96px + 22px)}
.st-num{grid-column:1;grid-row:1;justify-self:center;align-self:start;position:relative;z-index:1;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:var(--bg);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}
.st-head{grid-column:2/-1;grid-row:1}
.st-head .eyebrow{margin-bottom:14px}
.st .eyebrow{font-size:12px}
.st-head h2{max-width:900px}
.st-text{grid-column:2;grid-row:2}
.st-vis{grid-column:3;grid-row:2;min-width:0}
.st-text p{font-size:17px;line-height:1.8;color:var(--prose)}
.st-text p+p{margin-top:16px}
/* Frase-ponte (S1): a pergunta do leitor que o capítulo seguinte responde. */
.st .st-ponte{font-size:17px;line-height:1.6;color:var(--gold);margin-top:22px}
/* Capítulo de figura larga: texto em cima, visual nas duas colunas. */
.st-ch.larga .st-text{grid-column:2/-1}
.st-ch.larga .st-vis{grid-column:2/-1;grid-row:3;max-width:960px}
.st-ch.larga>.st-ponte{grid-column:2/-1;grid-row:4;margin-top:0}
/* Esquema emoldurado */
.st-fig{border:1px solid #ffffff22;border-radius:16px;padding:22px 26px 18px;margin:0}
.st-chip{display:inline-flex;font-size:12px;color:var(--gold);border:1px solid #efbd4766;border-radius:99px;padding:4px 10px}
/* Lista ilustrada */
.st-fatores{list-style:none;padding:0;margin:0}
.st-fatores li{display:grid;grid-template-columns:44px 1fr;column-gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.st-fatores li:last-child{border-bottom:1px solid var(--line)}
.st-fatores svg{width:28px;height:28px;color:var(--gold);margin-top:2px}
.st-fatores h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.st-fatores p{font-size:16px;line-height:1.75;color:#c9d7cd}
/* A × B, e a variante com ícone (S3: Risco 01 e 04) */
.st-ab{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-ab>div{padding:22px 26px 26px 0}
.st-ab>div+div{padding:22px 0 26px 26px;border-left:1px solid var(--line)}
.st-letra{display:block;font-size:64px;line-height:1;font-weight:300;color:var(--gold);letter-spacing:-.02em;margin-bottom:14px}
.st-icone{display:block;width:44px;height:44px;color:var(--gold);margin-bottom:14px}
.st-ab .index{display:block;font-size:12px;letter-spacing:.1em;color:#c8d9c8;font-weight:650;margin-bottom:8px}
.st-ab h3{font-size:22px;line-height:1.3;margin-bottom:10px}
.st-ab p{font-size:16px;line-height:1.75;color:#c9d7cd}
/* O menor dos dois ganhos + frase de destaque */
.st-menor{border:1px solid #ffffff22;border-radius:16px;padding:22px 26px;margin:0 0 26px}
.st-menor .barra{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:14px;margin:10px 0}
.st-menor .barra b{color:var(--muted);font-size:15px}
.st-menor .barra i{display:block;height:12px;border-radius:8px;background:#92d3b240}
.st-menor .barra.min i{background:var(--gold)}
.st-menor .barra.min{color:var(--gold)}
.st-menor figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.st-frase{border-left:3px solid var(--gold);padding:2px 0 2px 22px}
.st-frase h3{font-size:clamp(22px,2vw,28px);line-height:1.3;margin-bottom:12px}
.st-frase p{font-size:16px;line-height:1.75;color:#c9d7cd}
.st-frase .text-link{margin-top:10px;font-size:15px}
/* Nota de limite dentro do texto */
.st-limite{margin-top:24px;padding:2px 0 2px 18px;border-left:2px solid #efbd4799}
.st-text .st-limite p{font-size:15px;line-height:1.7;color:#c9d7cd}
/* Lista de definições */
.st-def{margin:0;border-top:1px solid var(--line)}
.st-def div{padding:16px 0;border-bottom:1px solid var(--line)}
.st-def dt{color:#fff;font-weight:650;font-size:18px;margin-bottom:6px}
.st-def dd{margin:0;color:#c9d7cd;font-size:16px;line-height:1.7}
/* Depois da história: metodologia e fontes */
.st-depois{display:grid;grid-template-columns:var(--spine) minmax(0,1fr);column-gap:var(--gap);position:relative;padding-top:88px}
.st-depois:before{content:"";position:absolute;left:calc(var(--spine)/2 - .5px);top:0;bottom:0;width:1px;background:var(--fio)}
.st-depois>div{grid-column:2;max-width:860px}
.st-depois .methodology summary{font-size:17px}
.st-depois .methodology p{font-size:16px}
.st-fontes{font-size:14px;line-height:1.7;color:var(--muted);margin-top:24px}
/* Saída única: o fio termina nela (S8) */
.st-saida{display:grid;grid-template-columns:var(--spine) minmax(0,1fr);column-gap:var(--gap);position:relative;padding-top:72px;margin-bottom:82px}
.st-saida:before{content:"";position:absolute;left:calc(var(--spine)/2 - .5px);top:0;height:calc(72px + 30px);width:1px;background:var(--fio)}
.st-fim{grid-column:1;justify-self:center;position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:var(--gold);margin-top:24px}
.st-card{grid-column:2;text-align:center;padding:56px 40px 44px;background:radial-gradient(ellipse at top,#2c5942,#13372a);border:1px solid #5f896355;border-radius:22px}
.st-card h2{margin:0 0 18px}
.st-card>p{color:var(--muted);margin:0 auto 26px;font-size:17px}
.st-card small{display:block;font-size:13px;margin-top:14px;color:var(--muted)}
.st-card .secundaria{max-width:760px;margin:34px auto 0;padding-top:26px;border-top:1px solid #ffffff24}
.st-card .secundaria h3{font-size:20px;margin-bottom:8px}
.st-card .secundaria p{font-size:15px;color:var(--muted);line-height:1.65}
.st-card .casos{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 28px;margin-top:6px}
.st-card .casos .text-link{font-size:15px;margin-top:8px}
/* Largura máxima da prosa (33em, até 75 caracteres por linha), onde quer que ela esteja */
.st p,.st dd,.st figcaption{max-width:33em}
.st-card p{margin-inline:auto}
/* Regras herdadas mais específicas (.case-summary p:last-child, 770 px) venceriam o limite: reafirmado na experiência. */
.st .experience p{max-width:33em}
/* A linha fina da abertura, em 21 px, passa de 75 caracteres com 33em em textos de palavras curtas (medido: 76). */
.st-hero .lead{max-width:32em}

/* Esquemas próprios das páginas (S4, S5 e Oportunidades 01) */
.nv-fluxos{margin:16px 0 6px}
.nv-fluxo{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px;margin:18px 0}
.nv-fluxo b{font-size:14px;color:#fff}
.nv-fluxo b small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.nv-trilho{position:relative;height:30px;border-bottom:1px solid #ffffff33}
.nv-trilho i{position:absolute;bottom:-5px;width:9px;height:9px;border-radius:50%;background:#c7d8cf;transform:translateX(-50%)}
.nv-trilho.troca i{background:var(--gold)}
.nv-trilho i.p{width:auto;height:auto;border-radius:6px;padding:1px 6px;bottom:-9px;font-style:normal;font-size:12px;color:#0b2219;background:#c7d8cf}
.nv-trilho.troca i.p{background:var(--gold)}
.nv-trilho:after{content:"";position:absolute;right:0;bottom:-14px;height:28px;border-right:2px dashed #efbd47aa}
.nv-eixo{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-left:134px}
.nv-leg{font-size:13px;color:var(--muted);margin-top:14px}
.nv-mapa{display:grid;gap:12px;margin-top:14px}
.nv-mapa .orig{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nv-mapa .box{border:1px solid #ffffff26;border-radius:12px;padding:14px 16px}
.nv-mapa .box span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.nv-mapa .box b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.nv-mapa .box p{margin:0;color:#c9d7cd;font-size:14px;line-height:1.6}
.nv-mapa .box small{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.nv-mapa .seta{text-align:center;color:var(--gold);font-size:18px}
.nv-mapa .fim{border-color:#efbd4766}
.nv-passos{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.nv-passos li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;border:1px solid #ffffff22;border-radius:12px;padding:14px 16px}
.nv-passos span{color:var(--gold);font-weight:700;font-size:15px;border:1px solid #efbd4766;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}
.nv-passos b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.nv-passos p{margin:0;color:#c9d7cd;font-size:14px;line-height:1.6}

/* Experiência de payback (capítulo de figura larga): o mesmo componente do gráfico da home, os rótulos em HTML,
   os estados pré-renderizados pelo build a partir dos dados. Sem JavaScript, tudo aparece em sequência. */
.experience .exp-controle[hidden]{display:none!important}
.exp-caso+.exp-caso{border-top:1px solid var(--line)}
.js-exp .exp-caso+.exp-caso{border-top:0}
.exp-passos{margin-top:22px}
.exp-passo+.exp-passo{margin-top:22px}
.js-exp .exp-passo+.exp-passo{margin-top:0}
.exp-passo .step-copy p{font-size:15px;line-height:1.7;color:var(--muted)}
.exp-passo .metric p{font-size:13px}
.experience .nv-chart{margin-top:6px}
.experience .chart-wrap{padding:22px 22px 18px}
.nv-foco{position:absolute;top:0;bottom:0;width:62px;margin-left:-31px;border-radius:24px;background:#ffffff08;pointer-events:none;transition:left .25s}
.nv-foco:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #e8eee666}
.exp-actions .next{background:transparent;color:var(--paper);border:1.5px solid var(--gold)}
.exp-actions .next:hover{background:#efbd4714}

/* Simulação de troca (T7): cartões de escolha, a operação no cartão, o resultado ao escolher (D-UI8) */
.tool-heading{padding-block:30px 34px}
.tool-heading .back-link{margin-bottom:18px}
.tool-heading h1{font-size:clamp(34px,3.3vw,48px);margin:16px 0 15px;line-height:1.17;max-width:800px}
.tool-lede{font-size:17px;color:var(--muted);line-height:1.7;max-width:33em}
.tool-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start;margin-bottom:20px}
.input-card{border:1px solid #94b49c4d;background:#143329;border-radius:17px;padding:26px;min-width:0}
.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.card-heading h2{font-size:19px}
.small-number{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #eac66c55;border-radius:50%;color:var(--gold);font-size:12px;flex-shrink:0}
.input-card .muted{color:var(--muted);font-size:14px;line-height:1.65}
.nv-exemplos{border:0;margin:18px 0 0;padding:0;display:grid;gap:10px}
.nv-exemplos legend{font-size:13px;color:#e2e9e3;margin-bottom:9px;padding:0}
.nv-exemplos label{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;border:1px solid #839f8c66;border-radius:12px;padding:14px;cursor:pointer;background:#0b241b}
.nv-exemplos label:has(input:checked){border-color:var(--gold);background:#efbd4712}
.nv-exemplos label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
.nv-exemplos input{accent-color:#efbd47;width:18px;height:18px;margin:2px 0 0}
.nv-exemplos b{display:block;color:#fff;font-size:15px}
.nv-exemplos label span{display:block;color:#c9d7cd;font-size:14px;margin-top:3px}
.nv-operacao{margin:20px 0 0;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}
.nv-operacao div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.nv-operacao dt{color:#b4cbbb}
.nv-operacao dd{margin:0;color:#eef2e8;text-align:right;font-variant-numeric:tabular-nums}
.nv-nota{font-size:13px;color:#b4cbbb;line-height:1.7;margin-top:16px}
.nv-nota a{color:var(--gold)}
.result-area{min-width:0}
.result-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:35px;margin:0 3px 13px}
.result-topline .eyebrow{font-size:12px;letter-spacing:.1em}
.result-badge{display:inline-flex;align-items:center;border:1px solid #adc4b339;border-radius:99px;padding:7px 10px;font-size:12px;line-height:1.4;color:#c7d8cc;background:#bdd4c007}
.result-card{border:1px solid #99b99e40;border-radius:17px;background:linear-gradient(130deg,#173b2c,#112b21);overflow:hidden}
.result-intro{padding:27px 30px 20px}
.result-intro h2{font-size:clamp(23px,2.2vw,30px);font-weight:550;line-height:1.25;margin:0 0 11px}
.result-intro h2 em{font-style:normal;color:var(--gold)}
.result-intro p{font-size:14px;color:var(--muted)}
.difference{margin:0 30px 22px;padding:23px 24px;border:1px solid #efbd4760;border-radius:12px;background:#c5ae540a}
.difference>span{display:block;font-size:13px;color:#d4ddc9}
.difference>strong{display:block;font-size:clamp(30px,3vw,42px);font-weight:550;letter-spacing:-.02em;color:var(--gold);line-height:1.2;margin:12px 0}
.difference .nv-base{display:block;font-size:14px;color:#d4ddc9;line-height:1.6}
.difference p{font-size:13px;color:#c0d0bc;line-height:1.65;margin-top:8px}
.difference.is-atras>strong{color:var(--paper)}
.wealth-bars{padding:0 30px 24px;display:grid;gap:19px}
.wealth-row>div:first-child{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;margin-bottom:9px}
.wealth-row strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
.wealth-row.hold{color:var(--mint)}
.wealth-row.swap{color:var(--gold)}
.wealth-track{height:7px;border-radius:10px;background:#d5e9d012}
.wealth-track i{display:block;height:100%;border-radius:10px;background:currentColor}
.nv-sim-grafico{margin:0 30px 24px;border:1px solid var(--line);border-radius:12px;background:#071c1766;padding:18px}
.nv-sim-grafico>b{display:block;font-size:14px;font-weight:550;margin-bottom:10px}
.nv-sim-grafico .nv-plot{height:250px}
.nv-pontos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 0}
.nv-pontos>div{border-top:1px solid var(--line);padding-top:10px}
.nv-pontos dt{font-size:12px;color:var(--muted);margin-bottom:6px}
.nv-pontos dd{margin:0;font-size:15px;color:#e4ecdf;font-variant-numeric:tabular-nums}
.nv-sim-grafico .chart-note{font-size:13px;color:var(--muted);margin-top:14px}
.why-result{margin:0 30px 24px;padding:21px 0 0;border-top:1px solid var(--line)}
.why-result .eyebrow{font-size:12px;letter-spacing:.1em;color:#c8d9c8}
.why-result p{margin-top:10px;font-size:15px;line-height:1.75;color:#dae4d8}
.why-result .text-link{display:inline-block;margin-top:10px;font-size:13px}
.result-details{border-top:1px solid var(--line);background:#061a1522}
.result-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:17px 30px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
.result-details summary::-webkit-details-marker{display:none}
.result-details summary:after{content:"+";font-size:18px;color:var(--gold)}
.result-details[open] summary:after{content:"−"}
.result-details-body{padding:0 30px 25px}
.result-details-body p{font-size:14px;line-height:1.8;color:#c3d5c8;margin-top:16px}
.result-details-body .text-link{font-size:13px;margin-top:14px}
.context-cta{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--line);padding:22px 0;flex-wrap:wrap}
.context-cta>div{flex:1;min-width:180px}
.context-cta h3{font-size:17px;font-weight:550;margin:3px 0 9px}
.context-cta p{font-size:14px;color:var(--muted);line-height:1.7}
.context-cta>.text-link{margin-left:47px;font-size:14px;min-height:36px;display:flex;align-items:center}
.tool-workspace p,.tool-workspace dd{max-width:33em}
/* Sem JavaScript, os cartões de rádio escolhem o exemplo pelo CSS; com JavaScript, o atributo hidden também. */
.nv-sim-area:has(#exemplo-1:checked) [data-exemplo="2"],.nv-sim-area:has(#exemplo-2:checked) [data-exemplo="1"]{display:none}

/* Demonstração (T9 + S9): o contato na abertura; o botão do WhatsApp e o formulário lado a lado. O formulário é
   HTML puro (POST ao serviço de formulário); sem o endereço do serviço, o envio fica desligado. */
.nv-contato{margin-top:30px;border:1px solid #efbd4766;background:#efbd4710;border-radius:14px;padding:24px 26px;max-width:880px}
.nv-contato h2{font-size:22px;margin:0 0 6px}
.nv-contato>p{color:var(--muted);font-size:15px;margin:0 0 18px}
.nv-canais{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;align-items:start}
.nv-canal{border:1px solid #ffffff22;border-radius:12px;padding:18px;margin:0;min-width:0}
.nv-rotulo{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.nv-canal>p{color:#c9d7cd;font-size:14px;line-height:1.6;margin:0 0 14px}
.nv-form label{display:block;font-size:13px;color:#e2e9e3;margin:12px 0 6px}
.nv-form .nv-opc{color:var(--muted)}
.nv-form input,.nv-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #839f8c66;border-radius:8px;background:#0b241b;color:#eef2e8;padding:11px 12px;font:inherit;font-size:16px;min-height:46px;color-scheme:dark}
.nv-form textarea{resize:vertical;min-height:84px}
.nv-form input:focus-visible,.nv-form textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nv-form .nv-dados{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 6px}
.nv-form button[disabled]{opacity:.55;cursor:not-allowed}
.nv-form-aviso{font-size:13px;margin-top:10px}
.nv-form .nv-dados a{color:var(--gold)}
.nv-tratamento{padding-bottom:72px}
.nv-tratamento .st-def{max-width:33em}
.nv-obrigado-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:8px}
.nv-obrigado-acoes .nv-outline-lg{margin-top:0}
.demo-hero .lead,.reading-section p,.article-grid p,.callout p{max-width:33em}

@media(max-width:620px){.nv-canais{grid-template-columns:1fr}}
@media(max-width:1100px){.tool-workspace{grid-template-columns:310px minmax(0,1fr);gap:20px}}
@media(max-width:980px){
  .st{--spine:32px;--gap:18px}
  .st-ch{grid-template-columns:var(--spine) minmax(0,1fr);row-gap:20px;padding-top:60px}
  .st-ch.primeiro:before{top:calc(60px + 16px)}
  .st-num{width:32px;height:32px;font-size:13px;margin-top:2px}
  .st-text{grid-column:2;grid-row:2}
  .st-vis,.st-ch.larga .st-vis{grid-column:2;grid-row:3}
  .st-ch.larga .st-text,.st-ch.larga>.st-ponte{grid-column:2}
  .st-depois{padding-top:64px}
}
@media(max-width:850px){
  .tool-workspace{grid-template-columns:1fr}
  .input-card{padding:25px}
  .tool-heading{padding-bottom:24px}
  .tool-heading h1{font-size:38px}
  .tool-workspace .result-area{margin-top:10px}
  .context-cta>.text-link{margin-left:0}
}
@media(max-width:560px){
  .st{--spine:24px;--gap:14px}
  .st-num{width:24px;height:24px;font-size:12px}
  .st-fim{width:12px;height:12px}
  .st-hero h1{font-size:36px}.st-hero .lead{font-size:18px}
  .st h1 br,.st h2 br{display:none}
  .st-text p{font-size:16px}
  .st-fig{padding:16px 14px 12px}
  .st-ab{grid-template-columns:1fr}.st-ab>div,.st-ab>div+div{padding:18px 0}.st-ab>div+div{border-left:0;border-top:1px solid var(--line)}
  .st-letra{font-size:40px;margin-bottom:8px}
  .st-card{padding:36px 20px 30px}
  .st-menor{padding:16px 16px}
  .nv-fluxo{grid-template-columns:76px 1fr;gap:10px}
  .nv-eixo{margin-left:86px;font-size:12px}
  .nv-mapa .orig{grid-template-columns:1fr}
  .tool-heading h1{font-size:35px}
  .tool-lede{font-size:16px}
  .input-card{padding:21px}
  .result-topline{flex-wrap:wrap;gap:8px}
  .result-intro{padding:23px 22px 18px}
  .result-intro h2{font-size:26px}
  .difference{margin:0 22px 24px;padding:20px}
  .difference>strong{font-size:34px}
  .wealth-bars{padding-inline:22px}
  .wealth-row strong{font-size:14px}
  .nv-sim-grafico{margin:0 16px 22px;padding:14px}
  .nv-sim-grafico .nv-plot{height:200px}
  .nv-pontos{grid-template-columns:1fr;gap:8px}
  .why-result{margin-inline:22px}
  .result-details summary{padding:18px 22px}
  .result-details-body{padding:0 22px 22px}
  .context-cta .small-number{display:none}
  .context-cta>.text-link{flex-basis:100%;margin:0}
  .nv-canais{grid-template-columns:1fr}
  .nv-contato{padding:20px}
  .nv-canal .primary{width:100%}
}