style(landing): make flow links subtler with underline instead of pills

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-13 16:39:22 +02:00
parent e97d7d10e2
commit bfa237d88e

View file

@ -856,35 +856,28 @@ const techUsps = [
} }
.flow-link { .flow-link {
color: #e2e8f0; color: #cbd5e1;
text-decoration: none; text-decoration: none;
padding: 2px 10px; border-bottom: 1px solid rgba(148, 163, 184, 0.3);
border-radius: 8px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.2s ease; transition: all 0.2s ease;
white-space: nowrap;
font-weight: 500; font-weight: 500;
} }
.flow-link:hover { .flow-link:hover {
background: rgba(59, 130, 246, 0.15);
border-color: rgba(59, 130, 246, 0.4);
color: #93c5fd; color: #93c5fd;
border-bottom-color: rgba(59, 130, 246, 0.6);
} }
.flow-link-tech { .flow-link-tech {
font-family: 'SF Mono', 'Fira Code', monospace; font-family: 'SF Mono', 'Fira Code', monospace;
font-size: 0.9375rem; font-size: 0.9375rem;
color: #60a5fa; color: #60a5fa;
background: rgba(59, 130, 246, 0.08); border-bottom-color: rgba(59, 130, 246, 0.3);
border-color: rgba(59, 130, 246, 0.2);
} }
.flow-link-tech:hover { .flow-link-tech:hover {
background: rgba(59, 130, 246, 0.2);
border-color: rgba(59, 130, 246, 0.5);
color: #93c5fd; color: #93c5fd;
border-bottom-color: rgba(59, 130, 246, 0.7);
} }
/* ==================== USP Cards ==================== */ /* ==================== USP Cards ==================== */