@layer components{.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;list-style:none;margin:0;padding:0}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:1rem;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px var(--glow-accent-subtle)}.feature-card--soon{opacity:.7}.feature-card-link{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;height:100%}.feature-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.feature-card-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0;line-height:1.3}.feature-card-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);flex-shrink:0}.feature-card-desc{font-size:.875rem;font-weight:500;color:hsl(var(--foreground)/.7);margin:0;line-height:1.4}.feature-card-problem{font-size:.8125rem;color:hsl(var(--foreground)/.55);margin:0;line-height:1.5;flex:1}.feature-card-cta{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--accent);margin-top:auto}}