/* Tema visual da landing oficial. O nome histórico do arquivo foi preservado
   porque index.html o carrega diretamente. */
:root { --h16-paper:#fafafc; }
.hero {
  background:linear-gradient(180deg,#fbfcff 0%,#f5f6ff 54%,#f8f9ff 68%,var(--h16-paper) 92%);
}
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  pointer-events: none;
}
.hero::before {
  top: -395px;
  left: 50%;
  width: 740px;
  height: 740px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(144, 156, 244, .25), rgba(144, 156, 244, 0) 70%);
}
.hero::after {
  display: none;
}
@media (max-width: 800px) {
  .hero::before { top: -470px; left: 50%; }
}

/* Uma superfície fria contínua: o azul apresenta o produto, o branco frio sustenta a leitura. */
body { background:var(--h16-paper); }

/* A landing ganha a voz editorial da Manrope; as telas que simulam o produto
   continuam em Inter, para preservar a sensação de interface real. */
html.home16-live body,
html.home16-replacing-demo body { font-family:Manrope,Inter,system-ui,-apple-system,sans-serif; }
html.home16-live .carousel-track,
html.home16-live .h16-inspector,
html.home16-live .h16-progress-visual,
html.home16-replacing-demo .carousel-track,
html.home16-replacing-demo .h16-inspector,
html.home16-replacing-demo .h16-progress-visual { font-family:Inter,system-ui,-apple-system,sans-serif; }

.evo {
  position:relative;
  background:var(--h16-paper);
}
.evo-stat {
  background:linear-gradient(145deg,rgba(241,244,255,.9),rgba(249,250,255,.8));
  border-color:#dce3f5;
  border-radius:12px;
  box-shadow:none;
}
.evo-chart {
  background:rgba(255,255,255,.92);
  border-color:#dce3f2;
  box-shadow:0 25px 48px -34px rgba(66,80,148,.28);
}

