.clock{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:20px;padding:7px 16px;
  background:var(--card);border:3px solid var(--bd);font:500 13px var(--reg);color:var(--mute);transition:border-color .25s,box-shadow .25s}
.clock:hover{border-color:var(--acc);box-shadow:0 0 18px var(--glow)}
.c-dot{width:9px;height:9px;background:var(--acc);box-shadow:0 0 10px var(--acc);animation:cPulse 2s ease-in-out infinite}
.c-time{font-family:var(--reg);font-weight:700;font-size:19px;letter-spacing:.5px;color:var(--fg);font-variant-numeric:tabular-nums}
.c-diff{padding:2px 10px;border-radius:6px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--acc) 55%,#fff);background:color-mix(in srgb,var(--acc) 14%,var(--bg));border:1px solid color-mix(in srgb,var(--acc) 45%,transparent)}
[data-theme=light] .c-diff{color:var(--acc2)}
.c-diff[hidden]{display:none}
@keyframes cPulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero-content .clock+.links{margin-top:16px}