.free-guide { max-width: 1080px; margin: 0 auto; padding: 36px 24px 64px; }
.fg-offer { display: grid; grid-template-columns: 280px minmax(0, 1fr); grid-template-areas: "preview heading" "preview benefits"; gap: 28px 48px; align-items: start; }
.fg-heading { grid-area: heading; }
.fg-eyebrow { font-size: .85rem; color: var(--color-text-muted); margin: 0 0 14px; }
.fg-eyebrow strong { font-weight: 500; }
.fg-heading h1 { font-family: var(--font-heading); font-size: clamp(28px, 3vw, 36px); line-height: 1.18; font-weight: 750; margin: 0 0 20px; text-wrap: balance; }
.fg-heading h1 strong { font-weight: inherit; }
.fg-preview { grid-area: preview; background: var(--color-paper-dim); padding: 28px; border-radius: 10px; }
.fg-preview img { display: block; width: 100%; max-width: 225px; height: auto; margin: auto; box-shadow: 0 10px 25px #0f162217; }
.fg-benefits { grid-area: benefits; font-size: 1rem; line-height: 1.55; }
.fg-benefits p { margin: 0 0 18px; }
.fg-benefits ul { list-style: disc; padding-left: 1.1em; margin: 0 0 24px; }
.fg-benefits li { padding-left: 6px; margin-bottom: 14px; }
.fg-benefits li::marker { color: var(--color-brand); }
.fg-benefits strong { font-weight: 650; }
.free-guide .conversion-cta { background: var(--color-brand); border-color: var(--color-brand); font-size: .95rem; white-space: normal; text-align: center; }
.free-guide .conversion-cta:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); }
@media (max-width: 760px) {
 .free-guide { padding: 28px 20px 48px; }
 .fg-offer { grid-template-columns: 1fr; grid-template-areas: "heading" "preview" "benefits"; gap: 24px; }
 .fg-heading h1 { font-size: 28px; }
 .fg-preview { padding: 20px; }
 .fg-preview img { max-width: 145px; }
 .fg-heading .conversion-cta { display: none; }
 .fg-benefits .btn { display: flex; justify-content: center; }
}