/* ============================================================
   MaxLeadPRO brand stylesheet
   Brand palette taken from the logo: blue wordmark + orange signal.
   ============================================================ */
:root {
    --brand-blue: #2f9bff;
    --brand-blue-dark: #1f73d6;
    --brand-orange: #ff7a00;
    --brand-orange-dark: #e96a00;
    --ink: #0f1b2d;
    --ink-soft: #41506a;
    --bg-soft: #f5f8fc;
    --line: #e6edf6;
}

html, body { scroll-behavior: smooth; }
body {
    color: var(--ink);
    font-family: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}

/* ---- Recolor Bootstrap primary to brand blue (5.3 uses CSS vars) ---- */
.btn-primary {
    --bs-btn-bg: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-bg: var(--brand-blue-dark);
    --bs-btn-hover-border-color: var(--brand-blue-dark);
    --bs-btn-active-bg: var(--brand-blue-dark);
    --bs-btn-active-border-color: var(--brand-blue-dark);
    --bs-btn-disabled-bg: var(--brand-blue);
    --bs-btn-disabled-border-color: var(--brand-blue);
}
.btn-outline-primary {
    --bs-btn-color: var(--brand-blue-dark);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-bg: var(--brand-blue);
    --bs-btn-hover-border-color: var(--brand-blue);
    --bs-btn-active-bg: var(--brand-blue-dark);
}
.text-primary { color: var(--brand-blue-dark) !important; }
a { color: var(--brand-blue-dark); }

/* ---- Orange call-to-action button ---- */
.btn-brand {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-orange);
    --bs-btn-border-color: var(--brand-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-orange-dark);
    --bs-btn-hover-border-color: var(--brand-orange-dark);
    --bs-btn-active-bg: var(--brand-orange-dark);
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(255, 122, 0, .25);
}

/* ---- Navbar ---- */
.navbar.mlp-nav {
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 2px 10px rgba(15, 27, 45, .04);
}
.navbar.mlp-nav .navbar-brand img { height: 38px; width: auto; }
.navbar.mlp-nav .nav-link { color: var(--ink-soft); font-weight: 500; }
.navbar.mlp-nav .nav-link:hover,
.navbar.mlp-nav .nav-link.active { color: var(--brand-blue-dark); }

/* ---- Hero ---- */
.mlp-hero {
    background: radial-gradient(1200px 500px at 15% -10%, rgba(47,155,255,.25), transparent 60%),
                linear-gradient(135deg, #0b1f3a 0%, #133a6b 55%, #1f73d6 100%);
    color: #fff;
    padding: 5rem 0 5.5rem;
}
.mlp-hero h1 { font-weight: 800; letter-spacing: -.02em; }
.mlp-hero .lead { color: #d7e6fb; }
.mlp-hero .hero-logo { max-height: 80px; margin-bottom: 1.25rem; }
.mlp-hero .badge-pill {
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22);
    color: #eaf3ff; border-radius: 999px; padding: .35rem .9rem; font-size: .8rem;
}

/* ---- Sections & cards ---- */
.section { padding: 4.5rem 0; }
.section.bg-soft { background: var(--bg-soft); }
.eyebrow { color: var(--brand-orange); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; }
.feature-card {
    background: #fff; border: 1px solid var(--line); border-radius: 16px;
    padding: 1.5rem; height: 100%; transition: transform .15s ease, box-shadow .15s ease;
}
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(15,27,45,.08); }
.feature-icon {
    width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark)); color: #fff; font-size: 1.25rem; margin-bottom: .75rem;
}
.feature-icon.orange { background: linear-gradient(135deg, #ffa24d, var(--brand-orange)); }

.cta-band { background: linear-gradient(135deg, var(--brand-blue-dark), #0b1f3a); color: #fff; border-radius: 20px; }

/* ---- Steps ---- */
.step-num {
    width: 34px; height: 34px; border-radius: 50%; background: var(--brand-orange); color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-weight: 700; margin-right: .6rem;
}

/* ---- Admin niceties ---- */
.card { border-radius: 14px; }
main { min-height: 60vh; }

/* ---- Footer ---- */
.mlp-footer { background: #0b1f3a; color: #c7d6ea; }
.mlp-footer a { color: #c7d6ea; text-decoration: none; }
.mlp-footer a:hover { color: #fff; }
.mlp-footer img { height: 34px; }