/* Guia da LP: pergunta centralizada e dicas que só abrem depois da pesquisa. */
body.lp-interativa { --li-ink:#172820; --li-green:#0e7357; --li-dark:#123c31; --li-line:#d9e2d8; --li-h1:var(--t-h1,clamp(38px,1.96vw + 31.71px,60px)); --li-body:var(--t-corpo,clamp(17px,.27vw + 16.14px,20px)); background:#faf9f4; color:var(--li-ink); }
.lp-interativa [hidden] { display:none !important; }
.lp-interativa #cta-flutuante { display:none !important; }
.lp-interativa .feature-pitch > p { display:none; }
.lp-interativa .demo-context { font-size:17px; }
.lp-interativa :is(.li-hero,.li-ask,.li-guide) { font-family:var(--body,Geist,system-ui,sans-serif); }
.lp-interativa :is(.li-hero,.li-ask,.li-guide) * { box-sizing:border-box; }
.lp-interativa :is(.li-hero,.li-ask,.li-guide) :is(button,a,input):focus-visible { outline:3px solid var(--li-green); outline-offset:4px; }
.lp-interativa :is(.li-hero,.li-ask,.li-guide) :is(button,input) { font-family:inherit; }

.li-preview-bar { border-bottom:1px solid var(--li-line); background:#faf9f4; color:#4c6158; font-size:15px; }
.li-preview-bar > .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.li-preview-bar a { display:inline-flex; align-items:center; min-height:48px; color:var(--li-green); text-underline-offset:4px; }

.lp-interativa .li-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; gap:clamp(44px,6vw,90px); padding-block:58px 64px; }
.li-hero-copy { min-width:0; }
.lp-interativa .li-hero h1 { margin:0 0 20px; color:var(--li-ink); font-size:var(--li-h1); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
.lp-interativa .li-hero h1 .li-title-highlight { color:var(--li-green); }
.lp-interativa .li-intro { max-width:32ch; margin:0; color:#3f4652; font-size:var(--li-body); line-height:1.55; }
.lp-interativa .li-inscritos { display:flex; align-items:center; gap:9px; margin:16px 0 0; color:var(--li-green); font-size:16px; line-height:1.5; }
.li-inscritos svg { flex:none; }
.li-inscritos strong { font-weight:700; }
.li-inscritos [data-contador-inscritos] { display:inline-block; min-width:3ch; font-variant-numeric:tabular-nums; text-align:right; }
.li-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.li-hero-actions { display:flex; align-items:stretch; flex-wrap:wrap; gap:10px; margin-top:22px; }
.li-google-start,.li-plans-start { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:54px; padding:12px 18px; border-radius:9px; font-size:17px; font-weight:650; line-height:1.4; text-decoration:none; white-space:nowrap; transition:background .18s,border-color .18s,box-shadow .18s; }
.li-google-start { border:1px solid #12151c; color:#12151c; background:#fff; box-shadow:0 5px 15px #12151c12; }
.li-google-start:hover { border-color:#0d6a4d; color:#12151c; background:#f7faf6; box-shadow:0 7px 18px #12151c1c; }
.li-google-start svg { flex:none; width:22px; height:22px; }
.li-google-short { display:none; }
.li-plans-start { min-width:178px; border:1px solid #173e31; color:#fff; background:#173e31; box-shadow:0 8px 18px #173e3124; }
.li-plans-start:hover { border-color:#0d6a4d; color:#fff; background:#0d6a4d; box-shadow:0 10px 22px #173e3130; }
.li-plans-start span { font-size:20px; font-weight:400; line-height:1; }

/* Pergunta: tudo centralizado. Selo, título grande, uma barra de busca e os chips embaixo. */
.lp-interativa .li-ask { padding-block:clamp(56px,7vw,104px); text-align:center; }
.li-ask-copy { max-width:860px; min-width:0; margin-inline:auto; }
.li-guide-eyebrow { display:inline-flex; align-items:center; color:#39755b; font-size:12px; font-weight:760; letter-spacing:.12em; text-transform:uppercase; }
.lp-interativa .li-ask h2 { margin:20px auto 18px; color:var(--li-ink); font-size:clamp(40px,5.2vw,74px); font-weight:700; line-height:1.02; letter-spacing:-.055em; text-wrap:balance; }
/* Marca-texto verde-limão atrás do fim da frase: sublinhado grosso, pintado por baixo das letras. */
.lp-interativa .li-ask h2 em { display:block; text-decoration:underline; text-decoration-color:#cdeb9c; text-decoration-thickness:.24em; text-underline-offset:-.1em; text-decoration-skip-ink:none; }
.li-ask h2 em,.li-guide h2 em { color:var(--li-green); font-style:normal; }
.lp-interativa .li-ask-intro { max-width:58ch; margin:0 auto; color:#3f4652; font-size:clamp(17px,1.25vw,19px); line-height:1.55; text-wrap:balance; }
.lp-interativa .li-ask-tip { max-width:60ch; margin:12px auto 0; color:#5b6f62; font-size:14px; line-height:1.5; text-wrap:balance; }
.li-preview-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 13px; border:1px solid #d6e3d6; border-radius:999px; color:#3d5a4a; background:#fff; font-size:13px; font-weight:600; line-height:1.3; }
.li-preview-badge i { width:7px; height:7px; border-radius:50%; background:#6fb96f; box-shadow:0 0 0 3px #6fb96f2e; }

.li-search { max-width:720px; margin:32px auto 0; }
.li-search-control { display:flex; align-items:stretch; gap:8px; min-width:0; padding:7px; border:1.5px solid #c9d8cd; border-radius:16px; background:#fff; box-shadow:0 18px 40px -26px #173e3152,0 2px 6px #173e310d; transition:border-color .18s ease,box-shadow .18s ease; }
.li-search-control:focus-within { border-color:var(--li-green); box-shadow:0 0 0 4px #0e735722,0 18px 40px -26px #173e3152; }
.li-search-control input { flex:1; width:100%; min-width:0; min-height:56px; padding:10px 14px; border:0; outline:0; color:var(--li-ink); background:transparent; font-size:18px; line-height:1.5; text-align:left; }
.lp-interativa .li-search-control input:focus-visible { outline:none; }
.li-search-control input::placeholder { color:#738278; opacity:1; }
.li-submit { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:10px; min-height:56px; padding:0 22px; border:0; border-radius:11px; color:#fff; background:var(--li-green); font-size:16.5px; font-weight:700; line-height:1.2; white-space:nowrap; cursor:pointer; transition:background .18s ease; }
.li-submit > span:last-child { font-size:21px; font-weight:400; line-height:1; }
.li-submit:hover { background:#09553f; }
.li-choice-set { margin-top:28px; }
.li-choice-label { display:flex; align-items:baseline; gap:7px; margin-bottom:10px; color:#354d40; font-size:14px; font-weight:700; line-height:1.4; }
.li-ask .li-choice-label { justify-content:center; }
.li-choice-label small { color:#6d7c72; font-size:12px; font-weight:500; }
.li-example-buttons,.li-niche-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.li-example-buttons { justify-content:center; gap:8px; }
.li-example-buttons button,.li-niche-buttons button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:7px 11px; border:1px solid #d9e1d7; border-radius:999px; color:#31473c; background:#fff; font-size:14px; font-weight:550; line-height:1.3; cursor:pointer; transition:border-color .16s ease,background .16s ease; }
.li-example-buttons button { padding-inline:15px; }
.li-example-buttons button:hover,.li-niche-buttons button:hover { border-color:#82aa8d; background:#f3f9f2; }
.li-example-buttons button[aria-pressed="true"],.li-niche-buttons button[aria-pressed="true"] { border-color:var(--li-green); color:#075a41; background:#eaf5eb; box-shadow:inset 0 0 0 1px var(--li-green); }
.li-niche-buttons #li-custom-niche { gap:8px; min-height:44px; max-width:100%; text-align:left; overflow-wrap:anywhere; }
.lp-interativa .li-status { margin:0; color:#a33b25; font-size:14px; line-height:1.5; }
.lp-interativa .li-status:not(:empty) { margin-top:10px; }
.lp-interativa .li-status[data-state="loading"] { color:var(--li-green); }
.li-search [type="submit"][disabled] { cursor:wait; }
.li-search.is-loading .li-submit > span:last-child { display:none; }
.li-search.is-loading .li-submit::after { content:""; flex:none; width:18px; height:18px; border:2px solid #ffffff55; border-top-color:#fff; border-radius:50%; animation:li-guide-loading .75s linear infinite; }
@keyframes li-guide-loading { to { transform:rotate(360deg); } }
.li-primary { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:13px 20px; border:1px solid var(--li-green); border-radius:8px; color:#fff; background:var(--li-green); font-size:16px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
.li-primary:hover { color:#fff; background:#09553f; border-color:#09553f; }
.li-guide-cta span:last-child { font-size:21px; font-weight:400; line-height:1; }

/* Roteiro: tipografia, etapas e linhas em vez de cards. */
.li-guide { padding:clamp(65px,7vw,104px) 0 clamp(72px,7vw,108px); border-block:1px solid #dfe5da; background:#fbfcf8; scroll-margin-top:92px; }
.li-guide-head { display:flex; align-items:end; justify-content:space-between; gap:32px; }
.li-guide-head > div:first-child { flex:1; min-width:0; max-width:760px; }
.lp-interativa .li-guide h2 { margin:14px 0 12px; color:var(--li-ink); font-size:clamp(31px,2.7vw,44px); font-weight:650; line-height:1.08; letter-spacing:-.05em; }
.lp-interativa .li-guide h2:focus { outline:none; }
.lp-interativa .li-guide-head p { max-width:64ch; margin:0; color:#52665a; font-size:18px; line-height:1.6; }
.li-guide-context { display:grid; flex:0 0 clamp(230px,25vw,340px); min-width:0; gap:9px; padding:4px 0 4px 17px; border-left:3px solid #91ba80; overflow-wrap:anywhere; }
.li-guide-context span,.li-guide-finish-kicker { color:#437659; font-size:11px; font-weight:800; letter-spacing:.12em; }
.li-guide-context strong { color:#173b2b; font-size:17px; font-weight:650; line-height:1.3; }
.li-guide-context #li-guide-idea-label { display:block; margin-bottom:4px; font-size:12px; font-weight:600; letter-spacing:0; }
.li-guide-context #li-guide-idea { display:block; white-space:pre-wrap; }
.lp-interativa .li-guide-head .li-guide-context p { margin:0; color:#657468; font-size:14px; line-height:1.5; }
.li-guide-context small { color:#657468; font-size:12px; line-height:1.45; }
/* Resultado: nichos em cima, três ferramentas lado a lado, três dicas em cada. */
.lp-interativa .li-guide-head p.li-guide-lead { max-width:60ch; color:#445a4c; font-size:17px; line-height:1.55; }
.li-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.li-guide-layout { min-width:0; }
.li-guide-niches { margin:26px 0 0; padding:18px 20px 16px; border:1px solid #dfe7dc; border-radius:11px; background:#f7faf5; }
.li-guide-niches .li-choice-label { margin-bottom:10px; }
.li-suggested { display:contents; }
.li-suggested button { gap:5px; color:#0b674d; font-weight:650; }
.lp-interativa .li-guide-status { margin:0; color:#a33b25; font-size:14px; line-height:1.5; }
.lp-interativa .li-guide-status:not(:empty) { margin-top:10px; }
.lp-interativa .li-guide-status[data-state="loading"] { color:var(--li-green); }
.li-guide-pains { margin:18px 0 0; padding:16px 20px 18px; border:1px solid #efd9bf; border-radius:11px; background:#fffaf2; transition:opacity .18s ease; }
.li-guide.is-loading .li-guide-pains { opacity:.45; }
.lp-interativa .li-guide-pains-head { margin:0; color:#6b5a45; font-size:14.5px; line-height:1.4; }
.li-guide-pains-head strong { color:#8a3d12; font-size:15.5px; font-weight:750; }
.li-guide-pains ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 18px; margin:12px 0 0; padding:0; list-style:none; }
.li-guide-pains li { position:relative; display:grid; align-content:start; gap:3px; min-width:0; padding-left:24px; }
.li-guide-pains li::before { content:"!"; position:absolute; top:1px; left:0; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; color:#fff; background:#c2571b; font-size:11.5px; font-weight:800; line-height:1; }
.li-guide-pains li strong { color:#3b2a17; font-size:15px; font-weight:700; line-height:1.3; }
.li-guide-pains li span { color:#5d5244; font-size:13.5px; line-height:1.4; }
.li-guide-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; min-width:0; margin:18px 0 0; padding:0; list-style:none; transition:opacity .18s ease; }
.li-guide.is-loading .li-guide-cards { opacity:.45; }
.li-guide-card { display:flex; flex-direction:column; min-width:0; padding:20px 20px 14px; border:1px solid #dfe7dc; border-radius:11px; background:#fff; }
.li-tool-head { display:flex; align-items:center; gap:12px; min-width:0; }
.li-tool-head > span:last-child { display:grid; min-width:0; }
.li-tool-head small { color:#657468; font-size:13px; line-height:1.35; }
.li-tool-icon { display:grid; flex:none; place-items:center; width:40px; height:40px; border-radius:10px; color:#0b674d; background:#eaf5eb; }
.li-tool-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.lp-interativa .li-guide-item-title { min-width:0; margin:0; color:#173b2b; font-size:19px; font-weight:700; line-height:1.25; letter-spacing:-.02em; }
.li-tool-tips { display:grid; gap:10px; flex:1; margin:16px 0 0; padding:0; list-style:none; counter-reset:dica; }
.li-tool-tips li { position:relative; padding-left:32px; color:#26402f; font-size:15px; font-weight:550; line-height:1.4; counter-increment:dica; }
.li-tool-tips li::before { content:counter(dica); position:absolute; top:0; left:0; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:#fff; background:var(--li-green); font-size:12.5px; font-weight:750; line-height:1; }
.li-guide-feature { display:inline-flex; align-self:flex-start; align-items:center; gap:6px; min-height:40px; margin-top:12px; padding:4px 0; border:0; color:#0b674d; background:transparent; font-size:14.5px; font-weight:700; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.li-guide-feature:hover { color:#173e32; }
.lp-interativa .li-guide-head p.li-guide-price-top { margin:10px 0 0; color:#0b5a43; font-size:15px; font-weight:700; }
.li-guide-finish { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:36px; padding:27px 31px; border-radius:11px; background:#173e32; }
.li-guide-finish > div { min-width:0; }
.li-guide-finish-kicker { display:block; margin-bottom:7px; color:#bce69e; }
.li-guide-finish strong { display:block; color:#fff; font-size:22px; font-weight:650; line-height:1.25; letter-spacing:-.025em; }
.lp-interativa .li-guide-finish p { max-width:62ch; margin:7px 0 0; color:#d5e5d4; font-size:14px; line-height:1.55; }
.lp-interativa .li-guide-finish p.li-guide-price { color:#fff; font-size:15.5px; font-weight:650; }
.li-guide-ctas { display:grid; flex:none; justify-items:center; gap:10px; }
.li-guide-links { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; }
.li-guide-cta { border-color:#d1eea3; color:#1e4a32; background:#d1eea3; white-space:nowrap; }
.li-guide-cta:hover { border-color:#e5f8c6; color:#163d2b; background:#e5f8c6; }
.li-guide-more { color:#d5e5d4; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.li-guide-more:hover { color:#fff; }
.li-guide-back { position:fixed; z-index:40; bottom:24px; left:50%; display:inline-flex; flex-direction:column; align-items:center; gap:2px; min-height:44px; padding:9px 22px 10px; border:0; border-radius:16px; color:#fff; background:#173e32; box-shadow:0 10px 26px #0b2a2033; font-size:14px; font-weight:700; cursor:pointer; transform:translateX(-50%); }
.li-guide-back:hover { background:#0b674d; }
.li-guide-back small { color:#bce69e; font-size:12px; font-weight:600; }
.li-guide-back[hidden] { display:none; }
/* As dicas abrem depois da pesquisa: o bloco aparece em fade e cada parte sobe um pouco, em sequência.
   Sair de display:none já reinicia a animação. backwards (não both) devolve no fim a opacidade do
   .is-loading; o cabeçalho só esmaece porque o scrollTo mede a posição dele. */
.li-guide,.li-guide-head { animation:li-guide-in .45s ease-out backwards; }
.li-guide-niches,.li-guide-pains,.li-guide-cards,.li-guide-finish { animation:li-guide-rise .6s cubic-bezier(.2,.7,.2,1) backwards; }
.li-guide-niches { animation-delay:.08s; }
.li-guide-pains { animation-delay:.16s; }
.li-guide-cards { animation-delay:.24s; }
.li-guide-finish { animation-delay:.32s; }
@keyframes li-guide-in { from { opacity:0; } }
@keyframes li-guide-rise { from { opacity:0; transform:translateY(14px); } }

@media (max-width:1050px) {
  .lp-interativa .li-hero { gap:35px; }
}
@media (max-width:850px) {
  .li-guide-cards { grid-template-columns:minmax(0,1fr); }
  .li-guide-pains ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lp-interativa .li-hero { grid-template-columns:1fr; max-width:610px; padding-block:38px 36px; }
  .li-guide-head { align-items:start; }
}
@media (max-width:620px) {
  .lp-interativa .li-hero { padding-block:30px; }
  .lp-interativa .li-hero h1 { margin-bottom:16px; letter-spacing:-.04em; }
  .lp-interativa .li-intro { font-size:18px; line-height:1.5; }
  .li-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .li-google-start,.li-plans-start { min-width:0; padding-inline:10px; font-size:16px; }
  .lp-interativa .li-ask { padding-block:44px 52px; }
  .lp-interativa .li-ask h2 { margin:16px auto 14px; font-size:clamp(34px,9.4vw,44px); line-height:1.04; letter-spacing:-.05em; }
  .lp-interativa .li-ask-intro { font-size:16.5px; }
  .li-search { margin-top:24px; }
  .li-search-control { flex-direction:column; gap:6px; padding:6px; }
  .li-search-control input { min-height:52px; font-size:16px; }
  .li-submit { width:100%; min-height:52px; }
  .li-choice-set { margin-top:22px; }
  .li-example-buttons,.li-niche-buttons { gap:6px; }
  .li-example-buttons button,.li-niche-buttons button { min-height:37px; padding:6px 9px; }
  .li-guide { padding:49px 0 59px; }
  .li-guide-head { display:block; }
  .lp-interativa .li-guide h2 { margin:12px 0 9px; font-size:clamp(30px,8vw,39px); }
  .lp-interativa .li-guide-head p { font-size:15px; line-height:1.48; }
  .li-guide-context { margin-top:16px; }
  .li-guide-context small { display:none; }
  .lp-interativa .li-guide-head p.li-guide-lead { font-size:15.5px; }
  .li-guide-niches { margin-top:20px; padding:14px 14px 12px; }
  .li-guide-cards { gap:12px; margin-top:14px; }
  .li-guide-pains { margin-top:14px; padding:14px 14px 15px; }
  .li-guide-pains ul { grid-template-columns:minmax(0,1fr); gap:10px; }
  .li-guide-card { padding:16px 16px 10px; }
  .lp-interativa .li-guide-item-title { font-size:17.5px; }
  .li-tool-tips { margin-top:13px; gap:8px; }
  .li-tool-tips li { font-size:14.5px; }
  .li-guide-finish { display:block; margin-top:28px; padding:22px 18px; }
  .li-guide-ctas { margin-top:16px; }
  .li-guide-cta { width:100%; white-space:normal; }
  .li-guide-back { top:80px; bottom:auto; width:max-content; max-width:calc(100% - 32px); }
}
@media (max-width:380px) {
  .lp-interativa .li-hero h1 { font-size:36px; }
  .lp-interativa .li-ask h2 { font-size:32px; }
  .li-example-buttons button,.li-niche-buttons button { padding-inline:8px; font-size:12px; }
}
@media (max-width:420px) {
  .li-google-full { display:none; }
  .li-google-short { display:inline; }
}
@media (prefers-reduced-motion:reduce) {
  .lp-interativa :is(.li-hero,.li-ask,.li-guide),.lp-interativa :is(.li-hero,.li-ask,.li-guide) * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
  .li-search.is-loading .li-submit::after { animation:none; }
}