/* Graphite Mist – glass + neumorph helpers */
:root{
  --gm-accent: var(--wp--preset--color--accent, #38BDF8);
  --gm-glass: rgba(255,255,255,0.12);
  --gm-blur: 14px;
  --gm-r: 24px;
  --gm-shadow-light: rgba(255,255,255,0.6);
  --gm-shadow-dark: rgba(0,0,0,0.25);
}
.gm-glass{
  background: var(--gm-glass);
  -webkit-backdrop-filter: blur(var(--gm-blur));
  backdrop-filter: blur(var(--gm-blur));
  border-radius: var(--gm-r);
  box-shadow: 8px 8px 16px var(--gm-shadow-dark),
              -8px -8px 16px var(--gm-shadow-light);
}
.gm-soft-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.75rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 20px rgba(0,0,0,.35);
  color:#E5E7EB;text-decoration:none;font-weight:600;
}
.gm-soft-btn:hover{ transform: translateY(-1px); }
.gm-hero{
  background: radial-gradient(1000px 500px at 20% -10%, rgba(56,189,248,.25), transparent 60%),
              radial-gradient(800px 400px at 90% 0%, rgba(56,189,248,.2), transparent 50%);
  border-radius: 28px;
}
/* Card grid utility */
.gm-grid{ display:grid; gap:1.2rem; }
@media (min-width: 960px){ .gm-grid-3{ grid-template-columns: repeat(3, 1fr);} }
@media (min-width: 720px) and (max-width: 959px){ .gm-grid-2{ grid-template-columns: repeat(2, 1fr);} }