/* ===== A1 CONNECT — "Built for cafes, salons, clinics..." industries section ===== Requires in , in this order: base.css, header.css, industries.css. Light section, blue palette matching the rest of the site (converted from the gold/tan reference into brand blue). */ .industries-section { background: var(--gray-50); } .industries-section h2 { background: linear-gradient(100deg, #0b2560 0%, #1d4ed8 45%, #3b82f6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .industry-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; } .industry-tags span { display: inline-flex; align-items: center; background: #eaf2ff; color: var(--gold-dark); font-weight: 700; font-size: 0.92rem; padding: 11px 22px; border-radius: 999px; border: 1px solid rgba(59, 130, 246, 0.18); } .industries-section .btn-primary { margin-top: 34px; } @media (max-width: 480px) { .industry-tags { gap: 8px; } .industry-tags span { padding: 9px 16px; font-size: 0.86rem; } }