@font-face{font-family:Inter;src:url(fonts/Inter-latin.woff2) format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* DM Mono real (SIL OFL, Google Fonts): o sobrenome "Pro" do lockup; antes só declarado, sem arquivo (RX-464). */
@font-face{font-family:'DM Mono';src:url(fonts/DM-Mono-500-latin.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap}

/* Layout: padrão Vendors (branco, tinta escura, botões pílula) com a estrutura do Ollama:
   herói dividido com o produto em uso, faixa de prova, trilha lateral fixa por frente, cartão de preço. */
:root {
  --bg: #FFFFFF;
  --surface: #F1F1EF;
  --ink: #0F161C;
  --muted: #5B6168;
  --line: #E4E3DF;
  --accent: #825A2E;
  --accent-soft: #F5EEE5;
  --ok: #2F6B4F;
  --gap: #8A5A12;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --wrap: 1180px;
  color-scheme: light;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; margin: 0; letter-spacing: -0.02em; }
p { margin: 0; }
.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: 24px; }
@media (max-width: 640px) { .wrap { padding-inline: 16px; } }

/* Navegação (RX-297: o cabeçalho canônico está mais abaixo, na seção "Cabeçalho único"). */
.nav { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: #fff; border-bottom: 0; }
.nav .wrap { display: flex; align-items: center; height: 72px; }
.logo { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: none; }
.logo img { height: 27px; width: auto; }
.nav-links { display: flex; gap: 24px; margin-left: 32px; font-size: 14px; font-weight: 400; }
.nav-links a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: var(--ink); }
.nav-links a:hover, .nav-links a:focus-visible { text-decoration: underline; }
.nav-cta { margin-left: auto; display: flex; align-items: center; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding-inline: 22px; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid var(--ink); transition: transform .15s ease, background .15s ease; white-space: nowrap; }
.btn-primary { background: var(--ink); color: #fff; }
.btn-primary:hover { transform: translateY(-1px); }
.btn-ghost { background: var(--bg); color: var(--ink); border-color: #D2D2CE; }
.btn-ghost:hover { border-color: var(--ink); }
.btn-lg { height: 52px; padding-inline: 28px; font-size: 16px; }
.btn:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Herói */
.hero { padding-block: 72px 56px; }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 56px; align-items: center; }
.eyebrow { font-family: var(--font-mono); font-size: 13px; color: var(--accent); letter-spacing: 0.04em; margin-bottom: 20px; }
.hero h1 { font-size: clamp(40px, 5.4vw, 64px); line-height: 1.02; font-weight: 800; letter-spacing: -0.035em; }
.hero .sub { font-size: 19px; color: var(--muted); margin-top: 22px; max-width: 34em; }
.hero .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.proof-line { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 22px; font-size: 14px; color: var(--muted); }
.proof-line span { display: inline-flex; align-items: center; gap: 7px; }
.proof-line span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
@media (max-width: 920px) { .hero .wrap { grid-template-columns: minmax(0,1fr); gap: 40px; } .hero { padding-block: 48px 40px; } }

/* Janela do app */
.app { background: var(--surface); border-radius: 18px; padding: 14px; box-shadow: 0 30px 60px -30px rgba(15,22,28,0.25); }
.app-bar { display: flex; align-items: center; gap: 8px; padding: 2px 6px 12px; font-size: 13px; color: var(--muted); }
.dots { display: flex; gap: 6px; }
.dots i { width: 10px; height: 10px; border-radius: 50%; background: #D2D2CE; display: block; }
.app-bar .conn { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 12px; color: var(--ok); }
.app-bar .conn::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.chat { background: var(--bg); border-radius: 12px; padding: 22px; display: grid; gap: 16px; }
.msg-user { justify-self: end; background: var(--surface); padding: 10px 16px; border-radius: 16px 16px 4px 16px; font-size: 15px; max-width: 85%; }
.tool { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; width: max-content; max-width: 100%; }
.tool svg { width: 14px; height: 14px; flex: none; }
.msg-ai { font-size: 15px; color: var(--ink); }
.doc { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.doc-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.doc-head .k { font-family: var(--font-mono); font-size: 11px; color: var(--accent); letter-spacing: 0.06em; text-transform: uppercase; }
.doc-head h2 { font-size: 20px; margin-top: 2px; }
.doc-head .meta { font-size: 12px; color: var(--muted); margin-top: 2px; }
.score { text-align: right; flex: none; }
.score b { font-size: 22px; font-variant-numeric: tabular-nums; }
.score small { display: block; font-size: 11px; color: var(--muted); }
.meter { height: 4px; background: var(--line); }
.meter i { display: block; height: 100%; width: 100%; background: var(--accent); }
.doc-rows { display: grid; }
.doc-row { display: grid; grid-template-columns: 9.5em minmax(0,1fr) auto; gap: 12px; align-items: baseline; padding: 10px 18px; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.doc-row:last-child { border-bottom: 0; }
.doc-row .f { color: var(--muted); }
.doc-row .src { font-family: var(--font-mono); font-size: 11px; color: var(--muted); white-space: nowrap; }
.tag-gap { font-family: var(--font-mono); font-size: 11px; color: var(--gap); background: #FBF3E4; border-radius: 4px; padding: 1px 6px; white-space: nowrap; }
.doc-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; background: var(--accent-soft); font-size: 13px; }
.doc-foot a { font-weight: 600; text-decoration: none; }
@media (max-width: 520px) { .doc-row { grid-template-columns: minmax(0,1fr); gap: 2px; } .chat { padding: 16px; } }

/* Faixa de prova */
.band { border-block: 1px solid var(--line); }
.band .wrap { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.stat { padding: 28px 20px; border-left: 1px solid var(--line); }
.stat:nth-child(4n+1) { border-left: 0; padding-left: 0; }
.stat b { display: block; font-size: 34px; font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.stat span { font-size: 14px; color: var(--muted); }
.stat:nth-child(n+5) { border-top: 1px solid var(--line); }
@media (max-width: 760px) { .band .wrap { grid-template-columns: repeat(2, minmax(0,1fr)); } .stat { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); } .stat:nth-child(-n+2) { border-top: 0; } .stat b { font-size: 26px; white-space: nowrap; } }

/* Seções */
section { padding-block: 96px; }
@media (max-width: 640px) { section { padding-block: 64px; } }
.sec-head { max-width: 760px; }
.sec-head h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.06; font-weight: 750; }
.sec-head p { font-size: 19px; color: var(--muted); margin-top: 18px; }
.kicker { font-family: var(--font-mono); font-size: 13px; color: var(--accent); margin-bottom: 16px; letter-spacing: 0.04em; }

.problem .wrap { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: start; }
.problem .body { display: grid; gap: 18px; font-size: 18px; color: #2B3238; }
.problem .body p:last-child { color: var(--ink); font-weight: 600; }
@media (max-width: 860px) { .problem .wrap { grid-template-columns: minmax(0,1fr); gap: 28px; } }

.solution { background: var(--surface); }
.pillars { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 48px; }
.pillar { background: var(--bg); border-radius: 14px; padding: 28px; }
.pillar h3 { font-size: 19px; }
.pillar p { color: var(--muted); margin-top: 10px; font-size: 16px; }
.pillar .ic { width: 36px; height: 36px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; margin-bottom: 18px; }
.pillar .ic svg { width: 18px; height: 18px; }
@media (max-width: 860px) { .pillars { grid-template-columns: minmax(0,1fr); } }

/* Trilha das frentes (padrão Ollama) */
.fronts .layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 64px; margin-top: 56px; }
.rail { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 96px); align-self: start; display: grid; }
.rail a { text-decoration: none; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 16px; display: flex; justify-content: space-between; transition: color .15s; }
.rail a.on { color: var(--ink); font-weight: 600; }
.rail a small { font-family: var(--font-mono); font-size: 12px; color: var(--muted); font-weight: 400; }
.front { padding-bottom: 72px; scroll-margin-top: 96px; }
.front:last-child { padding-bottom: 0; }
.front h3 { font-size: 30px; font-weight: 700; }
.front > p { color: var(--muted); font-size: 18px; margin-top: 12px; max-width: 40em; }
.asks { display: grid; gap: 10px; margin-top: 26px; }
.ask { display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border-radius: 14px; padding: 16px 18px; }
.ask .q { font-size: 16px; }
.ask .out { font-size: 13px; color: var(--muted); margin-top: 4px; }
.ask .ic { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--bg); display: grid; place-items: center; color: var(--accent); }
.ask .ic svg { width: 14px; height: 14px; }
.deliverables { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.chip { font-size: 13px; border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; color: var(--muted); }
@media (max-width: 900px) {
  .fronts .layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .rail { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 68px); z-index: 5; background: var(--bg); display: flex; overflow-x: auto; gap: 8px; padding-block: 10px; margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; }
  .rail a { border: 1px solid var(--line); border-radius: 999px; min-height: 44px; align-items: center; padding: 6px 14px; white-space: nowrap; font-size: 14px; }
  .rail a.on { background: var(--ink); color: #fff; border-color: var(--ink); }
  .rail a small { display: none; }
}

/* Ciclo (RX-291: seção escura) */
.cycle { background: var(--ink); color: #fff; }
.cycle .sec-head p, .cycle .muted { color: #A9B0B6; }
.cycle .kicker { color: #D5A973; }
.cycle ol { list-style: none; padding: 0; margin: 56px 0 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 0; counter-reset: s; }
.cycle li { position: relative; padding: 28px 22px 0 0; border-top: 2px solid rgba(255,255,255,.18); counter-increment: s; }
.cycle li::before { content: counter(s, decimal-leading-zero); position: absolute; top: -13px; left: 0; background: var(--ink); padding-right: 10px; font-family: var(--font-mono); font-size: 13px; color: #D5A973; }
.cycle li:first-child { border-top-color: #D5A973; }
.cycle h3 { font-size: 18px; color: #fff; }
.cycle p { color: #A9B0B6; font-size: 15px; margin-top: 8px; }
@media (max-width: 900px) { .cycle ol { grid-template-columns: minmax(0,1fr); gap: 28px; } .cycle li { padding-right: 0; } }

/* Confiança (RX-291: seção clara) */
.trust { background: var(--bg); color: var(--ink); }
.trust .sec-head p, .trust .muted { color: var(--muted); }
.trust .kicker { color: var(--accent); }
.trust .grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 64px; margin-top: 56px; align-items: start; }
.trust-list { display: grid; gap: 28px; }
.trust-list h3 { font-size: 19px; }
.trust-list p { color: var(--muted); margin-top: 6px; font-size: 16px; }
.fact { background: var(--surface); border-radius: 14px; padding: 6px 0; font-size: 14px; }
.fact-row { display: grid; grid-template-columns: 9em minmax(0,1fr); gap: 14px; padding: 14px 22px; border-bottom: 1px solid var(--line); }
.fact-row:last-child { border-bottom: 0; }
.fact-row .f { color: var(--muted); }
.fact-row .src { display: block; font-family: var(--font-mono); font-size: 11.5px; color: var(--accent); margin-top: 4px; }
.fact-row .src a { color: var(--accent); }
.fact-row .gapv { color: var(--gap); }
.fact-cap { font-size: 12px; color: var(--muted); margin-top: 12px; }
@media (max-width: 860px) { .trust .grid { grid-template-columns: minmax(0,1fr); gap: 40px; } .fact-row { grid-template-columns: minmax(0,1fr); gap: 2px; } }

/* Onde funciona */
.where .wrap { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: center; }
.apps { display: grid; gap: 12px; }
.app-tile { display: flex; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; }
.app-tile .lg { width: 40px; height: 40px; border-radius: 10px; background: var(--surface); display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.app-tile b { display: block; font-size: 16px; }
.app-tile span { font-size: 14px; color: var(--muted); }
.app-tile .st { margin-left: auto; font-family: var(--font-mono); font-size: 12px; color: var(--ok); }
@media (max-width: 860px) { .where .wrap { grid-template-columns: minmax(0,1fr); gap: 32px; } }

/* Para quem */
.roles { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; margin-top: 48px; }
.role { border-top: 2px solid var(--ink); padding-top: 18px; }
.role h3 { font-size: 17px; }
.role p { color: var(--muted); font-size: 15px; margin-top: 8px; }
@media (max-width: 960px) { .roles { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px 16px; } }
@media (max-width: 520px) { .roles { grid-template-columns: minmax(0,1fr); } }

/* Preço (padrão Ollama) */
.pricing { background: var(--surface); }
.pricing .wrap { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,440px); gap: 64px; align-items: center; }
.plan { background: var(--bg); border-radius: 20px; padding: 32px; box-shadow: 0 30px 60px -40px rgba(15,22,28,0.35); }
.plan .name { display: flex; justify-content: space-between; align-items: center; }
.plan .name b { font-size: 18px; }
.badge { font-family: var(--font-mono); font-size: 11px; background: var(--accent-soft); color: var(--accent); border-radius: 999px; padding: 4px 10px; }
.price { display: flex; align-items: baseline; gap: 6px; margin-top: 18px; }
.price b { font-size: 52px; letter-spacing: -0.04em; font-weight: 750; font-variant-numeric: tabular-nums; }
.price span { color: var(--muted); }
.plan .anchor { font-size: 14px; color: var(--muted); margin-top: 4px; }
.plan ul { list-style: none; padding: 0; margin: 24px 0 28px; display: grid; gap: 12px; font-size: 15px; }
.plan li { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 10px; }
.plan li svg { width: 16px; height: 16px; color: var(--ok); margin-top: 3px; }
.plan li small { display: block; color: var(--muted); font-size: 13px; }
.plan .btn { width: 100%; }
.plan .fine { text-align: center; font-size: 13px; color: var(--muted); margin-top: 12px; }
@media (min-width: 1100px) { .pricing .plan { position: relative; right: 43px; } }
@media (max-width: 860px) { .pricing .wrap { grid-template-columns: minmax(0,1fr); gap: 32px; } }

/* Perguntas */
.faq .wrap { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); gap: 64px; }
details { border-bottom: 1px solid var(--line); }
details:first-child { border-top: 1px solid var(--line); }
summary { list-style: none; cursor: pointer; padding: 20px 0; font-weight: 600; font-size: 17px; display: flex; justify-content: space-between; gap: 16px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; font-weight: 400; font-size: 22px; line-height: 1; color: var(--muted); }
details[open] summary::after { content: "−"; }
details p { color: var(--muted); padding-bottom: 20px; max-width: 40em; }
@media (max-width: 860px) { .faq .wrap { grid-template-columns: minmax(0,1fr); gap: 28px; } }

/* Fecho */
.final { text-align: center; }
.final .mark { width: 64px; height: 64px; margin: 0 auto 28px; color: var(--ink); }
.final h2 { font-size: clamp(32px, 4.4vw, 52px); font-weight: 800; letter-spacing: -0.03em; max-width: 16em; margin-inline: auto; }
.final p { color: var(--muted); font-size: 18px; margin-top: 16px; }
.final .btn { margin-top: 32px; }


@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
html { scroll-behavior: smooth; }

.bloco-prompt{padding:0;margin-top:32px}.bloco-prompt h2{font-size:24px}.bloco-prompt p{font-size:16px}.prompt-instalacao{display:block;width:100%;min-height:170px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;resize:vertical;font:13px/1.5 var(--font-mono)}.where .wrap{display:block}.where .sec-head{max-width:820px}.install-note{color:var(--muted);font-size:14px;margin-top:16px}.install-note a{color:var(--accent)}.venda .bloco-prompt .botao{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 24px;font:600 15px var(--font-sans);cursor:pointer}

.venda .acoes-prompt{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 8px}.venda .bloco-prompt a.botao{display:inline-block;text-decoration:none}.venda .nota-prompt{color:var(--muted);font-size:14px}.venda .bloco-prompt .botao-secundario{background:transparent;color:var(--ink);border:1px solid var(--line)}
/* Celular (RX-244, 05/10/2026): sem botões repetidos, alvos de toque de 44px e etiquetas que quebram linha sem deformar. */
.chip{border-radius:12px;line-height:1.5}
@media(max-width:640px){
  .stat b{font-size:30px}
  .site-footer .footer-column a{display:inline-flex;align-items:center;min-height:44px}
  .site-footer .footer-socials a{width:44px;height:44px}
  .install-note a{display:inline-block;padding:12px 0}
  .doc .k,.score small,.doc-row .src,.tag-gap,.fact .src,.price-card .badge,.badge{font-size:12px}
}
@media(max-width:380px){.hero h1{font-size:34px}.btn-lg{font-size:15px;padding-inline:16px;max-width:100%;white-space:normal;text-align:center}}

/* Rodapé padrão do TheAgent (RX-261): mesmo desenho do site Ghost e do Vendors (theagent-vendors, styles.css e footer-brand.css). */
.site-footer{--ink-soft:#343a3f;--muted:#6f7274;--line:#e3e3e0;width:min(calc(100% - 40px),1180px);margin:auto;padding:64px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.footer-grid{display:grid;grid-template-columns:minmax(260px,1.9fr) repeat(3,minmax(130px,1fr));gap:48px}
.footer-intro{max-width:390px}
.footer-brand{display:inline-flex;align-items:center;width:168px}
.footer-brand-logo{width:100%;height:auto}
.footer-brand:hover .footer-brand-logo{opacity:.72}
.footer-intro p{margin:17px 0 0;color:var(--ink-soft);line-height:1.65}
.footer-intro p a{color:var(--ink-soft)}
.footer-socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}
.footer-socials a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ink-soft)}
.footer-socials a:hover{color:var(--ink)}
.footer-socials svg{width:18px;height:18px;fill:currentColor}
.footer-column-title{margin:3px 0 17px;color:var(--ink);font-size:13px;font-weight:650}
.footer-column ul{margin:0;padding:0;display:grid;gap:10px;list-style:none}
.footer-column li{margin:0}
.footer-column a{color:var(--muted);text-decoration:none}
.footer-column a:hover{color:var(--ink)}
.footer-standard{margin:52px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);line-height:1.6}
.footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-bottom p{margin:0}
.rx-credit{padding:24px 16px;color:#6f7274;font:13px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;text-align:center}
.rx-credit a{color:#6f7274;text-decoration:underline}
.rx-credit-logo{display:block;width:140px;margin:14px auto 0}
.rx-credit-logo img{display:block;width:100%;height:auto;opacity:.85}
@media(max-width:860px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.footer-intro{grid-column:1/-1;max-width:520px}}
@media(max-width:620px){.site-footer{width:min(calc(100% - 32px),1180px);padding-top:52px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-intro{grid-column:auto;max-width:36ch}.footer-column-title{margin-bottom:12px}.footer-standard{margin-top:40px;padding:20px 0}.footer-bottom{min-height:0;padding:20px 0;align-items:flex-start;flex-direction:column;gap:6px}}
/* Copy consolidado (RX-261): condição do teste junto aos botões do topo e nota de execução no ciclo. */
.hero-cond{margin-top:16px;max-width:54ch;color:var(--muted);font-size:14px;line-height:1.55}
.cycle-note{margin-top:40px;max-width:70ch;color:var(--muted);font-size:15px;line-height:1.6}
.final .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
/* Cabeçalho e largura no padrão do theagent.bz/vendors (RX-261, conferido em 05/10/2026):
   conteúdo de 1180px sem recuo interno, gutter de 20px (16px no celular), cabeçalho branco de 72px (66px no celular),
   logo com 27px de altura, menu em 14px, botão de 42px em 14px. */
.wrap{width:min(calc(100% - 40px),var(--wrap));max-width:none;padding-inline:0}
@media(max-width:640px){.wrap{width:min(calc(100% - 32px),var(--wrap));padding-inline:0}}
/* Cabeçalho compartilhado MCP (RX-430): navegação local, Entrar e CTA curto.
   Fundo branco sem borda nem sombra; 72px de altura (66px até 640px). O miolo usa a largura do
   `.venda .wrap` definida acima. */
.nav{background:#fff;backdrop-filter:none;border-bottom:0;box-shadow:none;z-index:20;position:sticky;top:env(safe-area-inset-top,0px)}
.nav .wrap{height:72px;gap:0}
.venda .nav .logo img{width:auto;height:27px;filter:brightness(0) saturate(100%)}
.logo{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.logo-pro{display:inline-flex;align-items:center;min-height:44px}
.logo-pro .logo-a{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}
.logo-pro .logo-a img{height:27px;width:auto;filter:brightness(0) saturate(100%)}
.logo-pro .logo-pro-sobrenome{font-family:'DM Mono', ui-monospace, monospace;font-size:15px;font-weight:700;letter-spacing:.06em;color:#B68044;text-decoration:none;margin-left:2px}
.nav-links{display:flex;gap:24px;margin-left:32px;font-size:14px;font-weight:400}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.nav-links a:hover,.nav-links a:focus-visible{text-decoration:underline}
.nav-cta{margin-left:auto;display:flex;align-items:center}
.venda .nav-cta .btn{height:42px;min-height:42px;padding-inline:18px;font-size:14px;font-weight:570;white-space:nowrap}
.venda .nav .nav-cta .btn-primary{min-height:42px}
.nav-login{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;font-size:14px;color:var(--ink);text-decoration:none}
.nav-login:hover,.nav-login:focus-visible{text-decoration:underline}
.nav-sair-painel button{display:flex;align-items:center;min-height:48px;padding-inline:0;border:0;background:none;border-bottom:1px solid var(--line);font:400 16px var(--font-sans);color:var(--ink);cursor:pointer;width:100%;text-align:left}
.nav-lang{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:16px;font-size:14px;color:var(--ink);text-decoration:none}
.nav-lang:hover,.nav-lang:focus-visible{text-decoration:underline}
.nav :is(a,summary):focus-visible{outline:2px solid #825A2E;outline-offset:3px}
/* Menu do celular: painel abaixo do cabeçalho, sem JavaScript obrigatório (details/summary).
   Isolado das regras globais de details/summary do FAQ (sem borda, sem ::after de +/−, sem padding). */
.nav-drawer{display:none;margin-left:12px;border:0}
.nav-drawer[open]{border:0}
.nav-toggle{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:0;list-style:none;cursor:pointer}
.nav-toggle::-webkit-details-marker{display:none}
.nav-toggle::after{content:none;display:none}
.nav-toggle span{display:block;width:22px;height:1.5px;background:#0F161C;border-radius:1px;transition:transform .18s cubic-bezier(.2,0,0,1),opacity .12s linear}
.nav-drawer[open] .nav-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-drawer[open] .nav-toggle span:nth-child(2){opacity:0}
.nav-drawer[open] .nav-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.nav-panel{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;background:#fff;border-top:1px solid var(--line);padding-inline:max(23px,(100% - 1180px)*.575)}
.nav-drawer[open] .nav-panel{display:flex}
.nav-panel a{display:flex;align-items:center;min-height:48px;padding-inline:0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink);text-decoration:none}
@media(max-width:1179px){
  .nav-links{display:none}
  .nav-drawer{display:inline-flex}
}
@media(max-width:640px){
  .nav .wrap{height:66px}
  /* RX-297: o cabeçalho mantém padding-inline 18px em todas as larguras, igual ao Vendors. */
  .venda .nav-cta .btn{height:42px;font-size:14px;padding-inline:18px}
  .nav-lang{display:none}
  .nav-login{display:none}
  .nav-panel{padding-inline:max(18.4px,(100% - 1180px)*.575)}
}
/* RX-297: nada de reduzir o padding do botão escuro do cabeçalho em telas estreitas. */
/* RX-266: instalação sem o campo do prompt à vista, aviso de plano em destaque e rótulo das frentes. */
.where .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.campo-oculto{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0;resize:none}
.copiar-link{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;cursor:pointer}
.front-rotulo{display:block;margin-top:4px;font:500 12px var(--font-mono);letter-spacing:.04em;color:var(--muted)}
.final .final-cond{margin:16px auto 0}
/* RX-268: logo canônico do site e do Vendors (arquivo branco), escurecido como no Vendors. */
.venda .nav .logo img{filter:brightness(0) saturate(100%)}
.footer-brand-logo{filter:invert(1)}
/* RX-273: cartão TheAgent em destaque na seção A ALTERNATIVA, com o logo branco no lugar do título. */
.pillar.pillar-dark{background:var(--ink)}
.pillar-dark p{color:rgba(255,255,255,.82)}
.pillar-logo{display:block;width:auto;height:24px}

/* RX-287: o rótulo "Claude" da janela simulada é cinza sobre a superfície (#f1f1ef): 4,28 no #6f7274.
   Só este rótulo escurece para 5,05, o mínimo para passar 4,5; a paleta global continua igual. */
.app-bar .app-name{color:#63676a}

/* RX-276: acabamento do Vendors sem mexer no layout (pedido do dono em 05/10/2026).
   Layout, espaçamentos, colunas e tamanho dos títulos de seção seguem os anteriores. */
:root { --muted: #6f7274; --font-mono: var(--font-sans); }
body { font-size: 16px; line-height: 1.5; }
.hero h1, .final h2 { font-weight: 700; }
.hero .sub { color: #343a3f; }
.eyebrow, .kicker { font-size: 12px; font-weight: 650; letter-spacing: 0.045em; text-transform: uppercase; }
.btn { height: 42px; padding-inline: 18px; font-size: 14px; font-weight: 570; }
.btn-lg { height: 42px; padding-inline: 18px; font-size: 14px; }

/* RX-277: janela simulada do Claude 15% mais estreita e 10% mais baixa; RX-279: centrada na própria coluna. */
@media (min-width: 1100px) {
  .hero .app { width: 85%; justify-self: center; padding: 12px; }
  .hero .app-bar { padding-bottom: 8px; }
  .hero .chat { padding: 16px 18px; gap: 10px; }
  .hero .msg-user { font-size: 14px; padding: 9px 15px; max-width: 92%; }
  .hero .msg-ai { font-size: 14px; }
  .hero .doc-head { padding: 12px 16px; }
  .hero .doc-head h2 { font-size: 18px; }
  .hero .doc-row { grid-template-columns: 7.4em minmax(0,1fr) auto; gap: 10px; padding: 7px 16px; font-size: 13px; }
  .hero .doc-row .src, .hero .tag-gap { font-size: 10.5px; }
}

/* RX-281: espaço, instalação e movimento da página de venda. */
.venda .wrap,.venda .site-footer{width:calc(100% - 2 * max(23px,(100% - 1180px) * .575));max-width:none;padding-inline:0;margin-inline:auto}
@media(max-width:640px){.venda .wrap,.venda .site-footer{width:calc(100% - 2 * max(18.4px,(100% - 1180px) * .575))}}
.where{background:var(--bg);scroll-margin-top:96px}
.where .sec-head{max-width:760px}
.where-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;margin-top:36px}
.install-steps{list-style:none;counter-reset:step;padding:0;margin:0;position:relative}
.install-steps::before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:1px;background:var(--line);transform-origin:top}
.install-steps li{position:relative;margin:0 0 8px}
.install-step{display:flex;align-items:center;gap:16px;width:100%;min-height:68px;padding:8px 0;border:0;background:none;color:var(--ink);font:600 16px/1.45 var(--font-sans);text-align:left;cursor:pointer}
.step-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:14px}
.install-step:hover .step-number,.install-step[aria-current=step] .step-number{border-color:var(--accent);color:var(--accent)}
.install-step:focus-visible,.copiar-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.where .actions{margin-top:24px}
.where .install-note{margin-top:18px}
.install-links{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:6px;font-size:14px}
.install-links a,.install-links .copiar-link{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px;font-weight:500}
.install-links .copiar-link{border:0;text-decoration:underline}
.install-window{min-width:0;background:var(--surface);border-radius:20px;box-shadow:0 30px 60px -30px rgba(15,22,28,.25)}
.install-window-body{display:grid;gap:12px;padding:12px;border-radius:12px;background:var(--bg)}
.install-state{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;transition:opacity .15s cubic-bezier(.2,0,0,1)}
.install-state .msg-user{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:none;text-align:left;overflow-wrap:anywhere}
.install-state p{font-size:14px}
.install-pill,.install-ok{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;font-size:13px}
.install-pill{background:var(--ink);color:white}
.install-ok{margin-left:8px;background:var(--accent-soft);color:var(--ink)}
.install-state[data-state="3"] .install-ok{display:flex;width:max-content;margin:10px 0 0}
.js-motion .where.is-in .install-state:not(.is-active){opacity:.45}
.btn{min-height:44px;transition:transform .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98);transition-duration:.1s}
@keyframes venda-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes venda-hero{from{transform:translateY(20px)}to{transform:translateY(0)}}
.hero .eyebrow,.hero h1,.hero .sub,.hero .actions,.hero .app{animation:venda-hero .4s cubic-bezier(.2,0,0,1) both}
.hero h1{animation-delay:.04s}.hero .sub{animation-delay:.08s}.hero .actions{animation-delay:.12s}.hero .app{animation-delay:.16s}
.js-motion .sec-head:not(.is-in),.js-motion .motion-group:not(.is-in){opacity:0;transform:translateY(16px)}
.js-motion .sec-head.is-in,.js-motion .motion-group.is-in{animation:venda-enter .28s cubic-bezier(.2,0,0,1) both}
.js-motion .motion-group.is-in>*{animation:venda-enter .28s cubic-bezier(.2,0,0,1) both}
.js-motion .motion-group.is-in>:nth-child(2){animation-delay:60ms}.js-motion .motion-group.is-in>:nth-child(3){animation-delay:120ms}.js-motion .motion-group.is-in>:nth-child(4){animation-delay:180ms}.js-motion .motion-group.is-in>:nth-child(n+5){animation-delay:240ms}
.js-motion .where.is-in .install-steps::before{animation:draw-step .6s cubic-bezier(.2,0,0,1) both}
.js-motion .where.is-in .install-steps li{animation:venda-enter .28s cubic-bezier(.2,0,0,1) both}.js-motion .where.is-in .install-steps li:nth-child(2){animation-delay:220ms}.js-motion .where.is-in .install-steps li:nth-child(3){animation-delay:440ms}
@keyframes draw-step{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:900px){.where-grid{grid-template-columns:minmax(0,1fr);gap:32px}}
@media(max-width:640px){.where{scroll-margin-top:90px}.where .actions{display:grid;grid-template-columns:1fr}.where .actions .btn{width:100%;white-space:normal;min-height:44px;text-align:center}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero .sub,.hero .actions,.hero .app,.js-motion .sec-head,.js-motion .motion-group,.js-motion .motion-group>* ,.js-motion .where .install-steps::before,.js-motion .where .install-steps li{animation:none!important;opacity:1!important;transform:none!important}.js-motion .where .install-state{opacity:1!important}.btn:hover,.btn:active{transform:none!important}}

/* Cabeçalho (06/10): a fila logo + menu + botões precisa de ~1115 px. A margem lateral que cresce com a tela
   (RX-281) deixava menos que isso acima de ~1760 px e "Como funciona" quebrava; abaixo de 1180 px o menu vai
   para o botão de três linhas. Mesma regra no Vendors (header-actions.css), para os cabeçalhos seguirem idênticos. */
.nav-links a{white-space:nowrap}
@media(min-width:1180px){.nav .wrap,.venda .nav .wrap{width:max(calc(100% - 2 * max(23px,(100% - 1180px) * .575)),1115px)}}

/* RX-383: subtítulo aprovado e cartão animado do hero. */
.plano .doc-head{align-items:center;padding:14px 18px}
.plano .selo{font-family:var(--font-mono);font-size:12px;color:var(--ok);font-weight:600;white-space:nowrap;position:relative}
.plano .selo .s1{color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:8px}
.plano .selo .s1 .bar{width:56px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.plano .selo .s1 .bar i{display:block;height:100%;width:0;background:var(--ok);animation:bfill 2.6s 3.5s linear both}
@keyframes bfill{to{width:100%}}
.plano .prio{padding:12px 18px 10px;border-bottom:1px solid var(--line)}
.plano .prio .k{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase}
.plano .prio h2{font-size:13px;font-weight:700;margin-top:3px;line-height:1.2}
.plano .doc-row{grid-template-columns:10em minmax(0,1fr);padding:9px 18px}
.plano .doc-row span:last-child{color:var(--ink)}
.plano .trust{display:flex;gap:12px;padding:10px 18px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);white-space:nowrap}
.plano .trust span::before{content:"✓ ";color:var(--ok);font-weight:700}
.plano .doc-foot{justify-content:flex-end}
.plano .doc-foot span{font-weight:600}
.typing{display:inline-flex;gap:4px;padding:8px 12px;border-radius:12px;background:var(--surface);width:max-content}
.typing i{width:6px;height:6px;border-radius:50%;background:#B8B8B3;display:block;animation:tdot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{0%,60%,100%{opacity:.3}30%{opacity:1}}
.typing{position:absolute;animation:tshow 2s .8s both}
@keyframes tshow{0%{opacity:0}10%,90%{opacity:1}100%{opacity:0;visibility:hidden}}
.chat{position:relative}
.anim{opacity:0;transform:translateY(6px);animation:ain .4s cubic-bezier(.2,0,0,1) both}
@keyframes ain{to{opacity:1;transform:none}}
.plano .selo .s1{animation:sout .3s 6.1s both}
.plano .selo .s2{opacity:0;animation:ain .3s 6.1s both}
@keyframes sout{to{opacity:0}}
@media (max-width:760px){.plano .doc-row{grid-template-columns:1fr}.plano .trust{white-space:normal;flex-wrap:wrap;gap:4px 12px}}
@media (prefers-reduced-motion:reduce){.anim,.plano .selo .s2{animation:none;opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.plano .selo .s1,.typing{display:none}}
.plano .doc-row{padding:7px 18px}
.plano .prio{padding:10px 18px 8px}
.plano .doc-head{padding:12px 18px;gap:8px}
.plano .selo{display:grid;justify-items:end}
.plano .selo .s1,.plano .selo .s2{grid-area:1/1}
@media (max-width:760px){.plano .selo{font-size:11px}}
.hero .app{box-sizing:border-box;min-height:563px}
@media (max-width:760px){.hero .app{min-height:835px}}
.typing{top:112px;left:22px}
.hero .msg-user.anim{animation-delay:.3s}
.hero .msg-ai.anim{animation-delay:2.9s}
.hero .doc.plano{animation-delay:3.3s}
.plano .prio{animation-delay:3.5s}
.plano .doc-row:nth-child(1){animation-delay:3.8s}
.plano .doc-row:nth-child(2){animation-delay:4.2s}
.plano .doc-row:nth-child(3){animation-delay:4.6s}
.plano .doc-row:nth-child(4){animation-delay:5s}
.plano .doc-row:nth-child(5){animation-delay:5.4s}
.plano .trust{animation-delay:6.2s}
.plano .doc-foot{animation-delay:6.5s}
.dos{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -30px rgba(15,22,28,.25);overflow:hidden;font-size:13px;color:var(--ink)}
.dos .wm{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dos .wm span{position:absolute;left:-10%;width:120%;transform:rotate(-14deg);font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:rgba(15,22,28,.05);white-space:nowrap}
.dos .wm span:nth-child(1){top:22%}
.dos .wm span:nth-child(2){top:52%}
.dos .wm span:nth-child(3){top:82%}
.dos-bar{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.dos-bar b{color:var(--accent);font-weight:600}
.dos-bar .sep{width:1px;height:14px;background:var(--line)}
.dos-bar .blip{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--ink)}
.dos-bar .blip i{width:8px;height:8px;border-radius:50%;background:#1E6BFF;display:block}
.dos-bar .pdf{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11px;color:var(--ink)}
.dos-cover{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 18px 14px;align-items:start}
.dos-logo{width:64px;height:64px;border:1px solid var(--line);background:#FAF8F3;display:grid;place-items:center;font-weight:800;font-size:15px;color:#0F161C}
.dos-logo i{width:9px;height:9px;border-radius:50%;background:#1E6BFF;display:inline-block;margin-right:3px}
.dos .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.dos-cover h3{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:4px}
.dos-cover p{font-size:15px;color:var(--muted);line-height:1.2;margin-top:2px;letter-spacing:-.01em}
.dos-sint{position:relative;padding:12px 18px 14px;border-top:1px solid var(--line)}
.dos-sint h4{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:4px;max-width:78%}
.stamp{position:absolute;right:18px;top:10px;width:78px;height:78px;border:1.5px solid var(--accent);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-10deg);color:var(--accent)}
.stamp small{display:block;font-family:var(--font-mono);font-size:7px;letter-spacing:.08em}
.stamp b{font-size:12px;font-weight:700}
.dos-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 18px;border-top:1px solid var(--line)}
.dos-nums b{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em}
.dos-nums span{font-size:11px;color:var(--muted);line-height:1.25;display:block;margin-top:2px}
.dos-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 18px;border-top:1px solid var(--line)}
.dos-cols .h{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.dos-cols .h::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.dos-cols .dil .h::before{background:var(--accent)}
.dos-cols b{display:block;color:var(--accent);font-size:12.5px;margin-top:6px}
.dos-cols p{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.35}
.dos-fact{display:grid;grid-template-columns:7em minmax(0,1fr);gap:12px;padding:12px 18px;border-top:1px solid var(--line);background:var(--bg)}
.dos-fact .f{font-weight:600}
.dos-fact .tag{display:inline-block;font-family:var(--font-mono);font-size:10px;border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-right:4px;color:var(--muted)}
.dos-fact .src{display:block;font-size:10.5px;color:var(--muted);margin-top:5px}
.dos-fact .src b{font-weight:600;color:var(--ink)}
.dos .rv{opacity:0;animation:drv .5s cubic-bezier(.2,0,0,1) both}
@keyframes drv{to{opacity:1}}
.dos-bar.rv{animation-delay:.2s}
.dos-cover.rv{animation-delay:.6s}
.dos-sint.rv{animation-delay:1.3s}
.dos-nums.rv{animation-delay:2s}
.dos-cols.rv{animation-delay:2.6s}
.dos-fact.rv{animation-delay:3.2s}
.dos .line{position:absolute;left:0;right:0;height:2px;background:var(--accent);opacity:.6;animation:dscan 3.4s .2s cubic-bezier(.3,0,.2,1) both;pointer-events:none}
@keyframes dscan{0%{top:0}90%{opacity:.6}100%{top:100%;opacity:0}}
.stamp{opacity:0;animation:dstamp .45s 3.9s cubic-bezier(.2,0,0,1) both}
@keyframes dstamp{0%{opacity:0;transform:rotate(-10deg) scale(1.8)}70%{opacity:1;transform:rotate(-10deg) scale(.96)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
@media (max-width:760px){.dos-cols,.dos-nums{grid-template-columns:1fr}.dos-sint h4{max-width:100%;padding-right:70px}}
@media (prefers-reduced-motion:reduce){.dos .rv,.stamp{animation:none;opacity:1}.dos .line{display:none}}
@media (min-width:761px){.trust .grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}}
.dos-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-bottom:0}
.dos-top .dos-cover{border-right:1px solid var(--line);padding:16px 18px}
.dos-top .dos-sint{border-top:0;padding:14px 96px 14px 18px}
.dos-sint h4{max-width:100%;font-size:16px}
.stamp{right:14px;top:12px;width:72px;height:72px}
.dos-cover h3{font-size:24px}
.dos-cover p{font-size:13.5px}
.dos-nums{border-top:1px solid var(--line)}
.dos-cols p{font-size:11.5px}
.dos-disc{padding:8px 18px;border-top:1px solid var(--line);font-size:10.5px;color:var(--muted);line-height:1.35}
.dos-disc.rv{animation-delay:3.6s}
.dos-logo-ta{height:16px;width:auto;filter:brightness(0) saturate(100%)}
.dos-cover p{font-size:12px}
.dos-fact{grid-template-columns:6.5em minmax(0,1fr);padding:11px 18px}
.dos-fact .v{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dos-fact .src{margin-top:0;margin-left:auto}
@media (max-width:760px){.dos-fact .src{margin-left:0;width:100%}}
@media (max-width:760px){.dos-top{grid-template-columns:1fr}.dos-top .dos-cover{border-right:0;border-bottom:1px solid var(--line)}.dos-top .dos-sint{padding-right:90px}}
.js-motion .dos .rv,.js-motion .dos .stamp,.js-motion .dos .line{animation-play-state:paused}
.js-motion .trust .grid.is-in .dos .rv,.js-motion .trust .grid.is-in .dos .stamp,.js-motion .trust .grid.is-in .dos .line{animation-play-state:running}

@keyframes venda-enter-x{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes venda-caret{0%,100%{opacity:0}50%{opacity:1}}
.js-motion .cycle ol.motion-group.is-in>li{animation-name:venda-enter-x;animation-duration:.36s}
.js-motion .cycle ol.motion-group.is-in>li:nth-child(2){animation-delay:140ms}
.js-motion .cycle ol.motion-group.is-in>li:nth-child(3){animation-delay:280ms}
.js-motion .cycle ol.motion-group.is-in>li:nth-child(4){animation-delay:420ms}
.js-motion .cycle ol.motion-group.is-in>li:nth-child(5){animation-delay:560ms}
.js-motion .pillars.is-in>.pillar{animation-name:venda-enter-x;animation-duration:.36s}
.js-motion .pillars.is-in>.pillar:nth-child(2){animation-delay:160ms}
.js-motion .pillars.is-in>.pillar:nth-child(3){animation-delay:700ms}
.js-motion .front:not(.is-in) .ask,.js-motion .front:not(.is-in) .deliverables{opacity:0}
.js-motion .front.is-in .ask{animation:venda-enter-x .4s cubic-bezier(.2,0,0,1) both}
.js-motion .front.is-in .ask:nth-child(2){animation-delay:360ms}
.js-motion .front.is-in .deliverables{animation:venda-enter .3s cubic-bezier(.2,0,0,1) both;animation-delay:760ms}
.js-motion .front.is-in .ask .q::after{content:"";display:inline-block;width:2px;height:.95em;margin-left:3px;vertical-align:-.12em;background:var(--accent);opacity:0;animation:venda-caret .7s steps(1) 4;animation-delay:.4s}
.js-motion .front.is-in .ask:nth-child(2) .q::after{animation-delay:.76s}
.final h2{font-size:clamp(32px,4vw,48px);font-weight:750;line-height:1.06;letter-spacing:-0.02em;max-width:18em}
.final p{max-width:36em;margin-inline:auto;font-size:19px}
@media (prefers-reduced-motion:reduce){.js-motion .front .ask,.js-motion .front .deliverables{animation:none;opacity:1}.js-motion .front .ask .q::after{display:none}}

/* RX-393: o perfil já oferece as margens da seção. */
.instalar-embed .where { padding-block: 40px; }
.instalar-embed .wrap { padding-inline: 0; }