body {
    line-height: 1.6;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
}

.btn-primary {
    border-color: var(--primary);
    background-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
}

.hero {
    padding: 3.5rem 0;
    background: var(--hero-background);
    color: var(--dark);
    text-align: center;
}

.hero h1 {
    margin-bottom: 0.75rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.hero .lead {
    max-width: 640px;
    margin: 0 auto 1.5rem;
    color: var(--gray);
}

.hero .lead:last-child {
    margin-bottom: 0;
}

.cta-bottom {
    padding: 3.5rem 0;
    background: var(--primary);
    color: #fff;
    text-align: center;
}

.cta-bottom h2 {
    font-weight: 700;
}

.cta-bottom .lead {
    margin-bottom: 1.5rem;
}

.footer {
    padding: 20px 0;
    border-top: 1px solid var(--gray-light);
    background-color: var(--light);
    text-align: center;
}

.footer p {
    margin: 0;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .hero h1 {
        font-size: 1.9rem;
    }
}