.index-page .hero-zone { position: relative; overflow: hidden; }
  .index-page .hero-zone::before {
    content: '';
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(rgb(var(--muted-rgb) / 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, black 55%, transparent 98%);
  }
  .index-page .hero-zone::after {
    content: '';
    position: absolute; inset: -4%; z-index: -1; pointer-events: none;
    background:
      radial-gradient(720px 460px at 15% 16%, rgb(var(--accent-rgb) / 0.16), transparent 68%),
      radial-gradient(560px 380px at 85% 42%, rgba(245, 158, 11, 0.06), transparent 70%);
    mask-image: linear-gradient(to bottom, black 55%, transparent 98%);
    animation: hz-drift 90s ease-in-out infinite alternate;
  }
  @keyframes hz-drift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to { transform: translate3d(1.5%, -1%, 0) scale(1.06); }
  }
  @media (prefers-reduced-motion: reduce) { .index-page .hero-zone::after { animation: none; } }
  .index-page .signature {
    padding: 2rem 0 1rem;
  }

  .index-page .signature-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    max-width: 56rem;
    margin: 0 auto;
  }

  .index-page .signature-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    border: 1px solid rgb(var(--accent-rgb) / 0.15);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgb(var(--deep-rgb) / 0.55), rgb(var(--deep-rgb) / 0.2));
    text-align: center;
    transition: border-color 0.25s, transform 0.25s, background 0.25s;
    text-decoration: none;
  }

  .index-page .signature-stat:hover {
    border-color: rgb(var(--accent-rgb) / 0.5);
    transform: translateY(-2px);
    background: linear-gradient(180deg, rgb(var(--accent-rgb) / 0.08), transparent);
  }

  .index-page .signature-number {
    display: block;
    font-family: var(--font-mono);
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: 700;
    color: var(--color-accent);
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 0.5rem;
  }

  .index-page .signature-unit {
    font-size: 0.65em;
    color: var(--color-accent-hover);
    opacity: 0.85;
    margin-left: 0.05em;
  }

  .index-page .signature-label {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    line-height: 1.4;
  }

  .index-page .sig-star {
    color: var(--color-accent);
    opacity: 0.8;
    margin-left: 0.1em;
  }

  .index-page .signature-note {
    max-width: 44rem;
    margin: 0.85rem auto 0;
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--color-text-muted);
    opacity: 0.7;
    text-align: center;
    line-height: 1.5;
  }

  @media (max-width: 860px) {
    .index-page .signature-row {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 640px) {
    .index-page .signature-row {
      grid-template-columns: 1fr;
      gap: 0.6rem;
    }
    .index-page .signature-stat { padding: 1.1rem; }
  }
  .index-page .opensource {
    padding: 2.5rem 0;
  }

  .index-page .opensource-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 2rem;
    border: 1px solid rgb(var(--accent-rgb) / 0.2);
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / 0.05), rgb(var(--accent-rgb) / 0.02));
    text-align: center;
  }

  .index-page .opensource-icon {
    width: 2rem;
    height: 2rem;
    color: var(--color-accent);
    flex-shrink: 0;
  }

  .index-page .opensource-badge p {
    font-size: var(--text-base);
    color: var(--color-text-muted);
    line-height: 1.6;
    max-width: 40rem;
  }

  .index-page .opensource-badge strong {
    color: var(--color-text);
  }
  .index-page .stack {
    padding: 5rem 0;
  }

  .index-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 1.25rem;
  }
  .index-page .grid .card.reveal:nth-child(1) { transition-delay: 0ms; }
  .index-page .grid .card.reveal:nth-child(2) { transition-delay: 80ms; }
  .index-page .grid .card.reveal:nth-child(3) { transition-delay: 160ms; }
  .index-page .grid .card.reveal:nth-child(4) { transition-delay: 240ms; }
  .index-page .grid .card.reveal:nth-child(5) { transition-delay: 320ms; }
  .index-page .grid .card.reveal:nth-child(6) { transition-delay: 400ms; }
  .index-page .grid .card.reveal:nth-child(7) { transition-delay: 480ms; }
  .index-page .grid .card.reveal:nth-child(8) { transition-delay: 560ms; }
  .index-page .grid .card.reveal:nth-child(9) { transition-delay: 640ms; }
  .index-page .site-banner {
    padding: 1.5rem 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / 0.03), rgb(var(--accent-rgb) / 0.08));
  }

  .index-page .banner-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    font-family: var(--font-mono);
    font-size: var(--text-md);
    color: var(--color-text-muted);
    flex-wrap: wrap;
    transition: color 0.2s;
  }

  .index-page .banner-link:hover { color: var(--color-text); }
  .index-page .banner-prefix { color: var(--color-text); font-weight: 600; }
  .index-page .banner-pipe { color: var(--color-border); }
  .index-page .banner-step { color: var(--color-accent); }
  .index-page .banner-arrow { color: var(--color-border); transition: color 0.2s; }
  .index-page .banner-link:hover .banner-arrow { color: var(--color-accent); }
  .index-page .banner-cta { color: var(--color-accent); font-weight: 600; }
  .index-page .banner-link:hover .banner-cta { color: var(--color-accent-hover); }

  @media (max-width: 640px) {
    .index-page .grid { grid-template-columns: 1fr; gap: 0.75rem; }
    .index-page .opensource-badge { padding: 1rem 1.25rem; }
    .index-page .opensource-badge p { font-size: var(--text-md); }
    .index-page .banner-cta { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
    .index-page .banner-step { font-size: var(--text-xs); }
    .index-page .banner-pipe { display: none; }
  }
.hero-cockpit[data-astro-cid-isgje4em] {
  position: relative;
  padding: 3.5rem 0 4rem;
}

.hc-inner[data-astro-cid-isgje4em] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 2.5rem;
  align-items: center;
}

