@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=JetBrains+Mono:wght@500&display=swap’);

body {
font-family: ‘Inter’, sans-serif;
background-color: #0f172a; /* Slate 950 */
}

.tech-grid {
background-image: radial-gradient(#1e293b 1px, transparent 1px);
background-size: 24px 24px;
}

.bms-gradient {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.5) 0%, rgba(15, 23, 42, 0.8) 100%);
}

.data-flow-line {
height: 2px;
background: linear-gradient(90deg, transparent, #3b82f6, transparent);
animation: flow 3s linear infinite;
}

@keyframes flow {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}