/* redesign.css — promoted from the v2 homepage + audit inline blocks. Loaded only on the two
   pages that use these components (index, audit); .hp-eyebrow is namespaced so it can never
   collide with framer.css's .eyebrow on the sub-pages. [flagship redesign 2026-07] */
/* ── v2 redesign additions (inline = CSP-safe; promoted into styles.css on approval) ───────────────────── */
.hp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--acc-soft);margin-bottom:14px}
.hp-eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--acc),transparent)}
.actgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
@media(max-width:820px){.actgrid{grid-template-columns:1fr}}
.act{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);
  border-radius:var(--r-lg);padding:22px 22px 20px;overflow:hidden}
.act::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,var(--acc),transparent 70%);opacity:.8}
.act:hover{border-color:var(--line2);transform:translateY(-2px)}
.act .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.act h3{font-size:1.12rem;margin:.35em 0 .3em;line-height:1.25;letter-spacing:-.01em}
.act p{margin:0;color:#cdc4dd;font-size:.94rem;line-height:1.55}
.act .tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--mist);
  border:1px solid var(--line2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.tag.live{color:var(--ok);border-color:var(--ok-wash);background:var(--ok-wash)}
.tag.built{color:var(--acc-soft);border-color:var(--acc-wash);background:var(--acc-wash)}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--line)}
@media(max-width:720px){.statband{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--panel);padding:18px 18px 16px}
.stat .n{font-family:var(--serif);font-size:1.9rem;line-height:1;color:var(--ink);letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.stat .l{font-size:.82rem;color:var(--faint);margin-top:7px;line-height:1.4}
.stat .n em{font-style:normal;color:var(--acc-soft);font-size:1.1rem}
.trustband{background:radial-gradient(720px 320px at 15% -20%,var(--acc-wash),transparent 65%)}
.trustrow{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;margin-top:8px}
@media(max-width:820px){.trustrow{grid-template-columns:1fr}}
.checks{display:flex;flex-direction:column;gap:11px;margin-top:4px}
.check{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;color:#cdc4dd}
.check svg{flex:0 0 auto;margin-top:2px}
.check b{color:var(--ink);font-weight:600}

/* ── v2 audit additions (CSP-safe inline; promoted into styles.css on approval) ────────────── */
.k.high{color:var(--red);border-color:var(--red)}
.cadence{display:flex;flex-direction:column;gap:0;margin-top:22px;border-left:2px solid var(--line2);padding-left:0}
.crow{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:0 0 20px 22px;position:relative}
.crow::before{content:"";position:absolute;left:-5px;top:5px;width:8px;height:8px;border-radius:50%;
  background:var(--acc);box-shadow:0 0 0 4px var(--acc-wash)}
.crow:last-child{padding-bottom:0}
.crow .when{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--acc-soft);white-space:nowrap;padding-top:1px}
.crow .what b{color:var(--ink)}
.crow .what{color:#cdc4dd;font-size:.95rem;line-height:1.5}
.held{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ok);border:1px solid var(--ok-wash);background:var(--ok-wash);
  border-radius:999px;padding:5px 12px;margin-top:4px}