.hc-title[data-astro-cid-isgje4em] {
  font-size: clamp(2.6rem, 6vw, 4.2rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.05;
  margin: 0 0 1rem;
}

.hc-prefix[data-astro-cid-isgje4em] {
  display: block;
}

.hc-model[data-astro-cid-isgje4em] {
  display: inline-block;
  position: relative;
  min-width: 4ch;
}

.hc-dot[data-astro-cid-isgje4em] {
  color: #0000;
}

.hc-model[data-astro-cid-isgje4em].glitch {
  animation: 3s ease-in-out 1.5s infinite hc-glitch-base;
}

.hc-model[data-astro-cid-isgje4em].glitch:before, .hc-model[data-astro-cid-isgje4em].glitch:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.hc-model[data-astro-cid-isgje4em].glitch:before {
  color: #ff6b6b;
  text-shadow: 2px 0 #ff6b6b;
  animation: 3s ease-in-out infinite hc-glitch-1;
}

.hc-model[data-astro-cid-isgje4em].glitch:after {
  color: var(--color-accent);
  text-shadow: -2px 0 var(--color-accent);
  animation: 3s ease-in-out infinite hc-glitch-2;
}

@keyframes hc-glitch-base {
  0%, 72%, 84%, 100% {
    text-shadow: none;
    transform: none;
  }

  74% {
    transform: translate(1px);
    text-shadow: -2px 0 #ff6b6b4d, 2px 0 rgb(var(--accent-rgb) / .3);
  }

  76% {
    transform: translate(-1px);
    text-shadow: 2px 0 #ff6b6b33, -2px 0 rgb(var(--accent-rgb) / .2);
  }

  78% {
    transform: none;
    text-shadow: none;
  }

  80% {
    transform: translate(2px, -1px);
    text-shadow: -3px 0 #ff6b6b66, 3px 0 rgb(var(--accent-rgb) / .4);
  }

  81% {
    transform: translate(-1px, 1px);
    text-shadow: none;
  }

  82% {
    transform: none;
  }
}

@keyframes hc-glitch-1 {
  0%, 72%, 84%, 100% {
    opacity: 0;
    transform: none;
  }

  73% {
    opacity: .9;
    transform: translate(-5px, 2px);
    clip-path: inset(8% 0 72%);
  }

  74% {
    opacity: 1;
    transform: translate(6px, -1px);
    clip-path: inset(42% 0 28%);
  }

  75% {
    opacity: .8;
    transform: translate(-3px);
    clip-path: inset(68% 0 8%);
  }

  76% {
    opacity: 0;
    transform: none;
  }

  77% {
    opacity: .9;
    transform: translate(4px, 2px);
    clip-path: inset(15% 0 55%);
  }

  78% {
    opacity: 1;
    transform: translate(-6px, -2px);
    clip-path: inset(52% 0 18%);
  }

  79% {
    opacity: .7;
    transform: translate(3px, 1px);
    clip-path: inset(78% 0 2%);
  }

  80% {
    opacity: 0;
    transform: none;
  }

  81% {
    opacity: .9;
    transform: translate(-4px, -1px);
    clip-path: inset(25% 0 45%);
  }

  82% {
    opacity: 1;
    transform: translate(5px, 2px);
    clip-path: inset(60% 0 12%);
  }

  83% {
    opacity: 0;
    transform: none;
  }
}

@keyframes hc-glitch-2 {
  0%, 72%, 84%, 100% {
    opacity: 0;
    transform: none;
  }

  73.5% {
    opacity: .8;
    transform: translate(5px, -2px);
    clip-path: inset(22% 0 48%);
  }

  74.5% {
    opacity: 1;
    transform: translate(-6px, 1px);
    clip-path: inset(55% 0 15%);
  }

  75.5% {
    opacity: .7;
    transform: translate(3px, 2px);
    clip-path: inset(5% 0 78%);
  }

  76.5% {
    opacity: 0;
    transform: none;
  }

  77.5% {
    opacity: .8;
    transform: translate(-4px, -2px);
    clip-path: inset(35% 0);
  }

  78.5% {
    opacity: 1;
    transform: translate(6px);
    clip-path: inset(70% 0 5%);
  }

  79.5% {
    opacity: .9;
    transform: translate(-3px, 1px);
    clip-path: inset(12% 0 62%);
  }

  80.5% {
    opacity: 0;
    transform: none;
  }

  81.5% {
    opacity: .8;
    transform: translate(4px, -1px);
    clip-path: inset(48% 0 22%);
  }

  82.5% {
    opacity: 1;
    transform: translate(-5px, 2px);
    clip-path: inset(75% 0 3%);
  }

  83.5% {
    opacity: 0;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hc-model[data-astro-cid-isgje4em].glitch, .hc-model[data-astro-cid-isgje4em].glitch:before, .hc-model[data-astro-cid-isgje4em].glitch:after {
    animation: none;
  }

  .hc-model[data-astro-cid-isgje4em].glitch:before, .hc-model[data-astro-cid-isgje4em].glitch:after {
    opacity: 0;
  }

  .hc-model[data-astro-cid-isgje4em].flux {
    animation: none;
  }
}

.hc-model[data-astro-cid-isgje4em] {
  color: inherit;
}

.hc-model[data-astro-cid-isgje4em].flux {
  animation: .12s infinite hc-flux;
}

@keyframes hc-flux {
  0%, 100% {
    transform: none;
  }

  25% {
    transform: translate(-2px, 1px);
  }

  50% {
    transform: translate(2px, -1px);
  }

  75% {
    transform: translate(-1px);
  }
}

.hc-model[data-astro-cid-isgje4em].hc-critic {
  color: #d97706;
}

.hc-model[data-astro-cid-isgje4em].glitch.hc-critic:before, .hc-model[data-astro-cid-isgje4em].glitch.hc-critic:after {
  opacity: 0;
}

.hc-model[data-astro-cid-isgje4em].glitch.hc-critic:before {
  color: #d97706;
  text-shadow: 2px 0 #d97706;
  animation: .15s step-end hc-lock;
}

.hc-model[data-astro-cid-isgje4em].glitch.hc-critic:after {
  color: var(--color-accent);
  text-shadow: -2px 0 var(--color-accent);
  animation: .15s step-end reverse hc-lock;
}

@keyframes hc-lock {
  0% {
    opacity: .7;
    transform: translate(-2px);
    clip-path: inset(18% 0 52%);
  }

  40% {
    opacity: 0;
    transform: translate(2px);
  }

  65% {
    opacity: .5;
    transform: translate(1px);
    clip-path: inset(58% 0 12%);
  }

  100% {
    opacity: 0;
    transform: none;
  }
}

.hc-num[data-astro-cid-isgje4em] {
  color: var(--color-accent);
  font-weight: 700;
}

.hc-lbl[data-astro-cid-isgje4em] {
  color: var(--color-text-muted);
  font-size: var(--text-2xs);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.hc-role[data-astro-cid-isgje4em] {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0 0 1rem;
}

.hc-tagline[data-astro-cid-isgje4em] {
  font-size: var(--text-xl);
  line-height: 1.65;
  color: var(--color-text-muted);
  max-width: 34rem;
  margin: 0 0 1.75rem;
}

.hc-links[data-astro-cid-isgje4em] {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.hc-proof[data-astro-cid-isgje4em] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: .03em;
  color: var(--color-text-muted);
  margin: 1.4rem 0 0;
}

.hc-proof-prompt[data-astro-cid-isgje4em] {
  color: var(--color-accent);
}

.hc-proof-cursor[data-astro-cid-isgje4em] {
  display: inline-block;
  width: .55em;
  height: 1em;
  margin-left: .35em;
  vertical-align: text-bottom;
  background: var(--color-accent);
  opacity: .75;
  animation: 1.1s step-end infinite hc-blink;
}

@keyframes hc-blink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hc-proof-cursor[data-astro-cid-isgje4em] {
    animation: none;
  }
}

.hc-btn[data-astro-cid-isgje4em] {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  padding: .55rem 1rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: border-color .2s, color .2s, background .2s;
}

.hc-btn[data-astro-cid-isgje4em]:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.hc-btn-primary[data-astro-cid-isgje4em] {
  background: var(--color-accent);
  color: var(--color-bg);
  border-color: var(--color-accent);
  font-weight: 600;
}

.hc-btn-primary[data-astro-cid-isgje4em]:hover {
  background: var(--color-accent-hover);
  color: var(--color-bg);
}

.hc-viz[data-astro-cid-isgje4em] {
  position: relative;
  border: 1px solid rgb(var(--ok-rgb) / .18);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgb(var(--deep-rgb) / .72), rgb(var(--deep-rgb) / .35));
  padding: .65rem .8rem .8rem;
}

.hc-tip[data-astro-cid-isgje4em] {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  color: var(--color-text);
  background: rgb(var(--deep-rgb) / .92);
  border: 1px solid var(--color-border);
  border-radius: 5px;
  padding: .2rem .45rem;
  white-space: nowrap;
  transform: translateY(-100%);
}

.hc-viz-head[data-astro-cid-isgje4em] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  margin-bottom: .4rem;
}