/* Evolução: um painel de produto, não uma coleção de métricas soltas. */
.evo.h16-progress { padding:clamp(48px,5vw,72px) 0; background:var(--h16-paper); }
.h16-progress-shell { width:min(1080px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.94fr); grid-template-areas:"visual copy"; align-items:center; gap:clamp(38px,7vw,86px); }
.h16-progress-copy { grid-area:copy; }
.evo.h16-progress .h16-progress-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; color:#5a831d !important; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; font-weight:800; letter-spacing:.105em; line-height:1.3; }
.h16-progress-kicker i { width:7px; height:7px; border-radius:50%; background:#baf15f; box-shadow:0 0 0 4px rgba(186,241,95,.22); }
.h16-progress-copy h2 { max-width:11ch; margin:0; color:#202638; font-size:clamp(2rem,4vw,3.22rem); font-weight:850; letter-spacing:-.065em; line-height:.99; }.h16-progress-hl { color:#7d8de1; }
.h16-progress-copy>p { max-width:39ch; margin:22px 0 25px; color:#6e788e; font-size:1rem; line-height:1.6; }
.h16-progress-points { margin:0; padding:0; border-top:1px solid #dfe5f2; list-style:none; }
.h16-progress-points li { display:grid; grid-template-columns:132px 1fr; gap:13px; padding:12px 0; border-bottom:1px solid #dfe5f2; color:#788399; font-size:12px; line-height:1.35; }
.h16-progress-points b { color:#39445b; font-size:12px; }
.h16-progress-visual { grid-area:visual; overflow:hidden; padding:27px 27px 25px; border:1px solid #dfe4f0; border-radius:24px; background:#fbfcff; box-shadow:0 calc(22px + var(--h16-panel-shadow,0px)) 54px rgba(53,63,105,.09); transform:translate3d(0,var(--h16-panel-lift,0px),0); transition:transform .1s linear,box-shadow .1s linear; will-change:transform,box-shadow; }
.h16-progress-top { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }.h16-progress-top small { display:block; color:#8490ad; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; letter-spacing:.08em; }.h16-progress-top b { display:block; margin-top:6px; color:#333e55; font-size:16px; letter-spacing:-.035em; }.h16-progress-top>span { flex:none; padding:8px 10px; color:#578520; border-radius:9px; background:#effadc; font-size:13px; font-weight:800; }.h16-progress-top>span b { display:inline; margin:0; color:inherit; font-size:inherit; }
.h16-progress-chart { position:relative; display:flex; align-items:flex-end; gap:9px; height:170px; margin:26px 4px 15px; padding:0 8px; border-bottom:1px solid #d8deef; }.h16-progress-cut { position:absolute; top:35px; right:0; left:0; border-top:1px dashed #a6d662; }.h16-progress-cut span { position:absolute; top:-16px; right:0; padding:0 4px; color:#719b35; background:#f4f6ff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; font-weight:700; }.h16-progress-bar { position:relative; flex:1; min-width:0; border-radius:8px 8px 2px 2px; background:#c6cdf7; }.h16-progress-bar b { position:absolute; top:-17px; left:50%; color:#7784bb; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; font-weight:700; transform:translateX(-50%); }.h16-progress-bar.is-last { background:linear-gradient(180deg,#8998ec,#a7d665); box-shadow:0 7px 13px rgba(94,143,64,.16); }.h16-progress-bar.is-last b { top:-21px; color:#5e72ce; }
.h16-progress-next { display:flex; align-items:center; gap:11px; padding:12px 13px; border:1px solid #d8e6b6; border-radius:12px; background:linear-gradient(105deg,#f8fce9,#f3f9e8); }.h16-progress-next>i { display:grid; place-items:center; width:28px; height:28px; flex:none; color:#5f8a28; border-radius:8px; background:#e7f5c9; font-style:normal; font-size:15px; }.h16-progress-next small { display:block; color:#8b9b70; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:8px; letter-spacing:.075em; }.h16-progress-next b { display:block; margin-top:3px; color:#344229; font-size:11px; }.h16-progress-next a { margin-left:auto; color:#586cc7; font-size:10px; font-weight:800; text-decoration:none; white-space:nowrap; }
.h16-progress-chart { padding-right:8px; }.h16-progress-cut { right:0; }.h16-progress-axis-label { position:absolute; z-index:2; top:14px; left:1px; display:flex; align-items:baseline; gap:3px; color:#719b35; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; line-height:1; }.h16-progress-axis-label b { font-size:10px; }.h16-progress-axis-label small { font-size:8px; font-weight:700; }
.h16-progress-points-desktop { display:block; }.h16-progress-points-mobile { display:none; }.h16-progress-cut { right:0; }.h16-progress-axis-label { padding:1px 2px; background:#f4f6ff; }

/* Antes da oferta: uma promessa verificável, sem repetir outra demonstração do produto. */
.h16-trust { padding:0 0 clamp(88px,10vw,132px); background:var(--h16-paper); }.h16-trust-panel { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); gap:clamp(45px,8vw,116px); width:min(1080px,calc(100% - 40px)); margin:0 auto; padding:clamp(42px,6vw,72px); overflow:hidden; color:#edf1ff; border:1px solid rgba(153,168,233,.38); border-radius:30px; background:linear-gradient(135deg,#1d2746 0%,#141b31 72%); box-shadow:0 30px 66px -42px rgba(26,37,83,.7); }.h16-trust-panel::before { content:""; position:absolute; top:-205px; right:-124px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(121,141,244,.38),rgba(121,141,244,0) 67%); pointer-events:none; }.h16-trust-head,.h16-trust-list { position:relative; z-index:1; }.h16-trust-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 17px; color:#c9f46e; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; font-weight:800; letter-spacing:.105em; line-height:1.3; }.h16-trust-kicker i { width:7px; height:7px; border-radius:50%; background:#c9f46e; box-shadow:0 0 0 4px rgba(201,244,110,.14); }.h16-trust-head h2 { max-width:11ch; margin:0; color:#fff; font-size:clamp(2.25rem,4.3vw,3.62rem); font-weight:850; letter-spacing:-.07em; line-height:.98; }.h16-trust-head>p:last-child { max-width:38ch; margin:22px 0 0; color:#b9c5dd; font-size:1rem; line-height:1.65; }.h16-trust-list { display:grid; align-content:center; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid rgba(194,206,242,.22); }.h16-trust-list li { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:17px 0; border-bottom:1px solid rgba(194,206,242,.22); }.h16-trust-list>li>span { display:grid; place-items:center; width:27px; height:27px; margin-top:1px; color:#c9f46e; border:1px solid rgba(201,244,110,.35); border-radius:9px; font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }.h16-trust-list b { display:block; color:#fff; font-size:14px; letter-spacing:-.025em; }.h16-trust-list p { margin:5px 0 0; color:#b9c5dd; font-size:12px; line-height:1.45; }

/* Pós-planos e fechamento: uma decisão clara, sem cauda de texto ou CTAs concorrentes. */
.pricing .pv-avulso { margin-top:24px; }.close-cta-panel .close-cta-sub { max-width:37ch; font-size:1rem; }.close-cta-panel .close-cta-actions { display:flex; flex-direction:column; align-items:center; gap:13px; margin-top:25px; }.close-cta-panel .h16-final-primary { display:inline-flex; align-items:center; justify-content:center; gap:11px; width:100%; max-width:270px; padding:15px 13px; color:#161d31; border:1px solid #d4f49b; border-radius:999px; background:#c9f46e; box-shadow:0 13px 26px rgba(201,244,110,.18); font-size:14px; font-weight:850; text-decoration:none; white-space:nowrap; transition:transform .2s ease,background .2s ease; }.close-cta-panel .h16-final-primary:hover { background:#d7fa99; transform:translateY(-2px); }.close-cta-panel .h16-final-primary i,.close-cta-panel .h16-final-secondary i { font-size:17px; font-style:normal; }.close-cta-panel .h16-final-secondary { display:inline-flex; align-items:center; gap:7px; color:#c9d2f3; font-size:13px; font-weight:750; text-decoration:none; white-space:nowrap; }.close-cta-panel .h16-final-secondary:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }.close-cta-panel .close-cta-trust { margin-top:16px; color:#abb6d1; font-size:11px; }.close-cta-panel .close-cta-trust span { white-space:normal; }

/* O primeiro bloco depois do carrossel: uma resposta concreta, não um vídeo genérico. */
.h16-proof { width:min(960px,100%); margin:58px auto 72px; padding:0 0 4px; }
.h16-proof-head { max-width:600px; margin:0 auto 31px; text-align:center; }
.h16-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; }
.h16-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; color:#5a831d; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; font-weight:800; letter-spacing:.105em; line-height:1.3; }
.h16-kicker i { width:7px; height:7px; border-radius:50%; background:#baf15f; box-shadow:0 0 0 4px rgba(186,241,95,.22); }
.h16-proof-bridge { margin:0; color:#687287; font-size:clamp(1rem,1.45vw,1.18rem); line-height:1.55; }.h16-proof-bridge strong { color:#3d475c; }
.h16-inspector { overflow:hidden; border:1px solid #d9e0f3; border-radius:25px; background:linear-gradient(145deg,#f5f7ff 0%,#fff 46%,#fbfdf1 100%); box-shadow:0 27px 58px rgba(56,69,124,.12),inset 0 1px rgba(255,255,255,.9); }
.h16-inspector-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:48px; padding:0 20px; border-bottom:1px solid #e0e5f1; color:#8791aa; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; letter-spacing:.075em; }
.h16-window-dots { display:flex; gap:5px; }.h16-window-dots i { width:7px; height:7px; border-radius:50%; background:#d3d9e8; }.h16-inspector-bar>span:nth-child(2) { justify-self:center; }.h16-inspector-bar>b { justify-self:end; display:inline-flex; align-items:center; gap:7px; color:#5b8721; font-weight:700; }.h16-inspector-bar>b i { width:7px; height:7px; border-radius:50%; background:#a9df55; box-shadow:0 0 0 3px rgba(169,223,85,.18); }
.h16-inspector-body { padding:27px 29px 26px; }.h16-case-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }.h16-case-head small,.h16-paper>small,.h16-insight>small { color:#8591ad; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; letter-spacing:.075em; }.h16-case-head h3 { margin:7px 0 0; color:#2d3548; font-size:18px; letter-spacing:-.045em; }.h16-score { display:flex; align-items:baseline; gap:4px; padding:10px 12px; color:#5d7d35; border:1px solid #d7e7b6; border-radius:11px; background:#f8fde9; }.h16-score strong { font-size:24px; letter-spacing:-.075em; }.h16-score small { color:#809265; font-size:9px; font-weight:800; }
.h16-reading-area { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(235px,.77fr); gap:15px; align-items:stretch; }.h16-paper { padding:22px 20px 17px; border:1px solid #dce3f1; border-radius:16px; background:rgba(255,255,255,.87); }.h16-paper p { margin:13px 0 0; color:#637088; font-size:12px; line-height:1.58; }.h16-paper mark { padding:2px 4px; color:inherit; border-radius:4px; background:transparent; transition:background .22s ease,color .22s ease,box-shadow .22s ease; }.h16-paper [data-h16-mark] { transition:opacity .22s ease,color .22s ease,background .22s ease; }.h16-paper [data-h16-mark].is-muted { opacity:.54; }.h16-paper mark.is-focus { color:#5b5c86; background:#e7e8ff; box-shadow:0 1px 0 #c6c8f2; }.h16-paper p[data-h16-mark].is-focus { padding:2px 4px; color:#855d73; border-radius:4px; background:#f8edf6; box-shadow:inset 2px 0 #e4b8d9; }
.h16-insight { display:flex; flex-direction:column; align-items:flex-start; padding:21px 19px; border:1px solid #d6e0f5; border-radius:16px; background:linear-gradient(150deg,rgba(250,251,255,.96),rgba(248,255,229,.85)); }.h16-insight h4 { margin:12px 0 5px; color:#35415b; font-size:15px; letter-spacing:-.04em; }.h16-insight>strong { color:#6579db; font-size:25px; letter-spacing:-.075em; }.h16-insight>strong span { color:#8d98ae; font-size:10px; letter-spacing:0; }.h16-insight p { margin:13px 0 19px; color:#7c879b; font-size:11px; line-height:1.5; }.h16-insight a { display:flex; justify-content:space-between; align-items:center; gap:14px; width:100%; margin-top:auto; padding:11px 12px; color:#fff; border-radius:9px; background:#5262c9; box-shadow:0 8px 16px rgba(82,98,201,.18); font-size:10px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }.h16-insight a:hover { background:#4656bc; transform:translateY(-2px); }.h16-insight a i { font-size:16px; font-style:normal; }
.h16-criterion-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:15px; }.h16-criterion-switch button { min-height:54px; padding:9px 10px; color:#7e899e; border:1px solid #dfe4ee; border-radius:11px; background:rgba(255,255,255,.8); font:700 10px Inter,system-ui,sans-serif; cursor:pointer; transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease; }.h16-criterion-switch button:hover { color:#57679a; border-color:#bec9f4; transform:translateY(-1px); }.h16-criterion-switch button:focus-visible { outline:3px solid rgba(112,132,230,.45); outline-offset:3px; }.h16-criterion-switch button.is-active { color:#5367c9; border-color:#97a8ef; background:#f9faff; box-shadow:0 0 0 3px #e0e6ff; }.h16-criterion-switch button span,.h16-criterion-switch button b { display:block; }.h16-criterion-switch button b { margin-top:3px; font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }.h16-proof-foot { display:flex; justify-content:center; align-items:center; gap:8px; margin:21px 0 0; color:#7b8497; font-size:11px; text-align:center; }.h16-proof-foot i { width:6px; height:6px; border-radius:50%; background:#b8ec62; }
.mascot-area { margin-top:42px; }
@media (max-width:700px) { .h16-proof { margin:44px auto 44px; }.h16-proof-head { max-width:330px; margin-bottom:25px; }.h16-kicker { margin-bottom:11px; }.h16-proof-bridge { font-size:.9rem; }.h16-inspector { border-radius:19px; }.h16-inspector-bar { min-height:42px; padding:0 14px; font-size:7px; }.h16-inspector-body { padding:17px 13px 15px; }.h16-case-head { margin-bottom:14px; }.h16-case-head h3 { font-size:15px; }.h16-score { padding:7px 8px; }.h16-score strong { font-size:20px; }.h16-reading-area { grid-template-columns:1fr; gap:11px; }.h16-paper { padding:15px 14px 13px; border-radius:13px; }.h16-paper p { margin-top:10px; font-size:10px; line-height:1.48; }.h16-insight { padding:15px 14px; border-radius:13px; }.h16-insight h4 { margin-top:9px; font-size:13px; }.h16-insight>strong { font-size:22px; }.h16-insight p { margin:9px 0 13px; font-size:10px; }.h16-insight a { padding:10px; font-size:9px; }.h16-criterion-switch { gap:5px; margin-top:11px; }.h16-criterion-switch button { min-height:48px; padding:7px 3px; border-radius:9px; font-size:8px; }.h16-criterion-switch button b { font-size:8px; }.h16-proof-foot { max-width:310px; margin:17px auto 0; font-size:10px; line-height:1.45; } }
@media (max-width:700px) { .evo.h16-progress { padding:28px 0 82px; }.h16-progress-shell { width:min(100% - 40px,440px); grid-template-columns:1fr; grid-template-areas:"copy" "visual" "points"; gap:29px; }.h16-progress-copy h2 { max-width:10.5ch; font-size:2.05rem; }.h16-progress-copy>p { margin:17px 0 20px; font-size:.96rem; line-height:1.57; }.h16-progress-points-desktop { display:none; }.h16-progress-points-mobile { grid-area:points; display:grid; grid-template-columns:1fr; margin-top:-12px; }.h16-progress-points li { grid-template-columns:99px 1fr; gap:9px; padding:10px 0; font-size:11px; }.h16-progress-points b { font-size:11px; }.h16-progress-visual { padding:19px 16px 16px; border-radius:18px; }.h16-progress-top b { font-size:14px; }.h16-progress-top>span { padding:7px 8px; font-size:9px; }.h16-progress-chart { height:142px; gap:6px; margin:21px 0 13px; padding:0 5px; }.h16-progress-cut { top:29px; right:0; }.h16-progress-axis-label { top:10px; left:0; right:auto; }.h16-progress-axis-label b { font-size:9px; }.h16-progress-axis-label small { font-size:7px; }.h16-progress-bar b { top:-15px; font-size:8px; }.h16-progress-next { gap:8px; padding:10px; }.h16-progress-next b { font-size:10px; }.h16-progress-next a { font-size:9px; } }
@media (max-width:700px) { .h16-progress-copy { text-align:center; }.evo .h16-progress-kicker { justify-content:center; color:#5a831d !important; }.h16-progress-copy h2 { width:100%; max-width:100%; }.h16-progress-copy>p { margin-right:auto; margin-left:auto; }.h16-progress-points-mobile li { grid-template-columns:1fr; gap:3px; text-align:center; }.h16-trust { padding-bottom:82px; }.h16-trust-panel { grid-template-columns:1fr; gap:31px; width:min(100% - 40px,440px); padding:31px 22px 25px; border-radius:23px; }.h16-trust-head { text-align:center; }.h16-trust-kicker { justify-content:center; margin-bottom:14px; }.h16-trust-head h2 { max-width:10.5ch; margin-right:auto; margin-left:auto; font-size:2.25rem; }.h16-trust-head>p:last-child { margin-top:17px; font-size:.94rem; }.h16-trust-list li { grid-template-columns:30px 1fr; gap:11px; padding:14px 0; text-align:left; }.h16-trust-list b { font-size:13px; }.h16-trust-list p { font-size:11px; } }

/* Planos já abre com a própria margem. No mobile, sobra apenas a transição visual de 14px. */
html.home16-live .h16-trust,
html.home16-replacing-demo .h16-trust { padding-bottom:0; }
@media (max-width:700px) {
  html.home16-live .h16-trust,
  html.home16-replacing-demo .h16-trust { padding-bottom:14px; }
}
@media (max-width:700px) { .close-cta { padding:54px 0 66px; }.close-cta-panel { padding:43px 26px 38px; border-radius:26px; }.close-cta-eyebrow { margin-bottom:15px; }.close-cta-title { max-width:12.5ch; font-size:2rem; line-height:1.03; }.close-cta-panel .close-cta-sub { margin-top:14px; font-size:.98rem; line-height:1.5; }.close-cta-panel .close-cta-actions { margin-top:24px; }.close-cta-panel .close-cta-trust { margin-top:15px; font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .h16-paper mark,.h16-paper [data-h16-mark],.h16-insight a,.h16-criterion-switch button { transition:none; } }