/* Paid Ads page — bespoke sections (reuses theme.css for shared bands). */

/* Left-aligned interior hero */
.page-hero.left{text-align:left;padding:172px 0 36px}
.page-hero.left h1{font-size:clamp(2.3rem,4.8vw,3.6rem);margin:20px 0 18px;max-width:840px}
.page-hero.left p{color:var(--muted);font-size:1.15rem;max-width:640px;margin-bottom:30px}
.page-hero.left .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:flex-start}

/* Prose */
.prose{padding:48px 0}
.prose-wrap{max-width:820px;margin:0 auto}
.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:8px 0 16px}
.prose h3{font-size:1.2rem;margin:30px 0 10px;color:var(--text)}
.prose p{color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:16px}
.prose .lead{color:#c4cdd9;font-size:1.08rem}

/* Results band — shared styles live in theme.css (.results/.res-grid/.rcard) so the SEO page can reuse them. */

/* What's included */
.incl{padding:40px 0}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.icard2{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 22px;transition:border-color .2s,transform .2s}
.icard2:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.icard2 .ic2{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:13px}
.icard2 h3{font-family:var(--font-head);font-size:1.04rem;margin-bottom:7px}
.icard2 p{color:var(--muted);font-size:.88rem;line-height:1.55}
@media(max-width:860px){.incl-grid{grid-template-columns:1fr}}

/* Works best for */
.who-best{padding:48px 0}
.platforms{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.plat{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--muted);background:var(--glass);border:1px solid var(--border);border-radius:99px;padding:9px 18px}