.hc-live[data-astro-cid-isgje4em] {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--color-ok, var(--color-ok));
  letter-spacing: .06em;
  text-transform: uppercase;
}

.hc-live-dot[data-astro-cid-isgje4em] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-ok, var(--color-ok));
  box-shadow: 0 0 0 0 rgb(var(--ok-rgb) / .5);
  animation: 2.4s ease-out infinite hc-pulse;
}

.hc-live--stale[data-astro-cid-isgje4em] {
  color: var(--color-warn);
}

.hc-live--stale[data-astro-cid-isgje4em] .hc-live-dot[data-astro-cid-isgje4em] {
  background: var(--color-warn);
  box-shadow: none;
  animation: none;
}

.hc-legend[data-astro-cid-isgje4em] {
  color: var(--color-text-muted);
  opacity: .7;
}

.hc-canvas[data-astro-cid-isgje4em] {
  display: block;
  width: 100%;
  height: 300px;
  cursor: pointer;
}

.hc-stats[data-astro-cid-isgje4em] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-text);
  margin-top: .5rem;
  padding-top: .6rem;
  border-top: 1px solid var(--color-border);
}

.hc-stat[data-astro-cid-isgje4em] strong[data-astro-cid-isgje4em], .hc-stat[data-astro-cid-isgje4em] [data-stat] {
  color: var(--color-accent);
}

