/* ============ REGISTRATION SERVICES — page-specific compositions ============ */

/* ---- WHAT WE REGISTER: registry grid ---- */
.reg-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 44px; }
.reg {
  position: relative; padding: 26px; display: flex; flex-direction: column; gap: 13px;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease);
}
.reg:hover { transform: translateY(-3px); }
.reg .reg-top { display: flex; align-items: center; gap: 14px; }
.reg .chip { flex: none; transition: transform .25s var(--ease); }
.reg:hover .chip { transform: scale(1.06) rotate(-3deg); }
.reg .reg-name { display: flex; flex-direction: column; gap: 2px; }
.reg .reg-name b { font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--ink); letter-spacing: -.01em; }
.reg .reg-name small { font-size: 12.5px; font-weight: 600; color: var(--muted); letter-spacing: .01em; }
.reg p { color: var(--body); font-size: 14.5px; line-height: 1.5; }
.reg .reg-foot { margin-top: auto; padding-top: 6px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.reg .speed {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: var(--r-pill);
  font-size: 12.5px; font-weight: 600; background: var(--brand-50); color: var(--brand);
  box-shadow: inset 0 0 0 1px color-mix(in oklab,var(--brand) 14%,transparent);
}
.reg .speed [data-lucide] { width: 14px; height: 14px; }
.reg .who-tag { font-size: 12.5px; color: var(--muted); }
@media (max-width: 900px){ .reg-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .reg-grid { grid-template-columns: 1fr; } }

/* ---- HERO speed chips (fast-action emphasis) ---- */
.fast-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.fast-row .fc {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: var(--r-pill);
  background: var(--surface); box-shadow: inset 0 0 0 1px var(--line), var(--sh-sm);
  font-size: 13.5px; font-weight: 600; color: var(--ink-2);
}
.fast-row .fc [data-lucide] { width: 16px; height: 16px; color: var(--brand); }

/* ---- TESTIMONIALS reuse .tgrid from gst.css ---- */

/* ---- quick-pick chip strip under hero / section intros ---- */
.reg-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.reg-pills .rp {
  padding: 7px 13px; border-radius: var(--r-pill); font-size: 13px; font-weight: 600;
  background: var(--soft); color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
}