/* TechMontz - Site styles */
:root {
    --brand-red: #b30d2f;
    --brand-red-dark: #7c081f;
    --brand-gold: #d7b24a;
    --brand-gold-light: #f1d98a;
    --brand-cream: #fff9f3;
    --brand-charcoal: #1e1b1b;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--brand-cream);
    color: var(--brand-charcoal);
}

.gradient-bg {
    background: linear-gradient(135deg, var(--brand-red) 0%, var(--brand-red-dark) 50%, var(--brand-gold) 100%);
}

.service-card,
.pricing-card {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.service-card:hover,
.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-color: rgba(215, 178, 74, 0.35);
}

.brand-name {
    color: var(--brand-red);
    font-weight: 800;
    letter-spacing: 0.02em;
}

.brand-tagline {
    color: var(--brand-gold);
    font-size: 0.85rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.brand-link {
    color: var(--brand-red);
    font-weight: 600;
}

.brand-link:hover {
    color: var(--brand-gold);
}

.brand-button-primary {
    background-color: var(--brand-gold);
    color: var(--brand-charcoal);
}

.brand-button-primary:hover {
    background-color: var(--brand-gold-light);
    color: var(--brand-charcoal);
}

.brand-button-outline {
    border: 2px solid var(--brand-gold);
    color: var(--brand-gold);
}

.brand-button-outline:hover {
    background-color: var(--brand-gold);
    color: var(--brand-charcoal);
}

.brand-accent-bar {
    width: 5rem;
    height: 0.3rem;
    background: linear-gradient(90deg, var(--brand-gold), var(--brand-red));
    margin: 0 auto;
}

.footer-brand {
    background: linear-gradient(135deg, var(--brand-red-dark), #0f0d0d);
}

.footer-border {
    border-top: 1px solid rgba(215, 178, 74, 0.35);
}

/* Utility */
.hidden {
    display: none;
}