/* Depoimentos de clientes: citação fiel, com cortes marcados por (…) */
.tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:8px}
.tm{position:relative;display:flex;flex-direction:column;gap:22px;margin:0;padding:36px 34px 30px;border-radius:28px;background:var(--paper);border:1px solid var(--line-l)}
.tm-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.tm-logo{display:block;height:var(--h,36px);width:auto;max-width:60%}
.tm-metric{flex:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--slate);background:#fff;border:1px solid var(--line-l);border-radius:999px;padding:6px 12px}
.tm-metric b{color:var(--blue);font-weight:600}
.tm blockquote{margin:0;display:flex;flex-direction:column;gap:14px}
.tm blockquote p{margin:0;font-size:1.12rem;line-height:1.6;font-weight:500;color:var(--ink)}
.tm-cut{color:var(--slate);font-weight:400}
.tm figcaption{margin-top:auto;display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line-l)}
.tm-av{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.02em}
.tm-who b{display:block;font-weight:800;color:var(--ink)}
.tm-who span{display:block;font-size:.9rem;color:var(--slate);margin-top:2px}
.tm-link{margin-left:auto;font-weight:700;font-size:.92rem;color:var(--blue);text-decoration:none;white-space:nowrap}
.tm-link:hover{text-decoration:underline}
@media (max-width:860px){.tm-grid{grid-template-columns:1fr}.tm{padding:28px 22px 24px}.tm blockquote p{font-size:1.02rem}}
@media (max-width:480px){.tm figcaption{flex-wrap:wrap}.tm-link{margin-left:62px}}

/* Mobile: depoimentos lado a lado em carrossel com setas; mock do celular sai do hero (sem contexto no celular) */
.tm-nav{display:none}
@media (max-width:860px){
  .tm-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
  .tm-grid::-webkit-scrollbar{display:none}
  .tm-grid>.tm{flex:0 0 86%;scroll-snap-align:start}
  .tm-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
  .tm-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-l);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
  .tm-btn svg{width:18px;height:18px}
  .tm-btn.prev svg{transform:scaleX(-1)}
  .tm-btn:disabled{opacity:.35;cursor:default}
  .tm-dots{display:flex;gap:8px}
  .tm-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-l);transition:background-color .2s ease,width .2s ease}
  .tm-dots i.on{width:22px;border-radius:4px;background:var(--blue)}
}
@media (max-width:960px){.hero .demo{display:none}}