.hc-sep[data-astro-cid-isgje4em] {
  opacity: .35;
}

@keyframes hc-pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--ok-rgb) / .5);
  }

  70% {
    box-shadow: 0 0 0 5px rgb(var(--ok-rgb) / 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgb(var(--ok-rgb) / 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hc-live-dot[data-astro-cid-isgje4em] {
    animation: none;
  }
}

@media (width <= 860px) {
  .hc-inner[data-astro-cid-isgje4em] {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .hc-canvas[data-astro-cid-isgje4em] {
    height: 240px;
  }
}
.live-stats[data-astro-cid-pirhpjmf] {
  padding: 3rem 0 2rem;
}

.live-stats-header[data-astro-cid-pirhpjmf] {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.live-dot[data-astro-cid-pirhpjmf] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-text-muted);
  flex-shrink: 0;
}

.live-dot[data-astro-cid-pirhpjmf].live {
  background: var(--color-ok);
  box-shadow: 0 0 6px rgb(var(--ok-rgb) / .6);
  animation: 2s ease-in-out infinite pulse-dot;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 6px rgb(var(--ok-rgb) / .6);
  }

  50% {
    opacity: .6;
    box-shadow: 0 0 12px rgb(var(--ok-rgb) / .4);
  }
}

.live-heading[data-astro-cid-pirhpjmf] {
  font-size: var(--text-xl);
  font-family: var(--font-mono);
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
}

.live-timestamp[data-astro-cid-pirhpjmf] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin-left: auto;
}

