/* ===========================================================================
   Profiler — site theme
   Built on CoreUI (which is built on Bootstrap 5).
   Change the brand colours in one place: the CSS variables below.
   =========================================================================== */

:root {
    --profiler-primary: #1f6f8b;      /* deep teal-blue — main brand colour */
    --profiler-primary-dark: #17586f;
    --profiler-accent: #e8a838;       /* warm accent for highlights / CTAs */
    --profiler-ink: #22303a;          /* headings / dark text */
    --profiler-muted: #5b6b76;
    --profiler-bg-soft: #f4f7f9;

    /* Map our brand colour onto CoreUI/Bootstrap's primary so buttons,
       links and components pick it up automatically. */
    --cui-primary: var(--profiler-primary);
    --cui-primary-rgb: 31, 111, 139;
    --cui-link-color: var(--profiler-primary);
    --cui-link-hover-color: var(--profiler-primary-dark);
}

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

h1, h2, h3, h4, h5 { color: var(--profiler-ink); }

/* ---- Buttons ---------------------------------------------------------- */
.btn-primary {
    --cui-btn-bg: var(--profiler-primary);
    --cui-btn-border-color: var(--profiler-primary);
    --cui-btn-hover-bg: var(--profiler-primary-dark);
    --cui-btn-hover-border-color: var(--profiler-primary-dark);
    --cui-btn-active-bg: var(--profiler-primary-dark);
    --cui-btn-active-border-color: var(--profiler-primary-dark);
}
.btn-accent {
    color: #22303a;
    background-color: var(--profiler-accent);
    border-color: var(--profiler-accent);
}
.btn-accent:hover { color: #22303a; background-color: #d7981f; border-color: #d7981f; }
.btn-outline-light-brand { color: #fff; border-color: rgba(255,255,255,.7); }
.btn-outline-light-brand:hover { color: var(--profiler-primary); background:#fff; }

/* ---- Navbar ----------------------------------------------------------- */
.site-navbar { padding-top: .65rem; padding-bottom: .65rem; }
.site-navbar .site-logo { height: 40px; width: auto; }
.site-navbar .brand-mark {
    color: #58595B; /* matches the grey of the Profiler wordmark */
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.5px;
}
.site-navbar .nav-link { color: var(--profiler-ink); font-weight: 500; }
.site-navbar .nav-link:hover,
.site-navbar .nav-link.active { color: var(--profiler-primary); }

/* ---- Hero ------------------------------------------------------------- */
.hero {
    background: linear-gradient(135deg, var(--profiler-primary) 0%, var(--profiler-primary-dark) 100%);
    color: #fff;
    padding: 5.5rem 0;
}
.hero h1 { color: #fff; font-weight: 700; line-height: 1.15; }
.hero .lead { color: rgba(255,255,255,.9); }
.hero .eyebrow {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .8rem;
    font-weight: 600;
    color: var(--profiler-accent);
}

/* ---- Section helpers -------------------------------------------------- */
.section { padding: 4.5rem 0; }
.section-soft { background: var(--profiler-bg-soft); }
.section-title { font-weight: 700; margin-bottom: .5rem; }
.section-sub { color: var(--profiler-muted); max-width: 40rem; }

/* ---- Feature cards ---------------------------------------------------- */
.feature-card {
    height: 100%;
    border: 1px solid #e6ecef;
    border-radius: .75rem;
    transition: transform .15s ease, box-shadow .15s ease;
    background: #fff;
}
.feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .75rem 1.5rem rgba(31,111,139,.12);
}
.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .6rem;
    background: rgba(31,111,139,.1);
    color: var(--profiler-primary);
    font-size: 1.35rem;
    margin-bottom: 1rem;
}

/* ---- CTA band --------------------------------------------------------- */
.cta-band { background: var(--profiler-ink); color: #fff; border-radius: 1rem; }
.cta-band h2 { color:#fff; }

/* ---- Footer ----------------------------------------------------------- */
.site-footer { background: var(--profiler-ink); color: #fff; }
.site-footer a { color: rgba(255,255,255,.75); text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: underline; }
.site-footer ul li { margin-bottom: .35rem; }

/* ---- Legal / privacy body --------------------------------------------- */
.privacy-body h2 { font-weight: 700; }
.privacy-body h3 { font-weight: 600; color: var(--profiler-primary); }
.privacy-body p, .privacy-body li { color: #3f4a52; line-height: 1.7; }
.privacy-body ul { margin-bottom: 1.1rem; }
.privacy-body li { margin-bottom: .35rem; }

/* ---- Forms ------------------------------------------------------------ */
.form-card { border: 1px solid #e6ecef; border-radius: .85rem; background: #fff; }
.honeypot { position: absolute; left: -5000px; top: -5000px; }