/* Meta Ads × Google Ads: dois cards pretos em 3D (mesma linguagem do Método). Fundo branco. */
.tn-ch { background: #fff; color: #0b0b0c; padding-block: clamp(4rem, 8vw, 8rem); }
.tn-ch__head { max-inline-size: 46rem; margin-block-end: clamp(2rem, 4vw, 3.5rem); }
.tn-ch__eyebrow { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #8c6b14; }
.tn-ch__title { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2rem, 1rem + 3.2vw, 3.75rem); line-height: 1.05; letter-spacing: -0.02em; text-wrap: balance; }
.tn-ch__title em { font-style: normal; color: #b8901d; }
.tn-ch__intro { margin: 1.25rem 0 0; font-size: 1.0625rem; line-height: 1.5; color: rgba(11, 11, 12, 0.7); }
.tn-ch__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(0.75rem, 1.6vw, 1.25rem); perspective: 1400px; }
.tn-ch__card { display: flex; flex-direction: column; padding: clamp(1.75rem, 3.5vw, 3rem); background: #0b0b0c; color: #fff; scroll-margin-block-start: 6rem; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transform-style: preserve-3d; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 2px 4px rgba(0, 0, 0, 0.25), 0 14px 24px -8px rgba(0, 0, 0, 0.4), 0 34px 50px -22px rgba(0, 0, 0, 0.5); }
.tn-ch__card.is-tilt { z-index: 2; transition: transform 0.08s linear, box-shadow 0.35s; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 6px rgba(0, 0, 0, 0.3), 0 24px 36px -10px rgba(0, 0, 0, 0.5), 0 50px 70px -26px rgba(0, 0, 0, 0.55); }
.tn-ch__tag { align-self: flex-start; margin: 0 0 1.5rem; padding: 0.4rem 0.9rem; border-radius: 999px; background: rgba(210, 168, 51, 0.18); color: #d2a833; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.tn-ch__name { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.5rem); line-height: 1; letter-spacing: -0.02em; color: #fff; }
.tn-ch__sub { margin: 0.6rem 0 0; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }
.tn-ch__text { margin: 1.5rem 0 0; font-size: 1.0625rem; line-height: 1.5; color: rgba(255, 255, 255, 0.82); }
.tn-ch__list { list-style: none; margin: 1.75rem 0 0; padding: 0; display: grid; gap: 0.8rem; }
.tn-ch__list li { position: relative; padding-inline-start: 1.5rem; font-size: 0.9375rem; line-height: 1.4; color: rgba(255, 255, 255, 0.88); }
.tn-ch__list li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.45em; inline-size: 0.8rem; block-size: 2px; background: #d2a833; }
.tn-ch__best { margin: auto 0 0; padding-block-start: 2rem; font-size: 0.9375rem; font-weight: 600; color: #d2a833; }
@media (prefers-reduced-motion: reduce) { .tn-ch__card { transition: none; transform: none; } }
@media (max-width: 899px) { .tn-ch__grid { grid-template-columns: 1fr; } }