/* Escopo público: não altera o app, header, footer ou outras páginas. */
.cmp-page { background: #06111b; }
.cmp-layout { --cmp-line:#203748; --cmp-panel:#0a1926; --cmp-muted:#b0bfd0; width:calc(100% - clamp(32px,6vw,128px)); max-width:1720px; margin:0 auto; padding:28px 0 64px; }
.cmp-layout :is(h1,h2,h3) { line-height:1.18; letter-spacing:-.025em; color:#f3f6fa; }
.cmp-layout h2 { font-size:clamp(24px,2.1vw,34px); margin:0 0 12px; }
.cmp-layout h3 { font-size:18px; }
.cmp-layout p { color:var(--cmp-muted); }
.cmp-layout :is(a,button,select,summary,[tabindex]):focus-visible,.cmp-skip:focus-visible { outline:3px solid #ffb454; outline-offset:4px; }
.cmp-layout :is(section,nav,[id]) { scroll-margin-top:94px; }
.cmp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.cmp-skip { position:fixed; top:8px; left:16px; z-index:200; transform:translateY(-150%); padding:12px 16px; border-radius:8px; color:#08111b; background:#ffb454; font-weight:700; }
.cmp-skip:focus { transform:none; }
.cmp-breadcrumb { display:flex; gap:12px; align-items:center; color:#a3b5c8; font-size:14px; margin-bottom:30px; }
.cmp-breadcrumb a { color:#c5d5e5; }
.cmp-intro { max-width:1000px; margin:0 auto 32px; text-align:center; }
.cmp-eyebrow { color:#ffac32 !important; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:750; margin-bottom:14px; }
.cmp-layout h1 { font-size:clamp(36px,4vw,60px); line-height:1.04; font-weight:800; max-width:940px; margin:0 auto 20px; }
.cmp-lead { font-size:clamp(17px,1.3vw,20px); line-height:1.6; max-width:780px; margin:0 auto 12px; }
.cmp-disclosure { font-size:13px; }
.cmp-products { display:grid; grid-template-columns:1fr 1fr 1.4fr 1fr 1fr; gap:14px; align-items:center; margin:28px 0 34px; }
.cmp-product { min-width:0; border:1px solid var(--cmp-line); border-radius:14px; padding:18px; background:linear-gradient(145deg,#0c1d2b,#07131f); }
.cmp-product--other { display:flex; flex-direction:column; min-height:440px; }
.cmp-provider-logo { display:flex; gap:8px; align-items:center; justify-content:center; height:54px; padding:10px; border-radius:7px; background:#edf2f7; color:#11202e !important; font-size:17px !important; margin:0 0 18px !important; }
.cmp-provider-logo img { max-width:100%; max-height:32px; width:auto; object-fit:contain; }
.cmp-provider-logo img[src*="gestor"] { width:28px; height:28px; }
.cmp-provider-logo:has(img[src*="sellerboard"]) { background:#102235; }
.cmp-product figure { margin:0 0 20px; }
.cmp-product figure>img { width:100%; height:116px; object-fit:contain; border:1px solid var(--cmp-line); border-radius:6px; background:#07111c; }
.cmp-product figcaption { font-size:11px; margin-top:5px; }
.cmp-product figcaption a { color:#8da9c2; }
.cmp-product--other h3 { font-size:16px; margin:0 0 8px; }
.cmp-product--other p { font-size:14px; line-height:1.55; margin:0 0 20px; }
.cmp-compare { display:inline-flex; justify-content:center; align-items:center; gap:8px; background:#071521; color:#e8edf6; border:1px solid #89a4ba; border-radius:7px; padding:10px 12px; font-family:inherit; font-size:13px; line-height:1.35; font-weight:650; cursor:pointer; text-align:center; }
.cmp-compare:hover { text-decoration:none; border-color:#ffb454; background:#152738; }
.cmp-product--other .cmp-compare { width:100%; margin-top:auto; }
.cmp-pair-link { display:block; margin-top:12px; font-size:12px; color:#b4cadc; text-align:center; }
.cmp-product--featured { position:relative; border:1.5px solid #f39213; padding:0 24px 20px; background:radial-gradient(ellipse at 50% 15%,#6d35192e,transparent 70%),#07121c; box-shadow:0 0 0 4px #f392130a,0 16px 50px #0008,0 0 36px #f392131a; }
.cmp-stack { position:relative; height:clamp(220px,15.5vw,275px); margin:-20px -16px 0; isolation:isolate; }
.cmp-orb { position:absolute; width:80px; top:-14px; left:calc(50% - 40px); z-index:0; border-radius:50%; filter:drop-shadow(0 0 20px #f3921366); }
.cmp-shot { position:absolute; width:66%; border:1px solid #5e788e; border-radius:9px; box-shadow:0 12px 20px #0008; }
.cmp-shot--research { left:-8px; top:44px; transform:rotate(-8deg); z-index:1; }
.cmp-shot--finance { right:-8px; top:24px; transform:rotate(7deg); z-index:2; }
.cmp-shot--vision { right:2px; top:92px; width:58%; z-index:3; }
.cmp-brand { display:flex; justify-content:center; align-items:center; gap:9px; font-size:clamp(30px,2.5vw,42px); font-weight:800; line-height:1.2; letter-spacing:-.05em; margin:4px 0 12px; }
.cmp-brand img { width:38px; height:38px; }
.cmp-brand-vision { color:#ffb454; }
.cmp-tagline { text-align:center; color:#e5ecf3 !important; font-size:15px; line-height:1.45; margin-bottom:20px; }
.cmp-benefits { list-style:none; display:grid; gap:12px; margin-bottom:18px; }
.cmp-benefits li { display:flex; align-items:center; gap:10px; font-size:15px; }
.cmp-benefits svg { color:#f99c21; flex-shrink:0; width:22px; height:22px; }
.cmp-benefits a { color:#eaf0f6; }
.cmp-tier { font-size:12px; text-align:center; margin-bottom:14px; }
.cmp-cta { display:flex; align-items:center; justify-content:center; gap:16px; background:linear-gradient(100deg,#ff970d,#ffb454); color:#0c1016; border:1px solid #ffb13c; border-radius:9px; padding:14px 18px; font-size:15px; line-height:1.35; font-weight:800; box-shadow:0 4px 18px #f3921326; }
.cmp-cta:hover { background:#ffb454; text-decoration:none; }
.cmp-caption { font-size:12px; line-height:1.6; }
.cmp-product--featured .cmp-caption { margin-top:12px; text-align:center; }
.cmp-page-nav { display:flex; gap:32px; justify-content:center; border-bottom:1px solid var(--cmp-line); margin:28px 0 34px; }
.cmp-page-nav a { color:#c0d1e2; padding:14px 0; border-bottom:2px solid transparent; font-size:14px; }
.cmp-page-nav a:first-child { color:#ffac32; border-bottom-color:#f39213; }
.cmp-page-nav a:hover { border-bottom-color:#f39213; text-decoration:none; }
.cmp-differences { margin:0 0 34px; }
.cmp-differences h2 { font-size:23px; margin-bottom:22px; }
.cmp-differences ul { list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:1px solid var(--cmp-line); border-radius:12px; overflow:hidden; }
.cmp-differences li { padding:20px; border-right:1px solid var(--cmp-line); }
.cmp-differences li:last-child { border:0; }
.cmp-differences svg { color:#ff9c19; margin-bottom:10px; }
.cmp-differences h3 { font-size:16px; margin-bottom:9px; }
.cmp-differences h3 a { color:#edf2f8; }
.cmp-differences p { font-size:13px; line-height:1.6; }
.cmp-panel { padding:26px; border:1px solid var(--cmp-line); border-radius:14px; background:#081722; }
.cmp-panel>p { margin-bottom:22px; font-size:17px; }
.cmp-enhanced-controls { display:none; }
.cmp-enhanced .cmp-enhanced-controls { display:block; }
#cmp-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:22px 0 18px; }
#cmp-tabs button { min-width:0; padding:13px 8px; background:#0a1c2a; border:1px solid var(--cmp-line); color:#d8e5f2; font-family:inherit; font-size:14px; line-height:1.4; border-radius:8px; cursor:pointer; }
#cmp-tabs button[aria-selected="true"] { background:#f39213; color:#11151d; font-weight:750; border-color:#fca52f; }
.cmp-select { display:none; }
#cmp-panel { outline-offset:4px; }
.cmp-table-wrap { overflow:visible; }
#cmp-table { table-layout:fixed; border-collapse:separate; border-spacing:0; width:100%; font-size:14px; line-height:1.6; }
#cmp-table :is(th,td) { padding:18px 14px; vertical-align:top; border-right:1px solid var(--cmp-line); border-bottom:1px solid var(--cmp-line); overflow-wrap:anywhere; }
#cmp-table thead th { position:sticky; top:74px; z-index:4; background:#0c1d2c; vertical-align:middle; font-size:16px; text-align:left; }
#cmp-table thead th img { width:26px; vertical-align:middle; margin-right:5px; }
#cmp-table th:first-child { width:16%; }
#cmp-table thead th:not(:first-child) { width:16.8%; }
#cmp-table tbody th { font-weight:650; text-align:left; background:#0a1925; color:#e4edf6; }
#cmp-table [data-software="ecomvision"] { background:#f3921310; border-right-color:#a16827; border-left:1px solid #a16827; }
#cmp-table thead [data-software="ecomvision"] { background:#372519; color:#fff4df; }
.cmp-answer { display:block; color:#e1eaf4; }
.cmp-condition { display:block; font-size:13px; line-height:1.55; color:#bacada !important; margin-top:10px; }
.cmp-cell-sources { display:block; font-size:12px; margin-top:10px; }
.cmp-cell-sources a { color:#ffbf6b; }
.cmp-row-topic { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:#879fb3; margin-bottom:8px; }
#cmp-table th:first-child { border-left:1px solid var(--cmp-line); }
#cmp-table thead th { border-top:1px solid var(--cmp-line); }
#cmp-table thead th:first-child { border-top-left-radius:9px; }
#cmp-table thead th:last-child { border-top-right-radius:9px; }
#cmp-table tbody[hidden] { display:none; }
.cmp-selected { box-shadow:inset 0 0 0 2px #7a9bba; }
.cmp-expand { margin:22px auto 16px; min-width:270px; }
.cmp-enhanced .cmp-expand { display:flex; }
.cmp-panel>.cmp-caption { text-align:center; font-size:12px; margin:0; }
.cmp-conversion { display:flex; gap:32px; align-items:center; justify-content:space-between; padding:28px 8px; border-bottom:1px solid var(--cmp-line); }
.cmp-conversion h2 { font-size:22px; }
.cmp-conversion p { font-size:14px; }
.cmp-conversion .cmp-cta { flex-shrink:0; }
.cmp-decision,.cmp-plans,.cmp-demos,.cmp-faq,.cmp-method,.cmp-related { margin-top:48px; }
.cmp-decision>p,.cmp-decision>div:first-child>p { max-width:840px; margin-bottom:22px; }
.cmp-audience,.cmp-decision-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:24px; }
.cmp-audience article,.cmp-decision-grid article { padding:22px; border:1px solid var(--cmp-line); border-radius:10px; background:#0a1926; }
.cmp-audience article:first-child,.cmp-decision-grid article:first-child { border-color:#976125; }
.cmp-audience h3,.cmp-decision-grid h3 { margin-bottom:12px; }
.cmp-audience strong { color:#c9d8e6; font-size:14px; display:block; margin-bottom:10px; }
.cmp-audience p { font-size:14px; }
.cmp-audience a { display:block; font-size:13px; margin-top:16px; }
.cmp-decision-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cmp-plan { margin-top:24px; padding:24px; border:1px solid var(--cmp-line); border-radius:12px; }
.cmp-plan h3 { margin-bottom:16px; }
.cmp-plan table { table-layout:fixed; width:100%; border-collapse:collapse; font-size:14px; }
.cmp-plan th,.cmp-plan td { padding:12px; border-bottom:1px solid var(--cmp-line); text-align:left; vertical-align:top; }
.cmp-plan th:first-child { width:24%; }
.cmp-plan th:nth-child(2) { width:25%; }
.cmp-plan thead th { color:#91a9bd; }
.cmp-plan>p { margin-top:16px; font-size:14px; }
.cmp-demos>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.cmp-demos article { border:1px solid var(--cmp-line); border-radius:12px; background:#0a1a27; padding:22px; }
.cmp-demos article>svg { color:#f39213; margin-bottom:12px; }
.cmp-demos h3 { margin-bottom:12px; }
.cmp-demos article>p { font-size:14px; min-height:88px; }
.cmp-demo-link { display:block; margin-top:18px; }
.cmp-demo-link img { width:100%; border:1px solid #375065; border-radius:8px; }
.cmp-demo-link span { display:block; margin-top:12px; font-size:14px; }
.cmp-faq,.cmp-method { max-width:1100px; margin-left:auto; margin-right:auto; }
.cmp-layout details { border-bottom:1px solid var(--cmp-line); padding:18px 0; }
.cmp-layout summary { cursor:pointer; color:#ecf2f8; font-weight:650; }
.cmp-layout details p,.cmp-method>p { margin-top:14px; font-size:15px; }
.cmp-method details ul { padding-left:22px; margin-top:14px; color:#b8c9d9; }
.cmp-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:30px; }
.cmp-sources h3 { margin-bottom:14px; }
.cmp-sources ul { list-style:none; }
.cmp-sources li { padding:10px 0; border-bottom:1px solid var(--cmp-line); font-size:14px; }
.cmp-sources li span { display:block; color:#8ca4b9; font-size:12px; margin-top:4px; }
.cmp-sources li:target { background:#f392131c; outline:2px solid #f39213; outline-offset:5px; }
.cmp-related { display:flex; flex-wrap:wrap; gap:18px 28px; padding-top:26px; border-top:1px solid var(--cmp-line); }
.cmp-related h2 { flex-basis:100%; }
.cmp-related a { font-size:14px; }
.cmp-products--pair { grid-template-columns:1.4fr 1fr; max-width:920px; margin-left:auto; margin-right:auto; gap:32px; }
.cmp-products--pair .cmp-stack { height:290px; }
.cmp-products--pair .cmp-shot { max-width:300px; }
.cmp-products--pair .cmp-product--other { min-height:470px; }
.cmp-products--pair .cmp-product figure>img { height:190px; }
.cmp-panel--pair #cmp-table th:first-child { width:24%; }
.cmp-panel--pair #cmp-table thead th:not(:first-child) { width:38%; }
@media (max-width:1300px) {
  .cmp-product { padding:14px; }
  .cmp-product--featured { padding:0 18px 20px; }
  .cmp-products { gap:10px; }
  .cmp-stack { height:220px; }
  .cmp-benefits li { font-size:14px; }
  .cmp-brand { font-size:30px; }
  .cmp-differences li { padding:16px; }
  #cmp-table :is(th,td) { padding:16px 10px; }
}
@media (max-width:1100px) {
  .cmp-products { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
  .cmp-product--featured { grid-column:1/-1; grid-row:1; max-width:560px; width:100%; justify-self:center; padding:0 30px 24px; margin-bottom:10px; }
  .cmp-stack { height:295px; }
  .cmp-shot { max-width:330px; }
  .cmp-brand { font-size:36px; }
  .cmp-product--other { min-height:440px; }
  .cmp-differences ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cmp-differences li { border-bottom:1px solid var(--cmp-line); }
  .cmp-differences li:nth-child(3) { border-right:0; }
  .cmp-differences li:nth-child(n+4) { border-bottom:0; }
  .cmp-audience { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cmp-audience article:first-child { grid-column:1/-1; }
  #cmp-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cmp-enhanced .cmp-select { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; margin-bottom:18px; }
  .cmp-select select { max-width:60%; background:#102335; color:#e8edf6; border:1px solid #557088; padding:10px; border-radius:7px; font-family:inherit; font-size:14px; }
  .cmp-enhanced #cmp-table th:first-child { width:24%; }
  .cmp-enhanced #cmp-table thead th:not(:first-child) { width:38%; }
  .cmp-enhanced .cmp-panel:not(.cmp-panel--pair) #cmp-table [data-software] { display:none; }
  .cmp-enhanced #comparison[data-competitor="gestor-seller"] #cmp-table [data-software="gestor-seller"],
  .cmp-enhanced #comparison[data-competitor="sellerboard"] #cmp-table [data-software="sellerboard"],
  .cmp-enhanced #comparison[data-competitor="helium-10"] #cmp-table [data-software="helium-10"],
  .cmp-enhanced #comparison[data-competitor="jungle-scout"] #cmp-table [data-software="jungle-scout"],
  .cmp-enhanced #comparison[data-competitor="sellermate"] #cmp-table [data-software="sellermate"],
  .cmp-enhanced #comparison[data-competitor="trackcash"] #cmp-table [data-software="trackcash"],
  .cmp-enhanced #comparison[data-competitor="perpetua"] #cmp-table [data-software="perpetua"],
  .cmp-enhanced .cmp-panel:not(.cmp-panel--pair) #cmp-table [data-software="ecomvision"] { display:table-cell; }
  .cmp-products--pair { grid-template-columns:1.4fr 1fr; }
  .cmp-products--pair .cmp-product--featured { grid-column:auto; grid-row:auto; margin:0; }
  .cmp-products--pair .cmp-stack { height:260px; }
}
@media (max-width:700px) {
  .cmp-layout { width:calc(100% - 32px); padding-top:20px; }
  .cmp-breadcrumb { font-size:12px; gap:8px; margin-bottom:24px; flex-wrap:wrap; }
  .cmp-layout h1 { font-size:36px; }
  .cmp-intro { text-align:left; margin-bottom:34px; }
  .cmp-intro h1 { margin-left:0; }
  .cmp-eyebrow { font-size:10px; }
  .cmp-disclosure { font-size:12px; }
  .cmp-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .cmp-product--featured { padding:0 24px 22px; margin:8px 0 4px; }
  .cmp-stack { height:238px; }
  .cmp-shot--research { top:42px; }
  .cmp-shot--vision { top:110px; }
  .cmp-orb { width:70px; left:calc(50% - 35px); }
  .cmp-provider-logo { padding:6px; font-size:14px !important; height:48px; }
  .cmp-provider-logo img { max-height:24px; }
  .cmp-product--other { padding:12px; min-height:410px; }
  .cmp-product figure>img { height:100px; }
  .cmp-product--other h3 { font-size:15px; }
  .cmp-product--other p { font-size:14px; }
  .cmp-pair-link { font-size:11px; }
  .cmp-page-nav { gap:8px 20px; justify-content:flex-start; flex-wrap:wrap; margin-top:24px; }
  .cmp-page-nav a { font-size:13px; padding:10px 0; }
  .cmp-differences ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cmp-differences li { padding:16px; }
  .cmp-differences li:nth-child(3) { border-right:1px solid var(--cmp-line); }
  .cmp-differences li:nth-child(even) { border-right:0; }
  .cmp-differences li:nth-child(4) { border-bottom:1px solid var(--cmp-line); }
  .cmp-panel { padding:18px 10px; margin:0 -4px; }
  .cmp-panel h2 { padding:0 4px; font-size:24px; }
  .cmp-panel>p { padding:0 4px; font-size:15px; }
  #cmp-tabs { gap:5px; }
  #cmp-tabs button { font-size:12px; padding:10px 6px; min-height:54px; }
  .cmp-enhanced .cmp-select { align-items:flex-start; font-size:12px; }
  .cmp-select select { max-width:62%; min-height:44px; font-size:14px; }
  #cmp-table { font-size:13px; }
  #cmp-table :is(th,td) { padding:14px 8px; }
  #cmp-table thead th { top:64px; font-size:13px; }
  #cmp-table thead th img { display:block; margin:0 0 4px; width:23px; }
  .cmp-condition { font-size:12px; }
  .cmp-cell-sources { font-size:11px; }
  .cmp-row-topic { font-size:9px; letter-spacing:0; }
  .cmp-table-wrap { overflow-x:auto; }
  .cmp-enhanced .cmp-table-wrap { overflow:visible; }
  .cmp-page:not(.cmp-enhanced) #cmp-table { min-width:1200px; }
  .cmp-page:not(.cmp-enhanced) .cmp-panel--pair #cmp-table { min-width:560px; }
  .cmp-conversion { flex-direction:column; align-items:stretch; gap:16px; padding:26px 0; }
  .cmp-audience,.cmp-decision-grid,.cmp-demos>div,.cmp-sources { grid-template-columns:1fr; }
  .cmp-demos article>p { min-height:0; }
  .cmp-plan { padding:16px; }
  .cmp-plan-scroll { overflow-x:auto; }
  .cmp-plan table { min-width:520px; }
  .cmp-products--pair { grid-template-columns:1fr; max-width:480px; gap:20px; }
  .cmp-products--pair .cmp-stack { height:250px; }
  .cmp-products--pair .cmp-product--other { min-height:0; }
  .cmp-products--pair .cmp-product figure>img { height:180px; }
}
@media (prefers-reduced-motion:reduce) { .cmp-page { scroll-behavior:auto; } .cmp-page * { scroll-behavior:auto; } }
.cmp-cost { margin-top:48px; }
.cmp-cost-note { font-size:1.05rem; max-width:72ch; }
.cmp-cost-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:16px 0; }
.cmp-cost-col { border:1px solid var(--cmp-line); border-radius:12px; padding:16px 20px; }
.cmp-cost-col h3 { margin:0 0 8px; }
.cmp-cost-col ul { list-style:none; margin:0; padding:0; }
.cmp-cost-col li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--cmp-line); }
.cmp-cost-col li:first-child { border-top:0; }
.cmp-cost-col li span { text-align:right; }
