/* Add-on landing pages (/review-texts, /missed-call-text-back, ...). Same layout as the simple homepage (home.css); only the bits it lacks live here. */
.ad-vis { border-radius: 22px; padding: 22px; width: min(460px, 100%); min-height: 260px; background: var(--card); }
.ad-vis .when2 { margin: 12px 0 0; font-size: 13px; color: var(--dim); }
.ad-vis .vis-duo { grid-template-columns: minmax(0, 1fr); }
.ad-vis .heat { max-width: 260px; }
.ad-vis .tapcard { justify-self: start; }
.get3 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.get3 .card { display: grid; gap: 10px; align-content: start; padding: 26px; }
.get3 .g-icon svg { width: 24px; height: 24px; }
.get3 h3 { margin: 0; }
.get3 p { margin: 0; color: var(--muted); }
.incl-when { display: block; margin-top: 6px; font-size: 16px; }
.how3 + .cta-row { margin-top: 36px; justify-items: center; text-align: center; }
.addon-grid-6 .card .ap { font-size: 15px; font-weight: 700; color: var(--muted); }
@media (max-width: 1020px) { .get3 { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin-inline: auto; } }
@media (max-width: 860px) { .ad-vis { min-height: 0; padding: 16px; } }
@media (max-width: 640px) { .get3 .card { padding: 20px; } }
@media (max-width: 520px) { .addon .hdr .help { display: none; } }
.more-h { margin: 0 0 16px; font-family: var(--display); font-weight: 400; font-size: 30px; letter-spacing: .02em; line-height: 1; }
.more-h span { font-family: var(--body); font-size: 17px; font-weight: 700; letter-spacing: 0; color: var(--amber-text); vertical-align: middle; }