/* KadaAI: page styles for /roadmap (What's coming). Linked after site.css.
   Blocks: rm-stages (Now · Next · Later track) · rm-eyebrow · rm-new (featured "New" item) · rm-receipts (the real
   receipt) · rm-card (roadmap cards) · rm-today (what works today) · rm-shots. */

/* Now · Next · Later track */
.rm-stages{padding-block:1.5rem 1.25rem;border-block:1px solid var(--border);background:#fff}
.rm-stages__list{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.5rem;max-width:880px;margin-inline:auto;list-style:none;padding:0}
.rm-stages__list::before{content:"";position:absolute;top:23px;left:16.67%;right:16.67%;height:2px;background:linear-gradient(90deg, var(--green), var(--warm) 50%, var(--border-strong))}
.rm-stage{position:relative;display:grid;justify-items:center;gap:.3rem;padding:0 .35rem .35rem;text-align:center;color:var(--ink-2);text-decoration:none;border-radius:var(--r-lg)}
.rm-stage__dot{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.25rem;border-radius:50%;color:var(--green-ink);background:#fff;border:2px solid var(--green);box-shadow:0 0 0 6px #fff;transition:transform .2s var(--ease)}
.rm-stage__dot .icon{width:1.25rem;height:1.25rem;stroke-width:2}
.rm-stage--next .rm-stage__dot{color:var(--warm-ink);border-color:var(--warm)}
.rm-stage--later .rm-stage__dot{color:var(--text-muted);border-color:var(--border-strong);border-style:dashed}
.rm-stage__name{font-size:1.0625rem;font-weight:800;line-height:1.2;color:var(--ink)}
.rm-stage__desc{font-size:.875rem;line-height:1.35;color:var(--text-muted)}
.rm-stage:hover .rm-stage__dot{transform:translateY(-2px)}
.rm-stage:hover .rm-stage__name{color:var(--blue-ink)}
@media (max-width: 479.98px) {.rm-stage__desc {font-size:.8125rem} }

/* Stage eyebrows */
.rm-eyebrow--now{color:var(--green-ink)}

/* Now: screenshots under the cards */
.rm-shots{margin-top:clamp(3rem, 2rem + 3vw, 4.5rem)}
.rm-links{justify-content:center;margin-top:clamp(2rem, 1.5rem + 1.5vw, 3rem);gap:.75rem 2rem}

/* Cards */
.rm-card{gap:.6rem}
.rm-card > .icon-tile{margin-bottom:.35rem}
.rm-card .card__badge{top:1.35rem;right:1.35rem}
.rm-today{margin-top:auto;padding-top:.85rem;font-size:.875rem !important;line-height:1.5;color:var(--text-muted);border-top:1px dashed var(--border)}
.rm-today strong{color:var(--ink-2)}
.rm-card > p:not(.rm-today):not(.card__foot){flex:0 0 auto}
/* Phones: icon beside the title (and badge), so long lists stay short */
@media (max-width: 639.98px) {
  .rm-card {display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:1rem;row-gap:.6rem;align-content:start}
  .rm-card > .icon-tile {grid-column:1;grid-row:1 / span 2;align-self:center;margin:0}
  .rm-card > .card__badge {position:static;grid-column:2;grid-row:1;justify-self:start;align-self:end}
  .rm-card > h3 {grid-column:2;grid-row:2;align-self:start}
  .rm-card:not(:has(.card__badge)) > h3 {grid-row:1 / span 2;align-self:center}
  .rm-card > p, .rm-card > .card__foot {grid-column:1 / -1}
}

/* Next: the featured "New" item */
.rm-new{display:grid;gap:clamp(2rem, 1.5rem + 2.5vw, 4rem);align-items:center;margin-bottom:clamp(1.25rem, 1rem + 1vw, 1.75rem);padding:clamp(1.5rem, 1rem + 2.5vw, 3rem);background:#fff;border:1px solid #F2D9CE;border-radius:var(--r-2xl);box-shadow:0 24px 48px -32px rgba(176,70,31,.35)}
.rm-new__text{display:grid;gap:1rem;justify-items:start;grid-template-columns:minmax(0, 1fr)}
.rm-new__text h3{font-size:clamp(1.5rem, 1.25rem + 1vw, 2.125rem);line-height:1.15;letter-spacing:-.03em}
.rm-new__text .btn-row{margin-top:.25rem}
@media (min-width: 900px) {.rm-new {grid-template-columns:minmax(0, 6fr) minmax(0, 5fr)} }

/* The real receipt (the tax invoice), as paper, with each till's series */
.rm-receipts{display:grid;justify-items:center;gap:1.25rem;margin:0;padding:clamp(1.5rem, 1rem + 2vw, 2.25rem) clamp(1rem, .5rem + 2vw, 2rem);background:var(--warm-tint);border-radius:var(--r-xl)}
.rm-receipts__paper{display:block;width:min(260px, 100%);border-radius:2px;filter:drop-shadow(0 1px 1px rgba(11,31,68,.1)) drop-shadow(0 16px 22px rgba(11,31,68,.16));transition:transform .25s var(--ease)}
.rm-receipts__paper:hover{transform:translateY(-3px)}
.rm-receipts__paper picture{display:block;padding-bottom:10px;background:#fff;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%}
.rm-receipts__paper img{width:100%}
.rm-receipts figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:22rem;font-size:.875rem;line-height:1.5;color:var(--ink-2);text-align:center}
.rm-series{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:0 .75rem;font-family:var(--mono);font-size:.8125rem;font-weight:700;color:var(--warm-ink);background:#fff;border:1px solid #F2D9CE;border-radius:var(--r-pill)}
.rm-series b{font-family:var(--font);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.rm-receipts__note{flex-basis:100%;text-wrap:balance}