<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Centrus Health – World-Class Healthcare. Right at Home.</title>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">

    <!-- Font Awesome 6 (free) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <style>
        /* ===== RESET & BASE ===== */
        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary: #1b609f;
            --primary-dark: #124a7a;
            --primary-light: #e8f0f9;
            --secondary: #80cd2b;
            --secondary-dark: #66a822;
            --secondary-light: #f0f9e4;
            --white: #ffffff;
            --gray-50: #f8fafc;
            --gray-100: #f1f5f9;
            --gray-200: #e2e8f0;
            --gray-300: #cbd5e1;
            --gray-600: #475569;
            --gray-700: #334155;
            --gray-800: #1e293b;
            --gray-900: #0f172a;
            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
            --shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
            --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.12);
            --radius: 16px;
            --radius-sm: 8px;
            --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: var(--white);
            color: var(--gray-800);
            line-height: 1.6;
            overflow-x: hidden;
        }

        a {
            text-decoration: none;
            color: inherit;
        }
        ul {
            list-style: none;
        }
        img {
            max-width: 100%;
            display: block;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .section-padding {
            padding: 80px 0;
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 800;
            letter-spacing: -0.02em;
            line-height: 1.2;
            margin-bottom: 16px;
        }

        .section-title .highlight {
            color: var(--primary);
        }
        .section-title .highlight-green {
            color: var(--secondary);
        }

        .section-subtitle {
            font-size: 1.125rem;
            color: var(--gray-600);
            max-width: 640px;
            line-height: 1.7;
        }

        .text-center {
            text-align: center;
        }
        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        /* ===== BUTTONS ===== */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 32px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            border: none;
            cursor: pointer;
            transition: var(--transition);
            text-decoration: none;
        }

        .btn-primary {
            background: var(--primary);
            color: var(--white);
            box-shadow: 0 4px 12px rgba(27, 96, 159, 0.3);
        }
        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(27, 96, 159, 0.4);
        }

        .btn-secondary {
            background: var(--secondary);
            color: var(--white);
            box-shadow: 0 4px 12px rgba(128, 205, 43, 0.35);
        }
        .btn-secondary:hover {
            background: var(--secondary-dark);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(128, 205, 43, 0.45);
        }

        .btn-outline {
            background: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
        }
        .btn-outline:hover {
            background: var(--primary);
            color: var(--white);
            transform: translateY(-2px);
        }

        .btn-white {
            background: var(--white);
            color: var(--primary);
        }
        .btn-white:hover {
            background: var(--gray-100);
            transform: translateY(-2px);
        }

        /* ===== NAVBAR ===== */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            padding: 16px 0;
            transition: var(--transition);
            background: transparent;
        }
        .navbar.scrolled {
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(12px);
            box-shadow: var(--shadow);
            padding: 10px 0;
        }
        .navbar .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .nav-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 800;
            font-size: 1.5rem;
            color: var(--white);
            transition: var(--transition);
        }
        .navbar.scrolled .nav-logo {
            color: var(--primary);
        }
        .nav-logo i {
            font-size: 2rem;
            color: var(--secondary);
        }
        .nav-logo span {
            color: var(--secondary);
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 32px;
        }
        .nav-links a {
            color: rgba(255, 255, 255, 0.85);
            font-weight: 500;
            font-size: 0.95rem;
            transition: var(--transition);
            position: relative;
        }
        .navbar.scrolled .nav-links a {
            color: var(--gray-700);
        }
        .nav-links a:hover {
            color: var(--secondary);
        }
        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--secondary);
            transition: var(--transition);
        }
        .nav-links a:hover::after {
            width: 100%;
        }

        .nav-cta {
            background: var(--secondary);
            color: var(--white) !important;
            padding: 8px 20px;
            border-radius: 50px;
            font-weight: 600;
        }
        .nav-cta:hover {
            background: var(--secondary-dark) !important;
            color: var(--white) !important;
        }
        .nav-cta::after {
            display: none !important;
        }

        /* Mobile hamburger */
        .hamburger {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 4px;
        }
        .hamburger span {
            width: 28px;
            height: 3px;
            background: var(--white);
            border-radius: 4px;
            transition: var(--transition);
        }
        .navbar.scrolled .hamburger span {
            background: var(--gray-800);
        }

        /* ===== HERO ===== */
        .hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, #1a6fa8 100%);
            overflow: hidden;
            padding-top: 80px;
        }
        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse at 20% 50%, rgba(128, 205, 43, 0.15) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(128, 205, 43, 0.08) 0%, transparent 50%);
            pointer-events: none;
        }

        /* floating shapes */
        .hero-shapes {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
        }
        .hero-shapes .shape {
            position: absolute;
            border-radius: 50%;
            opacity: 0.07;
            background: var(--white);
        }
        .shape-1 {
            width: 600px;
            height: 600px;
            top: -200px;
            right: -100px;
        }
        .shape-2 {
            width: 400px;
            height: 400px;
            bottom: -100px;
            left: -80px;
            opacity: 0.05;
        }
        .shape-3 {
            width: 200px;
            height: 200px;
            top: 30%;
            right: 10%;
            opacity: 0.06;
        }

        .hero-grid {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .hero-content h1 {
            font-size: 3.8rem;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -0.03em;
            color: var(--white);
            margin-bottom: 12px;
        }
        .hero-content h1 .highlight {
            color: var(--secondary);
        }
        .hero-content .tagline {
            font-size: 1.5rem;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 8px;
        }
        .hero-content p {
            font-size: 1.15rem;
            color: rgba(255, 255, 255, 0.85);
            max-width: 520px;
            line-height: 1.8;
            margin: 20px 0 32px;
        }

        .hero-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 32px;
        }
        .hero-badges .badge {
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(4px);
            padding: 6px 18px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .hero-badges .badge i {
            margin-right: 6px;
            color: var(--secondary);
        }

        .hero-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
        }

        .hero-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 48px;
            padding-top: 32px;
            border-top: 1px solid rgba(255, 255, 255, 0.12);
        }
        .hero-stats .stat h3 {
            font-size: 2rem;
            font-weight: 800;
            color: var(--white);
        }
        .hero-stats .stat h3 span {
            color: var(--secondary);
        }
        .hero-stats .stat p {
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.7);
            margin: 0;
        }

        .hero-visual {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .hero-visual .hero-card {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: var(--radius);
            padding: 40px 32px;
            width: 100%;
            max-width: 440px;
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
        }
        .hero-visual .hero-card .icon-wrap {
            width: 72px;
            height: 72px;
            background: rgba(128, 205, 43, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.4rem;
            color: var(--secondary);
            margin-bottom: 20px;
        }
        .hero-visual .hero-card h3 {
            color: var(--white);
            font-size: 1.3rem;
            margin-bottom: 8px;
        }
        .hero-visual .hero-card p {
            color: rgba(255, 255, 255, 0.75);
            font-size: 0.95rem;
            line-height: 1.6;
        }
        .hero-visual .hero-card .feature-list {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .hero-visual .hero-card .feature-list li {
            color: rgba(255, 255, 255, 0.85);
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .hero-visual .hero-card .feature-list li i {
            color: var(--secondary);
            width: 20px;
        }

        /* ===== STATUS BAR ===== */
        .status-bar {
            background: var(--gray-50);
            border-bottom: 1px solid var(--gray-200);
            padding: 16px 0;
        }
        .status-bar .container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
        }
        .status-bar .pulse {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: var(--secondary);
            border-radius: 50%;
            animation: pulse-dot 2s infinite;
        }
        @keyframes pulse-dot {
            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }
            50% {
                opacity: 0.5;
                transform: scale(0.8);
            }
        }
        .status-bar span {
            font-weight: 500;
            color: var(--gray-700);
            font-size: 0.95rem;
        }
        .status-bar .highlight-text {
            color: var(--primary);
            font-weight: 600;
        }

        /* ===== SECTION: BEYOND HOSPITAL ===== */
        .beyond-section {
            background: var(--white);
        }
        .beyond-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-top: 40px;
        }
        .beyond-grid .image-placeholder {
            background: linear-gradient(135deg, var(--primary-light), var(--secondary-light));
            border-radius: var(--radius);
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 4rem;
            color: var(--primary);
            box-shadow: var(--shadow);
        }
        .beyond-grid .content h2 {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 16px;
        }
        .beyond-grid .content p {
            color: var(--gray-600);
            line-height: 1.8;
            margin-bottom: 16px;
        }
        .beyond-grid .content .pill-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
        }
        .beyond-grid .content .pill-list li {
            background: var(--primary-light);
            color: var(--primary);
            padding: 6px 18px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 500;
        }

        /* ===== ECOSYSTEM ===== */
        .ecosystem-section {
            background: var(--gray-50);
        }
        .ecosystem-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 24px;
            margin-top: 48px;
        }
        .ecosystem-item {
            background: var(--white);
            padding: 28px 20px;
            border-radius: var(--radius);
            text-align: center;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border: 1px solid transparent;
        }
        .ecosystem-item:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow);
            border-color: var(--secondary);
        }
        .ecosystem-item .icon {
            font-size: 2.4rem;
            color: var(--primary);
            margin-bottom: 12px;
        }
        .ecosystem-item .icon.green {
            color: var(--secondary);
        }
        .ecosystem-item h4 {
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--gray-800);
        }

        /* ===== WHY CHOOSE ===== */
        .why-section {
            background: var(--white);
        }
        .why-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 28px;
            margin-top: 48px;
        }
        .why-card {
            background: var(--gray-50);
            padding: 32px 24px;
            border-radius: var(--radius);
            border-left: 4px solid var(--primary);
            transition: var(--transition);
        }
        .why-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow);
            background: var(--white);
        }
        .why-card .icon {
            font-size: 2rem;
            color: var(--secondary);
            margin-bottom: 12px;
        }
        .why-card h4 {
            font-size: 1.05rem;
            font-weight: 700;
            margin-bottom: 6px;
        }
        .why-card p {
            font-size: 0.9rem;
            color: var(--gray-600);
            line-height: 1.6;
        }

        /* ===== COMMITMENT ===== */
        .commitment-section {
            background: var(--primary);
            color: var(--white);
        }
        .commitment-section .section-subtitle {
            color: rgba(255, 255, 255, 0.8);
        }
        .commitment-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 28px;
            margin-top: 48px;
        }
        .commitment-item {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(4px);
            padding: 28px 20px;
            border-radius: var(--radius);
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.06);
            transition: var(--transition);
        }
        .commitment-item:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-4px);
        }
        .commitment-item .icon {
            font-size: 2.6rem;
            color: var(--secondary);
            margin-bottom: 12px;
        }
        .commitment-item h4 {
            font-weight: 700;
            font-size: 1rem;
        }

        /* ===== HOW IT WORKS ===== */
        .how-section {
            background: var(--gray-50);
        }
        .how-flow {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px 20px;
            margin-top: 48px;
            padding: 32px 24px;
            background: var(--white);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
        }
        .how-flow .step {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 500;
            color: var(--gray-700);
        }
        .how-flow .step .num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background: var(--primary);
            color: var(--white);
            border-radius: 50%;
            font-weight: 700;
            font-size: 0.85rem;
        }
        .how-flow .arrow {
            color: var(--secondary);
            font-size: 1.2rem;
            font-weight: 300;
        }

        /* ===== CENTRAL COMMAND ===== */
        .command-section {
            background: var(--white);
        }
        .command-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-top: 40px;
        }
        .command-grid .image-placeholder {
            background: linear-gradient(135deg, var(--primary-dark), var(--primary));
            border-radius: var(--radius);
            min-height: 280px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 4rem;
            color: var(--secondary);
            box-shadow: var(--shadow-lg);
        }
        .command-grid .content h2 {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 16px;
        }
        .command-grid .content p {
            color: var(--gray-600);
            line-height: 1.8;
            margin-bottom: 16px;
        }
        .command-grid .content .feature-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-top: 16px;
        }
        .command-grid .content .feature-grid li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.9rem;
            color: var(--gray-700);
        }
        .command-grid .content .feature-grid li i {
            color: var(--secondary);
        }

        /* ===== LEADERSHIP ===== */
        .leadership-section {
            background: var(--gray-50);
        }
        .leadership-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 28px;
            margin-top: 48px;
        }
        .leader-card {
            background: var(--white);
            padding: 28px 20px;
            border-radius: var(--radius);
            text-align: center;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border-top: 4px solid var(--secondary);
        }
        .leader-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow);
        }
        .leader-card .avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--primary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
            font-size: 2.4rem;
            color: var(--primary);
            font-weight: 700;
        }
        .leader-card h4 {
            font-weight: 700;
            font-size: 1.05rem;
        }
        .leader-card .role {
            font-size: 0.85rem;
            color: var(--secondary);
            font-weight: 600;
        }
        .leader-card p {
            font-size: 0.85rem;
            color: var(--gray-600);
            margin-top: 4px;
        }

        /* ===== PARTNERSHIPS ===== */
        .partnership-section {
            background: var(--white);
        }
        .partnership-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 24px;
            margin-top: 48px;
        }
        .partner-item {
            background: var(--gray-50);
            padding: 24px 16px;
            border-radius: var(--radius);
            text-align: center;
            font-weight: 600;
            color: var(--gray-700);
            transition: var(--transition);
            border: 1px solid var(--gray-200);
        }
        .partner-item:hover {
            border-color: var(--secondary);
            background: var(--secondary-light);
            transform: translateY(-4px);
        }
        .partner-item i {
            font-size: 2rem;
            color: var(--primary);
            margin-bottom: 8px;
            display: block;
        }

        /* ===== CONTACT / FOOTER ===== */
        .contact-section {
            background: var(--primary-dark);
            color: var(--white);
        }
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            margin-top: 40px;
        }
        .contact-grid .info h3 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 16px;
        }
        .contact-grid .info p {
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.8;
        }
        .contact-grid .info .detail {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 16px;
            color: rgba(255, 255, 255, 0.9);
        }
        .contact-grid .info .detail i {
            width: 28px;
            color: var(--secondary);
            font-size: 1.2rem;
        }
        .contact-grid .form {
            background: rgba(255, 255, 255, 0.06);
            padding: 32px;
            border-radius: var(--radius);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .contact-grid .form input,
        .contact-grid .form textarea {
            width: 100%;
            padding: 14px 18px;
            border-radius: var(--radius-sm);
            border: 1px solid rgba(255, 255, 255, 0.15);
            background: rgba(255, 255, 255, 0.06);
            color: var(--white);
            font-family: inherit;
            font-size: 1rem;
            margin-bottom: 16px;
            transition: var(--transition);
        }
        .contact-grid .form input::placeholder,
        .contact-grid .form textarea::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }
        .contact-grid .form input:focus,
        .contact-grid .form textarea:focus {
            outline: none;
            border-color: var(--secondary);
            background: rgba(255, 255, 255, 0.1);
        }
        .contact-grid .form textarea {
            min-height: 120px;
            resize: vertical;
        }

        .footer {
            background: var(--gray-900);
            color: rgba(255, 255, 255, 0.7);
            padding: 40px 0 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        .footer .container {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .footer-top {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 32px;
        }
        .footer-top .brand {
            font-weight: 800;
            font-size: 1.3rem;
            color: var(--white);
        }
        .footer-top .brand span {
            color: var(--secondary);
        }
        .footer-top .brand i {
            color: var(--secondary);
            margin-right: 8px;
        }
        .footer-top .links {
            display: flex;
            gap: 28px;
            flex-wrap: wrap;
        }
        .footer-top .links a {
            color: rgba(255, 255, 255, 0.6);
            transition: var(--transition);
            font-size: 0.9rem;
        }
        .footer-top .links a:hover {
            color: var(--secondary);
        }
        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
            font-size: 0.85rem;
        }
        .footer-bottom .socials {
            display: flex;
            gap: 16px;
        }
        .footer-bottom .socials a {
            color: rgba(255, 255, 255, 0.5);
            transition: var(--transition);
            font-size: 1.2rem;
        }
        .footer-bottom .socials a:hover {
            color: var(--secondary);
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 1024px) {
            .hero-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
            .hero-content p {
                margin-left: auto;
                margin-right: auto;
            }
            .hero-badges {
                justify-content: center;
            }
            .hero-buttons {
                justify-content: center;
            }
            .hero-stats {
                justify-content: center;
            }
            .hero-visual .hero-card {
                max-width: 100%;
            }
            .beyond-grid,
            .command-grid,
            .contact-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
            .beyond-grid .content .pill-list {
                justify-content: center;
            }
            .command-grid .content .feature-grid {
                justify-content: center;
            }
            .section-title {
                font-size: 2rem;
            }
            .hero-content h1 {
                font-size: 2.8rem;
            }
        }

        @media (max-width: 768px) {
            .nav-links {
                position: fixed;
                top: 0;
                right: -100%;
                width: 280px;
                height: 100vh;
                background: var(--white);
                flex-direction: column;
                padding: 80px 32px 32px;
                box-shadow: var(--shadow-lg);
                transition: var(--transition);
                gap: 20px;
                align-items: flex-start;
            }
            .nav-links.open {
                right: 0;
            }
            .nav-links a {
                color: var(--gray-700) !important;
                font-size: 1.1rem;
            }
            .nav-links .nav-cta {
                color: var(--white) !important;
            }
            .hamburger {
                display: flex;
                z-index: 1001;
            }
            .hamburger.open span:nth-child(1) {
                transform: rotate(45deg) translate(5px, 5px);
            }
            .hamburger.open span:nth-child(2) {
                opacity: 0;
            }
            .hamburger.open span:nth-child(3) {
                transform: rotate(-45deg) translate(5px, -5px);
            }

            .hero-content h1 {
                font-size: 2.2rem;
            }
            .hero-stats {
                grid-template-columns: 1fr 1fr;
            }
            .section-title {
                font-size: 1.8rem;
            }
            .how-flow {
                flex-direction: column;
                align-items: center;
            }
            .how-flow .arrow {
                transform: rotate(90deg);
            }
            .contact-grid .form {
                padding: 20px;
            }
            .footer-top {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .footer-bottom {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .ecosystem-grid {
                grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            }
            .command-grid .content .feature-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .hero-content h1 {
                font-size: 1.8rem;
            }
            .hero-stats {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .hero-buttons .btn {
                width: 100%;
                justify-content: center;
            }
            .container {
                padding: 0 16px;
            }
            .section-padding {
                padding: 48px 0;
            }
        }

        /* ===== ANIMATIONS ===== */
        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.7s ease;
        }
        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ===== NAV OVERLAY ===== */
        .nav-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.3);
            z-index: 998;
            opacity: 0;
            pointer-events: none;
            transition: var(--transition);
        }
        .nav-overlay.active {
            opacity: 1;
            pointer-events: all;
        }
    </style>
</head>
<body>

    <!-- ===== NAVBAR ===== -->
    <nav class="navbar" id="navbar">
        <div class="container">
            <a href="#" class="nav-logo">
                <i class="fas fa-heartbeat"></i> Centrus<span>Health</span>
            </a>
            <ul class="nav-links" id="navLinks">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#how-it-works">How It Works</a></li>
                <li><a href="#leadership">Leadership</a></li>
                <li><a href="#partnerships">Partnerships</a></li>
                <li><a href="#contact" class="nav-cta">Contact</a></li>
            </ul>
            <div class="hamburger" id="hamburger">
                <span></span><span></span><span></span>
            </div>
        </div>
    </nav>
    <div class="nav-overlay" id="navOverlay"></div>

    <!-- ===== HERO ===== -->
    <section class="hero" id="home">
        <div class="hero-shapes">
            <div class="shape shape-1"></div>
            <div class="shape shape-2"></div>
            <div class="shape shape-3"></div>
        </div>
        <div class="container">
            <div class="hero-grid">
                <div class="hero-content">
                    <p class="tagline">World-Class Healthcare. <span style="color:var(--secondary);">Right at Home.</span></p>
                    <h1>Building Rwanda's<br><span class="highlight">Hospital-at-Home</span> Ecosystem</h1>
                    <p>
                        Centrus Health is a technology-enabled healthcare company pioneering Rwanda's
                        <strong>Hospital-at-Home ecosystem</strong> by delivering physician-led hospital-level care,
                        telemedicine, remote patient monitoring, mobile diagnostics, and coordinated home-based
                        healthcare through one integrated digital health platform.
                    </p>
                    <div class="hero-badges">
                        <span class="badge"><i class="fas fa-home"></i> Hospital-at-Home</span>
                        <span class="badge"><i class="fas fa-video"></i> Telemedicine</span>
                        <span class="badge"><i class="fas fa-heartbeat"></i> Remote Monitoring</span>
                        <span class="badge"><i class="fas fa-microscope"></i> Mobile Diagnostics</span>
                    </div>
                    <div class="hero-buttons">
                        <a href="#services" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> Learn More</a>
                        <a href="#contact" class="btn btn-white"><i class="fas fa-hand-holding-heart"></i> Request Care</a>
                        <a href="#partnerships" class="btn btn-outline" style="color:white;border-color:rgba(255,255,255,0.4);"><i class="fas fa-handshake"></i> Partner With Us</a>
                    </div>
                    <div class="hero-stats">
                        <div class="stat">
                            <h3><span>24</span>/7</h3>
                            <p>Central Command Center</p>
                        </div>
                        <div class="stat">
                            <h3><span>100</span>%</h3>
                            <p>Physician-Led Care</p>
                        </div>
                        <div class="stat">
                            <h3><span>AI</span>-Powered</h3>
                            <p>Clinical Decision Support</p>
                        </div>
                    </div>
                </div>
                <div class="hero-visual">
                    <div class="hero-card">
                        <div class="icon-wrap">
                            <i class="fas fa-hospital-user"></i>
                        </div>
                        <h3>Hospital-at-Home</h3>
                        <p>Safe, high-quality medical care in the comfort of your home, complemented by advanced digital health technologies.</p>
                        <ul class="feature-list">
                            <li><i class="fas fa-check-circle"></i> Physician oversight 24/7</li>
                            <li><i class="fas fa-check-circle"></i> Remote patient monitoring</li>
                            <li><i class="fas fa-check-circle"></i> Mobile diagnostics &amp; pharmacy</li>
                            <li><i class="fas fa-check-circle"></i> Coordinated clinical pathways</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== STATUS BAR ===== -->
    <div class="status-bar">
        <div class="container">
            <span class="pulse"></span>
            <span><span class="highlight-text">Current Status:</span> Advancing operational readiness, technology deployment, workforce development &amp; strategic partnerships for launch.</span>
        </div>
    </div>

    <!-- ===== BEYOND HOSPITAL ===== -->
    <section class="beyond-section section-padding" id="about">
        <div class="container">
            <div class="beyond-grid animate-on-scroll">
                <div class="image-placeholder">
                    <i class="fas fa-ambulance"></i>
                </div>
                <div class="content">
                    <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Healthcare Beyond the Hospital</span>
                    <h2>Healthcare is <span style="color:var(--primary);">changing</span>.</h2>
                    <p>
                        Patients increasingly expect care that is safer, more convenient, technology-enabled,
                        and delivered closer to where they live.
                    </p>
                    <p>
                        Centrus Health is building Rwanda's first integrated Hospital-at-Home ecosystem,
                        combining hospital-level clinical care, telemedicine, mobile diagnostics, remote patient
                        monitoring, digital health technologies, and coordinated care pathways within one
                        clinically governed platform.
                    </p>
                    <p style="font-weight:500;color:var(--gray-800);">
                        Our model complements — not replaces — existing hospitals by extending appropriate
                        hospital-level care into patients' homes while improving accessibility, continuity of care,
                        operational efficiency, and patient experience.
                    </p>
                    <ul class="pill-list">
                        <li><i class="fas fa-users" style="margin-right:6px;"></i> Patients &amp; Families</li>
                        <li><i class="fas fa-hospital"></i> Hospitals &amp; Clinics</li>
                        <li><i class="fas fa-user-md"></i> Physicians</li>
                        <li><i class="fas fa-shield-alt"></i> Insurers</li>
                        <li><i class="fas fa-building"></i> Corporates</li>
                        <li><i class="fas fa-globe-africa"></i> Development Partners</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== ECOSYSTEM ===== -->
    <section class="ecosystem-section section-padding" id="services">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Our Ecosystem</span>
                <h2 class="section-title">Integrated <span class="highlight">Healthcare</span> Platform</h2>
                <p class="section-subtitle mx-auto">Our integrated healthcare platform combines cutting-edge services to deliver world-class care at home.</p>
            </div>
            <div class="ecosystem-grid">
                <div class="ecosystem-item animate-on-scroll"><div class="icon"><i class="fas fa-home"></i></div><h4>Hospital-at-Home</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon green"><i class="fas fa-video"></i></div><h4>Telemedicine</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon"><i class="fas fa-satellite-dish"></i></div><h4>Remote Monitoring</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon green"><i class="fas fa-truck-medical"></i></div><h4>Mobile Clinical Services</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon"><i class="fas fa-microscope"></i></div><h4>Mobile Diagnostics</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon green"><i class="fas fa-pills"></i></div><h4>Pharmacy Support</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon"><i class="fas fa-hand-holding-heart"></i></div><h4>Care Coordination</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon green"><i class="fas fa-headset"></i></div><h4>24/7 Command Center</h4></div>
                <div class="ecosystem-item animate-on-scroll"><div class="icon"><i class="fas fa-robot"></i></div><h4>AI-Assisted Support</h4></div>
            </div>
        </div>
    </section>

    <!-- ===== WHY CHOOSE ===== -->
    <section class="why-section section-padding">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Why Centrus Health</span>
                <h2 class="section-title">World-Class <span class="highlight">Excellence</span></h2>
                <p class="section-subtitle mx-auto">Built on clinical governance, digital innovation, and a commitment to patient safety.</p>
            </div>
            <div class="why-grid">
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-user-md"></i></div><h4>Physician-Led Governance</h4><p>Every care pathway is supervised by experienced physicians.</p></div>
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-home"></i></div><h4>Hospital-Level Care at Home</h4><p>Safe, high-quality care in the comfort of your own home.</p></div>
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-cloud"></i></div><h4>Integrated Digital Platform</h4><p>Seamless coordination across all services and touchpoints.</p></div>
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-brain"></i></div><h4>AI-Assisted Decision Support</h4><p>Intelligent insights to guide clinical decisions.</p></div>
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-heartbeat"></i></div><h4>Continuous Remote Monitoring</h4><p>Real-time vital sign tracking and early escalation.</p></div>
                <div class="why-card animate-on-scroll"><div class="icon"><i class="fas fa-shield-alt"></i></div><h4>Safety &amp; Quality First</h4><p>Uncompromising commitment to patient safety and clinical excellence.</p></div>
            </div>
        </div>
    </section>

    <!-- ===== COMMITMENT ===== -->
    <section class="commitment-section section-padding">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Our Commitment</span>
                <h2 class="section-title" style="color:var(--white);">Quality &amp; <span style="color:var(--secondary);">Safety</span></h2>
                <p class="section-subtitle mx-auto" style="color:rgba(255,255,255,0.8);">Everything we do is guided by five core commitments.</p>
            </div>
            <div class="commitment-grid">
                <div class="commitment-item animate-on-scroll"><div class="icon"><i class="fas fa-shield-virus"></i></div><h4>Patient Safety</h4></div>
                <div class="commitment-item animate-on-scroll"><div class="icon"><i class="fas fa-stethoscope"></i></div><h4>Clinical Excellence</h4></div>
                <div class="commitment-item animate-on-scroll"><div class="icon"><i class="fas fa-lock"></i></div><h4>Privacy &amp; Data Security</h4></div>
                <div class="commitment-item animate-on-scroll"><div class="icon"><i class="fas fa-hands-helping"></i></div><h4>Compassionate Care</h4></div>
                <div class="commitment-item animate-on-scroll"><div class="icon"><i class="fas fa-chart-line"></i></div><h4>Continuous Improvement</h4></div>
            </div>
        </div>
    </section>

    <!-- ===== HOW IT WORKS ===== -->
    <section class="how-section section-padding" id="how-it-works">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">How It Works</span>
                <h2 class="section-title">Your Path to <span class="highlight">Home-Based Care</span></h2>
                <p class="section-subtitle mx-auto">From referral to recovery — a seamless, patient-centered journey.</p>
            </div>
            <div class="how-flow animate-on-scroll">
                <div class="step"><span class="num">1</span> Referral</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">2</span> Clinical Assessment</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">3</span> Eligibility Review</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">4</span> Physician Approval</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">5</span> Home Assessment</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">6</span> Admission</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">7</span> Home-Based Care</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">8</span> Monitoring &amp; Telemedicine</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">9</span> Recovery</div>
                <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                <div class="step"><span class="num">10</span> Discharge &amp; Follow-Up</div>
            </div>
            <div style="text-align:center;margin-top:24px;">
                <p style="color:var(--gray-600);font-size:0.95rem;">
                    <i class="fas fa-arrow-right" style="color:var(--secondary);margin-right:8px;"></i>
                    Patients may access Centrus Health through: Hospital Referral &bull; Physician Referral &bull; Self-Referral &bull; Corporate Programmes &bull; Insurance Referral &bull; Telemedicine Consultation
                </p>
            </div>
        </div>
    </section>

    <!-- ===== CENTRAL COMMAND ===== -->
    <section class="command-section section-padding">
        <div class="container">
            <div class="command-grid animate-on-scroll">
                <div class="image-placeholder">
                    <i class="fas fa-tower-broadcast"></i>
                </div>
                <div class="content">
                    <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Central Command Center</span>
                    <h2>24/7 <span style="color:var(--primary);">Clinical Coordination</span></h2>
                    <p>
                        The Centrus Health Central Command Center serves as the operational and clinical hub of
                        the entire healthcare ecosystem. It enables continuous clinical supervision while extending
                        specialist expertise directly to patients wherever they are.
                    </p>
                    <ul class="feature-grid">
                        <li><i class="fas fa-check-circle"></i> Physician Oversight</li>
                        <li><i class="fas fa-check-circle"></i> Telemedicine Consultations</li>
                        <li><i class="fas fa-check-circle"></i> Remote Patient Monitoring</li>
                        <li><i class="fas fa-check-circle"></i> Clinical Dispatch</li>
                        <li><i class="fas fa-check-circle"></i> Mobile Diagnostics</li>
                        <li><i class="fas fa-check-circle"></i> Logistics Coordination</li>
                        <li><i class="fas fa-check-circle"></i> Emergency Escalation</li>
                        <li><i class="fas fa-check-circle"></i> AI-Assisted Decision Support</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== LEADERSHIP ===== -->
    <section class="leadership-section section-padding" id="leadership">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Leadership</span>
                <h2 class="section-title">Executive <span class="highlight">Team</span></h2>
                <p class="section-subtitle mx-auto">Visionary leaders driving Rwanda's healthcare transformation.</p>
            </div>
            <div class="leadership-grid">
                <div class="leader-card animate-on-scroll">
                    <div class="avatar">AK</div>
                    <h4>Angélique Kabeza</h4>
                    <div class="role">Managing Director</div>
                </div>
                <div class="leader-card animate-on-scroll">
                    <div class="avatar">EH</div>
                    <h4>Dr. Evariste Hakundimfura</h4>
                    <div class="role">Clinical Director</div>
                </div>
                <div class="leader-card animate-on-scroll">
                    <div class="avatar">JR</div>
                    <h4>Jovie Umuriza Rwigire</h4>
                    <div class="role">Director of Nursing &amp; QA</div>
                </div>
                <div class="leader-card animate-on-scroll">
                    <div class="avatar">SH</div>
                    <h4>Lt. Col. (Rtd.) Eng. S. Habimana</h4>
                    <div class="role">Chief Technology Officer</div>
                </div>
            </div>
            <div style="margin-top:40px;text-align:center;" class="animate-on-scroll">
                <p style="font-weight:600;color:var(--gray-700);">Strategic Advisors</p>
                <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:12px;color:var(--gray-600);">
                    <span><strong>Sheba Rugege Hakiza</strong> — Digital Health, Telemedicine &amp; Partnerships</span>
                    <span><strong>Charles Mugabe</strong> — Finance, Investment Strategy &amp; Corporate Governance</span>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== PARTNERSHIPS ===== -->
    <section class="partnership-section section-padding" id="partnerships">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Partnerships</span>
                <h2 class="section-title">Building Rwanda's <span class="highlight">Hospital-at-Home</span> Ecosystem</h2>
                <p class="section-subtitle mx-auto">Centrus Health welcomes collaboration with organizations committed to advancing healthcare innovation.</p>
            </div>
            <div class="partnership-grid">
                <div class="partner-item animate-on-scroll"><i class="fas fa-hospital"></i> Hospitals</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-user-md"></i> Healthcare Providers</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-file-invoice"></i> Insurance Companies</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-microchip"></i> Technology Companies</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-graduation-cap"></i> Academic Institutions</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-cogs"></i> Medical Equipment Manufacturers</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-flag"></i> Government Institutions</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-handshake"></i> Development Partners</div>
                <div class="partner-item animate-on-scroll"><i class="fas fa-globe"></i> International Organizations</div>
            </div>
            <div style="text-align:center;margin-top:40px;" class="animate-on-scroll">
                <a href="#contact" class="btn btn-primary"><i class="fas fa-handshake"></i> Partner With Us</a>
            </div>
        </div>
    </section>

    <!-- ===== CONTACT ===== -->
    <section class="contact-section section-padding" id="contact">
        <div class="container">
            <div class="text-center animate-on-scroll">
                <span style="color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem;">Get in Touch</span>
                <h2 class="section-title" style="color:var(--white);">Contact <span style="color:var(--secondary);">Centrus Health</span></h2>
                <p class="section-subtitle mx-auto" style="color:rgba(255,255,255,0.8);">We'd love to hear from you. Reach out for patient enquiries, partnerships, or general information.</p>
            </div>
            <div class="contact-grid">
                <div class="info animate-on-scroll">
                    <h3><i class="fas fa-heartbeat" style="color:var(--secondary);margin-right:10px;"></i> Centrus Health</h3>
                    <p>Kicukiro, Kigali, Rwanda</p>
                    <div class="detail"><i class="fas fa-globe-africa"></i> <a href="#" style="color:var(--secondary);">www.centrushealth.rw</a></div>
                    <div class="detail"><i class="fas fa-envelope"></i> <a href="mailto:info@centrushealth.rw" style="color:var(--secondary);">info@centrushealth.rw</a></div>
                    <div class="detail"><i class="fas fa-phone-alt"></i> <a href="tel:+250788313082" style="color:var(--secondary);">+250 788 313 082</a></div>
                    <div style="margin-top:24px;display:flex;gap:16px;">
                        <a href="#" style="color:rgba(255,255,255,0.6);font-size:1.5rem;transition:var(--transition);"><i class="fab fa-linkedin"></i></a>
                        <a href="#" style="color:rgba(255,255,255,0.6);font-size:1.5rem;transition:var(--transition);"><i class="fab fa-twitter"></i></a>
                        <a href="#" style="color:rgba(255,255,255,0.6);font-size:1.5rem;transition:var(--transition);"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                <div class="form animate-on-scroll">
                    <form id="contactForm">
                        <input type="text" placeholder="Full Name" required>
                        <input type="email" placeholder="Email Address" required>
                        <input type="text" placeholder="Subject">
                        <textarea placeholder="Your message…" required></textarea>
                        <button type="submit" class="btn btn-secondary" style="width:100%;justify-content:center;"><i class="fas fa-paper-plane"></i> Send Message</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== FOOTER ===== -->
    <footer class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="brand">
                    <i class="fas fa-heartbeat"></i> Centrus<span>Health</span>
                </div>
                <div class="links">
                    <a href="#home">Home</a>
                    <a href="#about">About</a>
                    <a href="#services">Services</a>
                    <a href="#how-it-works">How It Works</a>
                    <a href="#leadership">Leadership</a>
                    <a href="#partnerships">Partnerships</a>
                    <a href="#contact">Contact</a>
                </div>
            </div>
            <div class="footer-bottom">
                <span>© 2026 Centrus Health. All Rights Reserved.</span>
                <div class="socials">
                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-youtube"></i></a>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                </div>
            </div>
            <div style="text-align:center;font-size:0.8rem;color:rgba(255,255,255,0.4);padding-top:8px;border-top:1px solid rgba(255,255,255,0.04);">
                Hospital-at-Home • Telemedicine • Remote Patient Monitoring • Mobile Diagnostics • AI-Assisted Clinical Care • 24/7 Central Command Center
            </div>
        </div>
    </footer>

    <!-- ===== SCRIPTS ===== -->
    <script>
        // ---- Navbar scroll ----
        const navbar = document.getElementById('navbar');
        window.addEventListener('scroll', () => {
            navbar.classList.toggle('scrolled', window.scrollY > 40);
        });

        // ---- Mobile menu ----
        const hamburger = document.getElementById('hamburger');
        const navLinks = document.getElementById('navLinks');
        const overlay = document.getElementById('navOverlay');

        function toggleMenu() {
            hamburger.classList.toggle('open');
            navLinks.classList.toggle('open');
            overlay.classList.toggle('active');
            document.body.style.overflow = navLinks.classList.contains('open') ? 'hidden' : '';
        }
        hamburger.addEventListener('click', toggleMenu);
        overlay.addEventListener('click', toggleMenu);
        document.querySelectorAll('.nav-links a').forEach(link => {
            link.addEventListener('click', () => {
                if (navLinks.classList.contains('open')) toggleMenu();
            });
        });

        // ---- Scroll animations ----
        const animElements = document.querySelectorAll('.animate-on-scroll');
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
        animElements.forEach(el => observer.observe(el));

        // ---- Contact form ----
        document.getElementById('contactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const btn = this.querySelector('button[type="submit"]');
            const orig = btn.innerHTML;
            btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Sending…';
            btn.disabled = true;
            setTimeout(() => {
                btn.innerHTML = '<i class="fas fa-check-circle"></i> Message Sent!';
                btn.style.background = '#80cd2b';
                setTimeout(() => {
                    btn.innerHTML = orig;
                    btn.style.background = '';
                    btn.disabled = false;
                    this.reset();
                }, 2000);
            }, 1500);
        });

        // ---- Smooth anchor scroll (no jump) ----
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    e.preventDefault();
                    const offset = 80;
                    const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
                    window.scrollTo({ top, behavior: 'smooth' });
                }
            });
        });
    </script>

</body>
</html>