/* Missed-call recovery page: the demo number and an ivory text thread on the dark table. */
.try { margin-top: 2rem; border-top: 1px solid var(--line-dark); padding-top: 1.2rem; max-width: 36rem; }
.try .label { color: var(--brass); margin-bottom: .4rem; }
.try-number { display: inline-block; font: 300 clamp(2.2rem, 1.6rem + 2vw, 3rem)/1.1 var(--serif); color: var(--ivory); text-decoration: none; font-variant-numeric: lining-nums tabular-nums; }
.try-number:hover { color: #fff; }
.try-steps { color: var(--ivory-soft); margin: .4rem 0 .9rem; }
.sms { margin: 0; justify-self: end; width: min(100%, 24rem); background: var(--paper); color: var(--ink); border-radius: 18px; padding: 1rem; display: flex; flex-direction: column; gap: .55rem; font-size: .9rem; box-shadow: var(--object-shadow); }
.sms-head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: .6rem; border-bottom: 1px solid var(--line); font-size: .78rem; color: var(--ink-soft); }
.sms-head b { color: var(--ink); font-size: .95rem; }
.sms-sys { align-self: center; font-size: .74rem; color: var(--ink-soft); }
.sms-booked { align-self: center; margin-top: .3rem; font: var(--label-font); letter-spacing: var(--label-track); text-transform: uppercase; color: var(--brass-ink); }
@media (max-width: 1100px) { .steps--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .sms { justify-self: start; } .steps--5 { grid-template-columns: 1fr; } }