/* ── Base ─────────────────────────────────────────────── */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1a1a2e;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ── Hero ─────────────────────────────────────────────── */

.hero-section {
    min-height: 80vh;
    background: linear-gradient(135deg, #0d1117 0%, #1a1a2e 50%, #162032 100%);
    padding: 100px 0;
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75);
}

/* ── Services ─────────────────────────────────────────── */

.service-card {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.service-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.service-icon {
    font-size: 2rem;
}

/* ── How it works ─────────────────────────────────────── */

.step-number {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: #0d6efd;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

/* ── About ────────────────────────────────────────────── */

.about-card {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}

/* ── CTA ──────────────────────────────────────────────── */

.cta-section {
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
}

/* ── Navbar ───────────────────────────────────────────── */

.navbar-brand {
    font-size: 1.2rem;
    letter-spacing: -0.3px;
}

.nav-link {
    font-size: 0.9rem;
}