/* CTA pass 2026-11-15: step notes, CTA strips, comparison, sticky CTA. */
.brand-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px;margin:0 0 12px}
.step-effort{display:block;margin-top:4px;font-size:.92rem;color:var(--slate)}
.steps .step-effort{color:inherit;opacity:.85}
.cta-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;border:1px solid var(--line);border-left:4px solid var(--accent);background:#fff;padding:14px 18px;margin:22px 0}
.cta-strip p{margin:0;flex:1 1 240px;color:var(--ink)}
.cta-strip .btn{margin-top:0}
.cta-hero{margin-top:16px !important}
.cta-hero .btn{margin-top:0}
.cta-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.cta-compare>div{border:1px solid var(--line);padding:16px 18px;background:#fff}
.cta-compare h3{margin-top:0}
.cta-compare ul{padding-left:1.2em;margin:0}
.cta-section{padding:28px 0}
.cta-sticky{position:fixed;z-index:50;right:20px;bottom:20px;transition:opacity .2s,transform .2s}
.cta-sticky .btn{margin:0;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.cta-sticky.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
@media (max-width:720px){
  .cta-compare{grid-template-columns:1fr}
  .cta-sticky{left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
  .cta-sticky .btn{display:block;width:100%;box-shadow:none}
  body.has-cta-sticky{padding-bottom:72px}
}