.grid-bg {
    background-image:
            linear-gradient(to right, rgba(42, 42, 43, 0.3) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(42, 42, 43, 0.3) 1px, transparent 1px);
    background-size: 24px 24px;
}
.tech-border { border: 1px solid #2a2a2b; }
.tech-border-primary { border: 1px solid #00dbe9; }

/* Combined typography utility classes */
.label-caps {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: 700;
}
.code-sm {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0.02em;
    font-weight: 500;
}
.display-lg {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: 0.05em;
    font-weight: 700;
}
.headline-md {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-weight: 600;
}
.body-lg {
    font-family: 'Geist', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 400;
}
.body-sm {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
}