.tool-preview { background: var(--color-bg); padding-bottom: 32px; }
.tool-preview__in { max-width: 1100px; margin: 0 auto; padding: 16px; }
.tool-preview__hero { background: var(--color-primary); color: #fff; }
.tool-preview__hero .tool-preview__in { padding-top: 24px; padding-bottom: 24px; }
.tool-preview__kicker { color: var(--color-gold); font-weight: 600; font-size: 0.95rem; margin: 0 0 6px; }
.tool-preview__hero h1 { color: #fff; font-size: 1.9rem; line-height: 1.15; margin: 0 0 10px; }
.tool-preview__lede { font-size: 1.1rem; line-height: 1.5; color: #E8EEF5; margin: 0; }
.tool-preview__card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 12px; padding: 16px; }
.tool-preview__img { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--color-border); margin-bottom: 16px; }
.tool-preview__card h2 { font-size: 1.35rem; margin: 4px 0 8px; }
.tool-preview__list { margin: 0 0 14px; padding-left: 1.3em; display: grid; gap: 6px; line-height: 1.5; font-size: 1.02rem; }
.tool-preview__how { font-weight: 700; margin: 0 0 10px; }
.tool-preview__btns { display: grid; gap: 10px; margin: 0; }
.tool-preview__btns .btn { justify-content: center; text-align: center; }
@media (min-width: 600px) {
.tool-preview__btns { grid-template-columns: auto auto; justify-content: start; }
}