.live-grid[data-astro-cid-pirhpjmf] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.live-brick[data-astro-cid-pirhpjmf] {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.25rem 1rem;
  text-align: center;
  transition: border-color .3s, transform .3s, box-shadow .3s;
}

.live-brick[data-astro-cid-pirhpjmf]:hover {
  border-color: var(--color-accent);
  transform: translateY(-2px);
  box-shadow: 0 0 12px rgb(var(--accent-rgb) / .08), 0 4px 16px #0003;
}

.brick-value[data-astro-cid-pirhpjmf] {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--text-5xl);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: .4rem;
}

.brick-label[data-astro-cid-pirhpjmf] {
  display: block;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height: 1.3;
}

@media (width <= 640px) {
  .live-grid[data-astro-cid-pirhpjmf] {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }

  .live-brick[data-astro-cid-pirhpjmf] {
    padding: 1rem .75rem;
  }

  .brick-value[data-astro-cid-pirhpjmf] {
    font-size: var(--text-4xl);
  }

  .live-timestamp[data-astro-cid-pirhpjmf] {
    margin-left: 0;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-dot[data-astro-cid-pirhpjmf].live {
    animation: none;
  }

  .live-brick[data-astro-cid-pirhpjmf] {
    transition: none;
  }

  .live-brick[data-astro-cid-pirhpjmf]:hover {
    transform: none;
  }
}
.card[data-astro-cid-yk4hkwyg] {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  transition: border-color .3s, transform .3s, box-shadow .3s;
  position: relative;
}

.card[data-astro-cid-yk4hkwyg]:hover {
  border-color: var(--color-accent);
  transform: translateY(-3px);
  box-shadow: 0 0 15px rgb(var(--accent-rgb) / .1),
      0 8px 25px #0000004d;
}

.card[data-astro-cid-yk4hkwyg]:after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgb(var(--accent-rgb) / .15), transparent 60%);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
  z-index: 0;
}

.card[data-astro-cid-yk4hkwyg]:hover:after {
  opacity: 1;
}

.card[data-astro-cid-yk4hkwyg] > * {
  position: relative;
  z-index: 1;
}

.card-icon[data-astro-cid-yk4hkwyg] {
  font-size: var(--text-4xl);
  color: var(--color-accent);
  margin-bottom: .75rem;
  opacity: .7;
  transition: opacity .3s, transform .3s;
}

.card[data-astro-cid-yk4hkwyg]:hover .card-icon[data-astro-cid-yk4hkwyg] {
  opacity: 1;
  transform: scale(1.1);
}

h3[data-astro-cid-yk4hkwyg] {
  font-size: var(--text-xl);
  margin-bottom: .75rem;
}

p[data-astro-cid-yk4hkwyg] {
  color: var(--color-text-muted);
  font-size: var(--text-base);
  margin-bottom: 1rem;
  line-height: 1.5;
}

.tags[data-astro-cid-yk4hkwyg] {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
}

.tags[data-astro-cid-yk4hkwyg] li[data-astro-cid-yk4hkwyg] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  background: var(--color-bg);
  color: var(--color-accent);
  padding: .2rem .6rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  transition: border-color .2s, background .2s;
}

.card[data-astro-cid-yk4hkwyg]:hover .tags[data-astro-cid-yk4hkwyg] li[data-astro-cid-yk4hkwyg] {
  border-color: rgb(var(--accent-rgb) / .3);
}

@media (prefers-reduced-motion: reduce) {
  .card[data-astro-cid-yk4hkwyg] {
    transition: none;
  }

  .card[data-astro-cid-yk4hkwyg]:hover {
    transform: none;
  }

  .card-icon[data-astro-cid-yk4hkwyg] {
    transition: none;
  }
}