/* CTA layer for howtogetadotnumber.com (CTA-BRIEF-20261115). Separate file so styles.css stays untouched. */
.cta-strip{margin:28px 0 0;background:var(--accent-50);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:18px 20px;display:grid;gap:12px;align-items:center}
.cta-strip p{margin:0;color:var(--ink);font-weight:600}
.cta-strip .btn{justify-self:start}
@media (min-width:800px){.cta-strip{grid-template-columns:1fr auto}.cta-strip .btn{justify-self:end}}
.cta-wrap{padding:0 0 8px}
.section--dark .cta-strip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.section--dark .cta-strip p{color:#fff}
.step .load{margin:10px 0 0;font-size:.9rem;color:var(--slate-2);border-top:1px dashed var(--line-2);padding-top:10px}
.step .load strong{color:var(--ink)}
.steps--cont{counter-reset:s 4;margin-top:20px}
.legal ol li .load{display:block;font-size:.9rem;color:var(--slate-2);margin-top:2px}
.compare{display:grid;gap:16px;margin-top:28px}
@media (min-width:800px){.compare{grid-template-columns:1fr 1fr}}
.compare > div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.compare h3{font-size:1.05rem;margin-bottom:.6em}
.compare ul{margin:0;padding-left:1.1em}
.compare li{margin:0 0 6px;font-size:.94rem}
.compare .pick{border-color:var(--accent);box-shadow:var(--shadow)}
.mistakes{margin-top:24px}
.mistakes ul{padding-left:1.1em}
.workload{margin:28px 0 0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.workload h2,.workload h3{margin-top:0}
.workload ul{margin:0 0 0;padding-left:1.1em}
.header-cta{white-space:nowrap}
@media (max-width:899px){.header-cta{display:none}}
.cta-sticky{display:none}
@media (max-width:899px){
  .cta-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;justify-content:center;align-items:center;min-height:56px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 -6px 18px rgba(15,23,42,.18);transition:transform .2s}
  .cta-sticky:hover{color:#fff;background:var(--accent-d)}
  .cta-sticky.is-hidden{transform:translateY(110%)}
  body.has-cta-sticky{padding-bottom:64px}
}