/* creds.css: the homepage credentials row under the triple guarantee band. Rules follow the Compass page's credentials row
   (page-set/pages/compass/src/page.css, "Gnar 10/8") scoped to .hg-creds. Tokens are literal: the homepage has its own set. */
.hg-creds{--accent:#fa5539;--accent-ink:#181b22;--font-mono:"Geist Mono",ui-monospace,monospace;--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;
  padding:24px 0 32px;color:#fff}
.hg-creds .hgc-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.hg-creds .hgc-row{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:48px 64px}
.hg-creds .hgc-cred{flex:0 1 320px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hg-creds .hgc-seal,.hg-creds .hgc-cred-badge{display:block;width:140px;height:140px;margin:0 0 24px}
.hg-creds .hgc-seal-rosette{fill:var(--accent)}
.hg-creds .hgc-seal-line{fill:none;stroke:var(--accent-ink);stroke-width:1.5}
.hg-creds .hgc-seal-in{fill:var(--accent-ink);stroke:var(--accent);stroke-width:1.5}
.hg-creds .hgc-seal-ring{font:500 12px/1 var(--font-mono);letter-spacing:0;fill:var(--accent-ink);text-transform:uppercase}
.hg-creds .hgc-seal-num{font:700 28px/1 var(--font-sans);fill:var(--accent);letter-spacing:-.02em}
.hg-creds .hgc-seal-sm{font:500 12px/1 var(--font-mono);letter-spacing:.08em;fill:var(--accent);text-transform:uppercase}
.hg-creds .hgc-cred-h{margin:0;font:600 1.25rem/1.2 var(--font-sans);letter-spacing:-.01em;color:#fff;text-transform:none}
.hg-creds .hgc-cred p{margin:8px 0 0;font:400 16px/1.5 var(--font-sans);color:rgba(255,255,255,.72);text-transform:none;text-wrap:pretty}
@media (max-width:767px){
  .hg-creds{padding:16px 0 16px}
  .hg-creds .hgc-row{flex-direction:column;align-items:stretch;gap:24px}
  .hg-creds .hgc-cred{flex:none;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;align-items:center;text-align:left}
  .hg-creds .hgc-seal,.hg-creds .hgc-cred-badge{grid-row:1 / span 2;width:120px;height:120px;margin:0}
  .hg-creds .hgc-cred-h{align-self:end}
  .hg-creds .hgc-cred p{align-self:start;margin-top:4px}
}