:root {
    color-scheme: light;
    --fundo: #FFFFFF;
    --fundo-2: #F2F4F8;
    --tinta: #191919;
    --texto: #3F4148;
    --suave: #6C6F7A;
    --linha: #E4E6EC;
    --marca: #1558D6;
    --marca-clara: #6FA0FF;
    --marca-escura: #191919;

    --analistas: #0B8F5B;
    --motors: #F05A28;
    --assistir: #6D3AE8;
    --resultado: #FFC21A;
    --frases: #E94E8A;

    --display: "Bricolage Grotesque", "Arial Black", Arial, sans-serif;
    --corpo: "Figtree", "Helvetica Neue", Arial, sans-serif;
    --largura: 1180px;
    --raio: 22px;
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: var(--fundo); color: var(--texto); font-family: var(--corpo); font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
  h1, h2, h3 { font-family: var(--display); color: var(--tinta); margin: 0; text-wrap: balance; }
  a { color: inherit; }
  :focus-visible { outline: 3px solid var(--marca); outline-offset: 3px; border-radius: 6px; }
  .moldura { max-width: var(--largura); margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }

  .botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--corpo); font-weight: 700; font-size: 1rem; text-decoration: none; border: 0; cursor: pointer; border-radius: 999px; padding: 14px 28px; background: var(--marca); color: #fff; box-shadow: 0 10px 24px -10px rgba(21, 88, 214, .7); transition: transform .15s ease, box-shadow .15s ease; }
  .botao:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -10px rgba(21, 88, 214, .8); }
  .botao.claro { background: #fff; color: var(--tinta); box-shadow: 0 10px 24px -12px rgba(0,0,0,.45); }

  /* Cabeçalho */
  .topo { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--linha); }
  .topo .moldura { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 14px; }
  .logo { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; }
  .logo-svg { height: 30px; width: auto; display: block; }
  .rodape .logo-svg { height: 36px; }
  .menu { display: flex; align-items: center; gap: clamp(16px, 2.6vw, 34px); font-weight: 600; font-size: .96rem; color: var(--tinta); }
  .menu a:not(.botao) { text-decoration: none; }
  .menu a:not(.botao):hover { color: var(--marca); }
  .menu .botao { padding: 11px 22px; font-size: .95rem; }

  /* Abertura */
  .abertura .moldura { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 72px); align-items: center; padding-block: clamp(40px, 7vw, 88px); }
  .abertura h1 { font-size: clamp(2.4rem, 5.2vw, 4.3rem); line-height: 1; letter-spacing: -0.045em; font-weight: 800; margin-bottom: 22px; }
  .abertura p { font-size: clamp(1.08rem, 1.5vw, 1.25rem); margin: 0 0 32px; max-width: 46ch; }
  .acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
  .acoes .link-sites { font-weight: 700; color: var(--tinta); text-underline-offset: 4px; }

  .mosaico { position: relative; margin-bottom: 20px; display: grid; grid-template-columns: 1.1fr 1fr 1fr; grid-template-rows: auto auto; grid-template-areas: "a b c" "a d e"; gap: 12px; }
  .ladrilho { border-radius: var(--raio); padding: 18px; min-height: 170px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; color: #fff; text-decoration: none; transition: transform .2s ease; }
  .ladrilho:hover { transform: translateY(-3px); }
  .ladrilho small { font-weight: 700; font-size: .82rem; opacity: .92; }
  .ladrilho strong { font-family: var(--display); font-weight: 750; font-size: clamp(1rem, 1.45vw, 1.2rem); line-height: 1.1; letter-spacing: -0.02em; }
  .l-analistas { grid-area: a; background: var(--analistas); }
  .l-analistas strong { font-size: clamp(1.5rem, 2.6vw, 2.1rem); }
  .l-resultado { grid-area: b; background: var(--resultado); color: var(--tinta); }
  .l-assistir { grid-area: c; background: var(--assistir); }
  .l-motors { grid-area: d; background: var(--motors); }
  .l-frases { grid-area: e; background: var(--frases); }
  .grafico { width: 100%; height: auto; display: block; }
  .bolas { display: flex; flex-wrap: wrap; gap: 5px; }
  .bolas span { width: 26px; height: 26px; border-radius: 50%; background: #fff; color: var(--tinta); display: grid; place-items: center; font-size: .72rem; font-weight: 700; font-variant-numeric: tabular-nums; }
  .play { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.22); display: grid; place-items: center; }
  .aspas { font-family: var(--display); font-size: 3.2rem; line-height: .6; font-weight: 800; opacity: .85; }
  .adesivo { position: absolute; right: 28px; bottom: -34px; transform: rotate(-5deg); background: #fff; color: var(--tinta); font-family: var(--display); font-weight: 750; font-size: .95rem; padding: 10px 18px; border-radius: 999px; border: 2px solid var(--tinta); box-shadow: 4px 4px 0 var(--marca); white-space: nowrap; }

  /* Faixa de sites */
  .faixa { border-block: 1px solid var(--linha); }
  .faixa .moldura { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 32px; padding-block: 26px; }
  .faixa p { margin: 0; font-size: .95rem; color: var(--suave); flex-basis: 100%; text-align: center; }
  .faixa ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 40px; width: 100%; }
  .faixa a { font-family: var(--display); font-weight: 800; font-size: clamp(1.15rem, 2vw, 1.5rem); letter-spacing: -0.03em; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; color: var(--tinta); }
  .faixa a i { width: 12px; height: 12px; border-radius: 4px; }

  /* Seções */
  .secao { padding-block: clamp(64px, 9vw, 112px); }
  .cabeca-secao { max-width: 680px; margin-bottom: clamp(32px, 5vw, 56px); }
  .cabeca-secao h2 { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.03; letter-spacing: -0.04em; font-weight: 800; margin-bottom: 14px; }
  .cabeca-secao p { margin: 0; font-size: 1.12rem; }
  .centro { text-align: center; margin-inline: auto; }

  /* Sites */
  .grade-sites { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
  .site { grid-column: span 2; border-radius: var(--raio); padding: clamp(22px, 2.6vw, 30px); color: #fff; display: flex; flex-direction: column; gap: 12px; }
  .site:nth-child(4), .site:nth-child(5) { grid-column: span 3; }
  .site h3 { color: inherit; font-size: 1.7rem; letter-spacing: -0.035em; font-weight: 800; }
  .site .nicho { font-weight: 700; font-size: .9rem; opacity: .9; margin: -6px 0 0; }
  .site p { margin: 0; }
  .site .combina { font-size: .95rem; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.35); margin-top: auto; }
  .site .combina b { display: block; font-weight: 700; }
  .site a.visitar { align-self: flex-start; font-weight: 700; text-underline-offset: 4px; }
  .s-analistas { background: var(--analistas); }
  .s-motors { background: var(--motors); }
  .s-assistir { background: var(--assistir); }
  .s-resultado { background: var(--resultado); color: var(--tinta); }
  .s-resultado .combina { border-top-color: rgba(25,25,25,.25); }
  .s-frases { background: var(--frases); }

  /* Soluções */
  .solucoes { background: var(--fundo-2); }
  .solucao { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
  .solucao + .solucao { margin-top: clamp(56px, 8vw, 96px); }
  .solucao:nth-child(even) .visual { order: -1; }
  .solucao h3 { font-size: clamp(1.7rem, 3vw, 2.3rem); letter-spacing: -0.035em; line-height: 1.08; font-weight: 800; margin-bottom: 14px; }
  .solucao p { margin: 0 0 14px; max-width: 48ch; }
  .solucao ul { margin: 0; padding-left: 1.1em; }
  .solucao li + li { margin-top: 4px; }
  .solucao li::marker { color: var(--marca); }

  .visual { background: #fff; border-radius: 26px; padding: clamp(18px, 3vw, 28px); box-shadow: 0 30px 60px -36px rgba(25, 25, 25, .35); }
  /* Mock de página com espaços de anúncio */
  .pagina { display: grid; grid-template-columns: 1fr 108px; gap: 12px; }
  .pagina .barra { grid-column: 1 / -1; height: 14px; border-radius: 6px; background: var(--fundo-2); }
  .slot { border: 2px dashed; border-radius: 12px; display: grid; place-items: center; font-weight: 700; font-size: .8rem; text-align: center; padding: 8px; }
  .slot-topo { grid-column: 1 / -1; height: 64px; border-color: var(--assistir); color: var(--assistir); background: #F2EDFE; }
  .materia { display: grid; gap: 8px; align-content: start; }
  .materia .t { height: 16px; border-radius: 5px; background: var(--tinta); width: 88%; }
  .materia .l { height: 9px; border-radius: 5px; background: var(--linha); }
  .materia .l:nth-child(4) { width: 92%; } .materia .l:nth-child(6) { width: 70%; }
  .slot-meio { height: 70px; border-color: var(--analistas); color: var(--analistas); background: #E7F6EF; }
  .slot-lado { grid-row: span 2; border-color: var(--motors); color: var(--motors); background: #FEEDE6; min-height: 220px; }

  .agenda-cabeca { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--linha); }
  .agenda-cabeca b { font-family: var(--display); font-size: 1.15rem; color: var(--tinta); }
  .patrocinio { display: inline-flex; align-items: center; gap: 8px; font-size: .82rem; color: var(--suave); }
  .patrocinio span { background: var(--resultado); color: var(--tinta); font-weight: 700; border-radius: 999px; padding: 4px 12px; }
  .jogo { display: grid; grid-template-columns: 3.3rem 1fr auto; gap: 12px; align-items: center; padding-block: 12px; border-bottom: 1px solid var(--linha); font-variant-numeric: tabular-nums; }
  .jogo:last-of-type { border-bottom: 0; }
  .jogo time { font-weight: 700; color: var(--assistir); }
  .jogo span:last-child { font-size: .85rem; color: var(--suave); }
  .nota { margin: 8px 0 0; font-size: .82rem; color: var(--suave); }

  .artigo .selo-pub { display: inline-block; font-size: .78rem; font-weight: 700; background: #FDE8F0; color: #B8285F; border-radius: 999px; padding: 4px 12px; margin-bottom: 14px; }
  .artigo .capa { height: 130px; border-radius: 16px; background: linear-gradient(135deg, var(--analistas), #38C98B); margin-bottom: 16px; position: relative; overflow: hidden; }
  .artigo .capa::after { content: ""; position: absolute; inset: auto -20px -40px auto; width: 160px; height: 160px; border-radius: 50%; background: rgba(255,255,255,.18); }
  .artigo h4 { font-family: var(--display); font-size: 1.25rem; line-height: 1.15; letter-spacing: -0.02em; color: var(--tinta); margin: 0 0 8px; }
  .artigo p { margin: 0; font-size: .95rem; color: var(--suave); }

  /* Motivos */
  .motivos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .motivo { border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px; }
  .motivo .ponto { width: 40px; height: 40px; border-radius: 12px; margin-bottom: 16px; display: grid; place-items: center; }
  .motivo h3 { font-size: 1.25rem; letter-spacing: -0.02em; font-weight: 750; margin-bottom: 8px; }
  .motivo p { margin: 0; font-size: .98rem; }


  /* Aquisições */
  .compra { background: var(--marca-escura); color: #C4C7D0; }
  .compra .moldura { padding-block: clamp(64px, 9vw, 112px); }
  .compra-topo { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px clamp(32px, 6vw, 80px); align-items: end; margin-bottom: clamp(40px, 6vw, 64px); }
  .compra h2 { color: #fff; font-size: clamp(2.1rem, 4.4vw, 3.4rem); line-height: 1.02; letter-spacing: -0.045em; font-weight: 800; }
  .compra h2 .risco { display: inline-block; width: .5em; height: .09em; background: var(--marca-clara); transform: rotate(-52deg); margin-left: .12em; vertical-align: .08em; border-radius: 2px; }
  .compra-topo p { margin: 0; font-size: 1.12rem; }
  .compra-grade { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(24px, 4vw, 48px); }
  .compra h3 { color: #fff; font-size: 1.3rem; letter-spacing: -0.02em; font-weight: 750; margin-bottom: 18px; }
  .criterios { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
  .criterios li { padding-left: 22px; position: relative; }
  .criterios li::before { content: ""; position: absolute; left: 2px; top: .5em; width: 10px; height: 3px; background: var(--marca-clara); transform: rotate(-52deg); border-radius: 2px; }
  .criterios b { color: #fff; font-weight: 700; }
  .etapas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: etapa; }
  .etapas li { counter-increment: etapa; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 20px; }
  .etapas li::before { content: counter(etapa); display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--marca); color: #fff; font-weight: 700; font-size: .95rem; margin-bottom: 12px; }
  .etapas b { display: block; color: #fff; font-size: 1.05rem; margin-bottom: 4px; }
  .etapas p { margin: 0; font-size: .95rem; }
  .compra-acao { margin-top: clamp(36px, 5vw, 56px); display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.12); }
  .compra-acao p { margin: 0; }
  .compra-acao strong { color: #fff; }

  /* Chamada final */
  .chamada { background:
      linear-gradient(90deg, var(--analistas) 0 20%, var(--resultado) 20% 40%, var(--assistir) 40% 60%, var(--motors) 60% 80%, var(--frases) 80% 100%) top / 100% 10px no-repeat,
      var(--marca); color: #fff; }
  .chamada .moldura { padding-block: clamp(56px, 8vw, 96px); display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px clamp(32px, 6vw, 80px); align-items: center; }
  .chamada h2 { color: #fff; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.02; letter-spacing: -0.045em; font-weight: 800; margin-bottom: 14px; }
  .chamada p { margin: 0; font-size: 1.1rem; opacity: .92; max-width: 46ch; }
  .contato-caixa { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); border-radius: var(--raio); padding: clamp(22px, 3vw, 32px); display: grid; gap: 14px; }
  .contato-caixa small { font-weight: 600; opacity: .85; }
  .email { font-family: var(--display); font-weight: 750; font-size: clamp(1.3rem, 2.4vw, 1.75rem); letter-spacing: -0.02em; text-decoration: none; word-break: break-all; }
  .email:hover { text-decoration: underline; text-underline-offset: 5px; }
  .contato-botoes { display: flex; flex-wrap: wrap; gap: 10px; }
  .botao.contorno { background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
  .aviso { min-height: 1.4em; font-size: .9rem; }

  /* Rodapé */
  .rodape { background: var(--marca-escura); color: #B9BCC6; font-size: .95rem; }
  .rodape .moldura { padding-block: 56px 32px; }
  .rodape-grade { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 32px; }
  .rodape .logo { color: #fff; margin-bottom: 12px; }
  .rodape h3 { color: #fff; font-size: 1.05rem; font-weight: 700; margin-bottom: 12px; font-family: var(--corpo); }
  .rodape ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .rodape a { text-decoration: none; }
  .rodape a:hover { color: #fff; }
  .rodape p { margin: 0 0 6px; }
  .rodape-base { margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: .88rem; }

  @media (max-width: 980px) {
    .compra-topo, .compra-grade { grid-template-columns: 1fr; }
    .abertura .moldura { grid-template-columns: 1fr; }
    .motivos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rodape-grade { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 760px) {
    .menu a:not(.botao) { display: none; }
    .mosaico { grid-template-columns: 1fr 1fr; grid-template-areas: "a a" "b c" "d e"; }
    .l-analistas { min-height: 0; }
    .adesivo { right: 12px; bottom: -34px; }
    .grade-sites { grid-template-columns: 1fr; }
    .site, .site:nth-child(4), .site:nth-child(5) { grid-column: auto; }
    .solucao { grid-template-columns: 1fr; }
    .solucao:nth-child(even) .visual { order: 0; }
    .pagina { grid-template-columns: 1fr 80px; }
    .motivos { grid-template-columns: 1fr; }
    .chamada .moldura { grid-template-columns: 1fr; }
    .faixa ul { justify-content: center; }
  }
  @media (max-width: 480px) {
    .etapas { grid-template-columns: 1fr; }
    .rodape-grade { grid-template-columns: 1fr; }
    .ladrilho { padding: 16px; min-height: 150px; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .botao, .ladrilho { transition: none; }
    .botao:hover, .ladrilho:hover { transform: none; }
  }

  /* ---------- Multipáginas ---------- */
  .menu a[aria-current="page"]:not(.botao), .botao-sites.ativo { color: var(--marca); }
  .abrir-menu { display: none; font: inherit; font-weight: 700; background: none; border: 2px solid var(--tinta); color: var(--tinta); border-radius: 999px; padding: 8px 18px; cursor: pointer; }
  .grupo-sites { position: relative; }
  .botao-sites { font: inherit; font-weight: 600; color: var(--tinta); background: none; border: 0; padding: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
  .botao-sites::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-3px); transition: transform .15s ease; }
  .botao-sites[aria-expanded="true"]::after { transform: rotate(-135deg) translateY(-1px); }
  .lista-sites { display: none; position: absolute; top: calc(100% + 14px); left: -16px; min-width: 230px; background: var(--fundo); border: 1px solid var(--linha); border-radius: 16px; padding: 8px; box-shadow: 0 24px 48px -24px rgba(25,25,25,.35); }
  .grupo-sites.aberto .lista-sites { display: grid; }
  .lista-sites a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; font-weight: 600; }
  .lista-sites a:hover { background: var(--fundo-2); color: var(--tinta); }
  .lista-sites i { width: 10px; height: 10px; border-radius: 3px; }

  .cab-pagina { background: var(--fundo-2); }
  .cab-pagina .moldura { padding-block: clamp(56px, 8vw, 104px) clamp(48px, 6vw, 80px); }
  .cab-pagina h1 { font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.02; letter-spacing: -0.045em; font-weight: 800; max-width: 18ch; margin-bottom: 20px; }
  .cab-pagina p { font-size: clamp(1.08rem, 1.5vw, 1.25rem); max-width: 56ch; margin: 0 0 28px; }
  .cab-pagina p:last-child { margin-bottom: 0; }
  .cab-pagina.escura { background: var(--marca-escura); color: #C4C7D0; }
  .cab-pagina.escura h1 { color: #fff; }
  .cab-pagina.escura h1::after { content: ""; display: inline-block; width: .5em; height: .09em; background: var(--marca-clara); transform: rotate(-52deg); margin-left: .15em; vertical-align: .08em; border-radius: 2px; }

  .h2-menor { font-size: clamp(1.5rem, 2.6vw, 2rem); letter-spacing: -0.035em; line-height: 1.1; font-weight: 800; margin-bottom: 18px; }

  .portas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .porta { display: flex; flex-direction: column; gap: 10px; text-decoration: none; border: 1px solid var(--linha); border-radius: var(--raio); padding: clamp(22px, 3vw, 32px); background: var(--fundo); transition: border-color .15s ease; }
  .porta:hover { border-color: var(--marca); }
  .porta h3 { font-size: 1.6rem; letter-spacing: -0.035em; font-weight: 800; }
  .porta p { margin: 0; }
  .porta span { margin-top: auto; padding-top: 8px; font-weight: 700; color: var(--marca); text-decoration: underline; text-underline-offset: 4px; }
  .porta.escura { background: var(--marca-escura); border-color: var(--marca-escura); color: #C4C7D0; }
  .porta.escura h3 { color: #fff; }
  .porta.escura span { color: var(--marca-clara); }
  .portas-secao { padding-top: 0; }

  .tabela-rolagem { overflow-x: auto; border: 1px solid var(--linha); border-radius: var(--raio); }
  .tabela { width: 100%; border-collapse: collapse; min-width: 620px; font-size: .98rem; }
  .tabela th, .tabela td { text-align: left; padding: 16px 20px; border-bottom: 1px solid var(--linha); vertical-align: top; }
  .tabela thead th { background: var(--fundo-2); font-size: .9rem; color: var(--suave); font-weight: 700; }
  .tabela tbody tr:last-child th, .tabela tbody tr:last-child td { border-bottom: 0; }
  .tabela tbody th a { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-weight: 800; font-size: 1.1rem; color: var(--tinta); white-space: nowrap; }
  .tabela tbody th i { width: 10px; height: 10px; border-radius: 3px; }

  .compra-grade.clara .criterios b, .compra-grade.clara .etapas b { color: var(--tinta); }
  .compra-grade.clara .criterios li::before { background: var(--marca); }
  .compra-grade.clara .etapas li { background: var(--fundo-2); border-color: var(--linha); }
  .compra-grade.clara { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(32px, 5vw, 64px); }
  .motivos.tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .solucoes .motivo { background: var(--fundo); }
  .sigilo { margin: 24px 0 0; font-weight: 600; color: var(--tinta); }

  .sobre-grade { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(32px, 6vw, 80px); align-items: start; }
  .sobre-grade p { max-width: 60ch; }
  .fatos { margin: 0; display: grid; gap: 0; border-top: 2px solid var(--tinta); }
  .fatos div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 12px; padding-block: 14px; border-bottom: 1px solid var(--linha); }
  .fatos dt { color: var(--suave); font-weight: 600; font-size: .95rem; }
  .fatos dd { margin: 0; color: var(--tinta); font-weight: 700; }

  .fundador { display: grid; grid-template-columns: 240px 1fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
  .foto { aspect-ratio: 4 / 5; max-width: 100%; border-radius: 26px; background: linear-gradient(160deg, var(--marca), #0B2F7A); display: grid; place-items: center; position: relative; overflow: hidden; }
  .foto span { font-family: var(--display); font-weight: 800; font-size: 4rem; color: #fff; letter-spacing: -0.04em; }
  .foto::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 34px; height: 5px; background: var(--marca-clara); transform: rotate(-52deg); border-radius: 3px; }
  .nome-fundador { font-family: var(--display); font-size: 1.6rem; font-weight: 800; letter-spacing: -0.03em; color: var(--tinta); margin: 0 0 14px; display: flex; flex-direction: column; line-height: 1.2; }
  .nome-fundador span { font-family: var(--corpo); font-size: 1rem; font-weight: 600; color: var(--suave); letter-spacing: 0; }
  .fundador p { max-width: 60ch; }
  .preencher { border: 2px dashed #E0A800; background: #FFF8E1; color: #6B5200; border-radius: 16px; padding: 16px 18px; margin: 18px 0; max-width: 60ch; }
  .preencher b { display: block; margin-bottom: 4px; color: #4A3900; }
  .preencher p { margin: 0; font-size: .95rem; }
  .contato-fundador { display: flex; flex-wrap: wrap; gap: 10px 24px; font-weight: 700; }
  .contato-fundador a { color: var(--marca); text-underline-offset: 4px; }

  .linha-tempo { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; max-width: 760px; }
  .linha-tempo li { display: grid; grid-template-columns: 6rem 1fr; gap: 20px; padding-block: 20px; border-bottom: 1px solid var(--linha); }
  .linha-tempo time { font-family: var(--display); font-weight: 800; font-size: 1.4rem; color: var(--marca); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
  .linha-tempo b { color: var(--tinta); font-size: 1.1rem; }
  .linha-tempo p { margin: 2px 0 0; }
  .linha-tempo .preencher-item { background: #FFF8E1; border-radius: 12px; padding-inline: 14px; border: 2px dashed #E0A800; margin-block: 8px; }
  .linha-tempo .preencher-item time { color: #B88400; }

  .contato-pagina { padding-top: clamp(40px, 6vw, 72px); }
  .email-destaque { display: grid; gap: 12px; padding-bottom: clamp(40px, 6vw, 64px); border-bottom: 1px solid var(--linha); }
  .email-destaque small { font-weight: 700; color: var(--suave); }
  .email-grande { font-family: var(--display); font-size: clamp(2rem, 6vw, 4.2rem); font-weight: 800; letter-spacing: -0.045em; color: var(--tinta); text-decoration: none; line-height: 1; word-break: break-all; }
  .email-grande:hover { color: var(--marca); }
  .botao.contorno-escuro { background: transparent; color: var(--tinta); box-shadow: inset 0 0 0 2px var(--tinta); }
  .email-destaque .aviso { color: var(--suave); }
  .assuntos-titulo { margin-top: clamp(40px, 6vw, 64px); }
  .assuntos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .assunto { display: flex; flex-direction: column; gap: 8px; text-decoration: none; border: 1px solid var(--linha); border-radius: var(--raio); padding: 22px; transition: border-color .15s ease; }
  .assunto:hover { border-color: var(--marca); }
  .assunto h3 { font-size: 1.25rem; letter-spacing: -0.02em; font-weight: 800; }
  .assunto p { margin: 0; font-size: .96rem; }
  .assunto span { margin-top: auto; padding-top: 6px; font-weight: 700; font-size: .92rem; color: var(--marca); }
  .fatos.empresa { margin-top: clamp(40px, 6vw, 64px); max-width: 560px; }

  .cab-site { color: #fff; }
  .cab-site .moldura { padding-block: clamp(40px, 6vw, 72px) clamp(56px, 8vw, 96px); }
  .cab-site.s-analistas { background: var(--analistas); }
  .cab-site.s-motors { background: var(--motors); }
  .cab-site.s-assistir { background: var(--assistir); }
  .cab-site.s-resultado { background: var(--resultado); color: var(--tinta); }
  .cab-site.s-frases { background: var(--frases); }
  .cab-site h1 { color: inherit; font-size: clamp(2.8rem, 7vw, 5.4rem); line-height: .95; letter-spacing: -0.05em; font-weight: 800; }
  .migalha { margin: 0 0 clamp(24px, 4vw, 40px); font-size: .92rem; font-weight: 600; opacity: .85; }
  .migalha a { text-underline-offset: 3px; }
  .nicho-site { margin: 10px 0 24px; font-weight: 700; font-size: 1.05rem; opacity: .9; }
  .pergunta-site { font-family: var(--display); font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 16px; max-width: 24ch; }
  .desc-site { max-width: 56ch; margin: 0 0 28px; font-size: 1.1rem; }
  .link-branco { font-weight: 700; text-underline-offset: 4px; }
  .detalhe-site { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 6vw, 80px); }
  .lista-recursos { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
  .lista-recursos li { padding: 14px 0 14px 26px; border-bottom: 1px solid var(--linha); position: relative; color: var(--tinta); font-weight: 600; }
  .lista-recursos li::before { content: ""; position: absolute; left: 3px; top: 1.45em; width: 11px; height: 3px; background: var(--marca); transform: rotate(-52deg); border-radius: 2px; }
  .coluna-info { display: grid; gap: 32px; align-content: start; }
  .coluna-info p { margin: 0; }
  .outros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .outro { display: flex; flex-direction: column; gap: 4px; padding: 20px; border-radius: 18px; color: #fff; text-decoration: none; min-height: 110px; justify-content: flex-end; transition: transform .15s ease; }
  .outro:hover { transform: translateY(-2px); }
  .outro b { font-family: var(--display); font-size: 1.3rem; letter-spacing: -0.03em; }
  .outro span { font-size: .9rem; opacity: .9; }
  .outro.s-analistas { background: var(--analistas); } .outro.s-motors { background: var(--motors); } .outro.s-assistir { background: var(--assistir); } .outro.s-frases { background: var(--frases); }
  .outro.s-resultado { background: var(--resultado); color: var(--tinta); }

  .site-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .site .visitar.externo { font-weight: 600; opacity: .9; }

  @media (max-width: 980px) {
    .abrir-menu { display: inline-flex; }
    .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--fundo); border-bottom: 1px solid var(--linha); flex-direction: column; align-items: stretch; gap: 0; padding: 8px clamp(16px, 4vw, 40px) 20px; box-shadow: 0 24px 40px -28px rgba(25,25,25,.4); }
    .topo.menu-aberto .menu { display: flex; }
    .menu > a:not(.botao), .botao-sites { padding: 14px 0; border-bottom: 1px solid var(--linha); width: 100%; text-align: left; justify-content: space-between; }
    .menu .botao { margin-top: 14px; }
    .lista-sites { position: static; box-shadow: none; border: 0; padding: 4px 0 8px; min-width: 0; }
    .topo .moldura { position: relative; }
    .portas, .assuntos { grid-template-columns: 1fr 1fr; }
    .sobre-grade, .detalhe-site, .compra-grade.clara { grid-template-columns: 1fr; }
    .outros { grid-template-columns: 1fr 1fr; }
    .motivos.tres { grid-template-columns: 1fr; }
  }
  @media (max-width: 760px) {
    .menu a:not(.botao) { display: flex; }
    .portas, .assuntos { grid-template-columns: 1fr; }
    .fundador { grid-template-columns: 1fr; }
    .foto { max-width: 200px; }
    .linha-tempo li { grid-template-columns: 1fr; gap: 4px; }
    .fatos div { grid-template-columns: 1fr; gap: 2px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .outro, .porta, .assunto { transition: none; }
    .outro:hover { transform: none; }
  }

  /* Mais sites e prova */
  .mais-sites { margin-top: clamp(40px, 6vw, 64px); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px clamp(28px, 5vw, 56px); align-items: center; padding: clamp(22px, 3vw, 32px); border-radius: var(--raio); background: var(--fundo-2); }
  .solucoes .mais-sites { background: var(--fundo); }
  .mais-sites h3 { font-size: 1.6rem; letter-spacing: -0.035em; font-weight: 800; margin-bottom: 8px; }
  .mais-sites p { margin: 0; }
  .prova { margin: 0; display: grid; gap: 10px; min-width: 0; grid-column: 1 / -1; }
  .numeros { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .numeros div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; }
  .numeros dd { margin: 0; font-family: var(--display); font-weight: 800; font-size: clamp(2.2rem, 4.5vw, 3.4rem); letter-spacing: -0.045em; line-height: 1; color: var(--marca); font-variant-numeric: tabular-nums; }
  .numeros dt { font-size: .92rem; font-weight: 600; color: var(--suave); }
  .prova-img { overflow-x: auto; border-radius: 14px; border: 1px solid var(--linha); background: #fff; box-shadow: 0 24px 48px -32px rgba(25,25,25,.4); }
  .prova-img img { display: block; width: 100%; min-width: 560px; height: auto; }
  .prova figcaption { font-size: .9rem; color: var(--suave); }
  .prova figcaption b { color: var(--tinta); }

  /* Modelos de compra */
  .modelos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .modelo { border: 1px solid var(--linha); border-radius: var(--raio); padding: clamp(24px, 3vw, 36px); display: flex; flex-direction: column; gap: 10px; }
  .modelo-tag { align-self: flex-start; font-family: var(--display); font-weight: 800; font-size: 2.4rem; letter-spacing: -0.04em; line-height: 1; color: var(--marca); }
  .modelo h3 { font-size: 1.6rem; letter-spacing: -0.035em; font-weight: 800; }
  .modelo p { margin: 0; }
  .modelo ul { margin: 6px 0 0; padding-left: 1.1em; }
  .modelo li::marker { color: var(--marca); }
  .modelo.escura { background: var(--marca-escura); border-color: var(--marca-escura); color: #C4C7D0; }
  .modelo.escura h3 { color: #fff; }
  .modelo.escura .modelo-tag { color: var(--marca-clara); }
  .modelo.escura li::marker { color: var(--marca-clara); }
  .pt0 { padding-top: 0; }

  @media (max-width: 980px) {
    .mais-sites { grid-template-columns: 1fr; }
  }
  @media (max-width: 760px) {
    .modelos { grid-template-columns: 1fr; }
  }

  /* ---------- Perfil, autoria e conteúdos ---------- */
  .prosa { max-width: 68ch; }
  .prosa p { margin: 0 0 14px; }
  .prosa p:last-child { margin-bottom: 0; }
  .prosa a, .cab-pagina p a, .fundador p a, .motivo p a, .cabeca-secao p a { color: var(--marca); font-weight: 600; text-underline-offset: 3px; }
  .cab-pagina .migalha { color: var(--suave); }
  .cab-pagina .migalha a { color: var(--tinta); }
  .duas-colunas { display: grid; grid-template-columns: 1fr 1fr; gap: 32px clamp(32px, 6vw, 80px); }
  .subtitulo-projetos { font-size: 1.15rem; font-weight: 750; letter-spacing: -0.01em; margin: clamp(40px, 5vw, 56px) 0 16px; }
  .outros.cinco { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .linha-tempo .marco { font-family: var(--display); font-weight: 800; font-size: 1.15rem; color: var(--marca); letter-spacing: -0.02em; }
  .rodape .rodape-autor a { color: #fff; text-underline-offset: 3px; }
  .assinatura { font-size: 1rem !important; color: var(--suave); }
  .assinatura a { color: var(--tinta); font-weight: 700; }
  .corpo-artigo h2 { font-size: clamp(1.4rem, 2.4vw, 1.8rem); letter-spacing: -0.03em; margin: 36px 0 12px; }
  .caixa-autor { margin-top: 48px; padding: 22px 24px; border: 1px solid var(--linha); border-radius: var(--raio); background: var(--fundo-2); }
  .caixa-autor p { margin: 0 0 8px; }
  .caixa-autor-nome { font-family: var(--display); font-weight: 800; font-size: 1.2rem; }
  .caixa-autor-nome a { color: var(--tinta); text-decoration: none; }
  .lista-conteudos { list-style: none; margin: 16px 0 0; padding: 0; border-top: 2px solid var(--tinta); max-width: 820px; }
  .lista-conteudos li { padding-block: 18px; border-bottom: 1px solid var(--linha); }
  .lista-conteudos a { font-family: var(--display); font-weight: 750; font-size: 1.2rem; color: var(--tinta); text-underline-offset: 3px; }
  .lista-conteudos p { margin: 4px 0; }
  .lista-conteudos time { font-size: .9rem; color: var(--suave); }
  @media (max-width: 980px) {
    .outros.cinco { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .duas-colunas { grid-template-columns: 1fr; }
  }
  @media (max-width: 760px) {
    .outros.cinco { grid-template-columns: 1fr 1fr; }
  }
  .moldura.prosa { max-width: var(--largura); }
  .moldura.prosa > * { max-width: 68ch; }
  @media (max-width: 760px) {
    .outros.cinco > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  }

  /* Verticais e projetos */
  .verticais { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
  .verticais li { border-radius: 18px; padding: 20px 18px; color: #fff; display: flex; flex-direction: column; gap: 6px; min-height: 124px; justify-content: flex-end; }
  .verticais b { font-family: var(--display); font-size: 1.35rem; letter-spacing: -0.03em; }
  .verticais span { font-size: .92rem; opacity: .92; line-height: 1.35; }
  .verticais .v-analistas { background: var(--analistas); } .verticais .v-motors { background: var(--motors); } .verticais .v-assistir { background: var(--assistir); } .verticais .v-frases { background: var(--frases); }
  .verticais .v-resultado { background: var(--resultado); color: var(--tinta); }
  .link-projetos { margin: 28px 0 0; font-weight: 600; }
  .link-projetos a { color: var(--marca); font-weight: 700; text-underline-offset: 4px; }
  .site .h3-card { color: inherit; font-size: 1.7rem; letter-spacing: -0.035em; font-weight: 800; }
  .tabela .vert { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-weight: 800; font-size: 1.1rem; color: var(--tinta); white-space: nowrap; }
  .tabela .vert i { width: 10px; height: 10px; border-radius: 3px; }
  .rodape-grade { grid-template-columns: 1.6fr 1fr 1.2fr; }
  @media (max-width: 980px) {
    .verticais { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rodape-grade { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 760px) {
    .verticais { grid-template-columns: 1fr 1fr; }
    .verticais li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  }
  @media (max-width: 480px) {
    .rodape-grade { grid-template-columns: 1fr; }
  }
  .abertura h1 { font-size: clamp(2.1rem, 3.9vw, 3.3rem); line-height: 1.04; }

  /* ---------- Home simples: logo e e-mail ---------- */
  .home-simples { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(28px, 5vw, 44px); padding: 24px 16px; text-align: center; box-sizing: border-box; }
  .home-logo { margin: 0; line-height: 0; }
  .home-logo-svg { width: clamp(200px, 42vw, 420px); height: auto; display: block; }
  .home-email { font-family: var(--corpo); font-weight: 600; font-size: clamp(1.05rem, 2.2vw, 1.35rem); color: var(--tinta); text-decoration: none; letter-spacing: -0.01em; border-bottom: 2px solid var(--marca); padding-bottom: 2px; }
  .home-email:hover { color: var(--marca); }
  .home-aviso { margin: 0; font-size: clamp(1.3rem, 3vw, 1.8rem); font-weight: 750; letter-spacing: -0.02em; }
  .visualmente-oculto { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .topo-simples .moldura { justify-content: space-between; }
  .topo-email { font-weight: 600; color: var(--tinta); text-decoration: none; font-size: .95rem; }
  .topo-email:hover { color: var(--marca); }
  .rodape-simples .moldura { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding-block: 36px; }
  .rodape-simples p { margin: 0; }
  .rodape-simples .logo-svg { height: 28px; }
  .home-frase { margin: 0; font-family: var(--display); font-weight: 700; font-size: clamp(1.25rem, 2.6vw, 1.7rem); letter-spacing: -0.02em; color: var(--tinta); }
  .home-simples { gap: clamp(20px, 3.6vw, 32px); }
  .home-logo { margin-bottom: clamp(4px, 1.4vw, 12px); }
  a[data-e]:not([href]) { cursor: text; }