/* site/trust-and-stats: numbers strip with optional extras, registration text badges and the footer company line.
   Loaded after site.css; uses its tokens. Hand-written, no build step. */

/* ---------------- Registration + DPIIT text badges (home hero) ---------------- */
.trust-badges { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; font-size: 13.5px; line-height: 1.4; color: var(--slate); }
.trust-badges li { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; max-width: 100%; }
.trust-badges .ico { width: 16px; height: 16px; margin-top: 1px; color: var(--green-600); }
.trust-badges span, .trust-badges a { min-width: 0; overflow-wrap: anywhere; }
.trust-badges a { color: inherit; text-decoration: underline; text-decoration-color: var(--cloud); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-decoration-color .15s, color .15s; }
.trust-badges a:hover { color: var(--ink); text-decoration-color: var(--green); }

/* ---------------- Numbers strip with 6 to 8 items ---------------- */
/* The default five-item strip is untouched. Extras add a stats--nN class: two columns on phones (an odd last item still
   spans both, an even count must not), three or four columns on desktop, and smaller numerals so "1,200+" fits a phone cell. */
.stats[class*="stats--n"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stats[class*="stats--n"] .stat { min-width: 0; padding-inline: 16px; }
.stats[class*="stats--n"] .stat .n { font-size: clamp(30px, 9vw, 46px); overflow-wrap: anywhere; }
.stats--n6 .stat:last-child, .stats--n8 .stat:last-child { grid-column: auto; }
@media (min-width: 900px) {
    /* .stats.stats--nN matches the specificity of the base rules above, so these win by coming later. */
    .stats.stats--n6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .stats.stats--n7, .stats.stats--n8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .stats--n7 .stat:last-child { grid-column: span 2; }
    .stats[class*="stats--n"] .stat { padding-inline: 28px; }
    .stats.stats--n6 .stat .n { font-size: clamp(40px, 5vw, 60px); }
    .stats.stats--n7 .stat .n, .stats.stats--n8 .stat .n { font-size: clamp(34px, 4.2vw, 56px); }
}
/* ---------------- Footer company line ---------------- */
.legal-co { margin: -8px 0 0; padding: 0 0 22px; font-size: 12.5px; line-height: 1.65; color: var(--ash); overflow-wrap: anywhere; }
.legal-co a { color: inherit; text-decoration: underline; text-decoration-color: var(--cloud); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.legal-co a:hover { color: var(--ink); }