/* ========================================================= */
/*  LOCAL FONT: OUTFIT                                       */
/* ========================================================= */

@font-face {
    font-family: 'Outfit';
    src: url('../resources/fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit';
    src: url('../resources/fonts/Outfit-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Apply globally */
.homepage {
    font-family: 'Outfit', sans-serif;
}



/* ========================================================= */
/*  HOMEPAGE-ONLY STYLES (scoped under .homepage)            */
/* ========================================================= */

.homepage {
    background-color: #FFFFFF;
    color: #000000;
}

/* ========================================================= */
/*  SHARED STYLES (GLOBAL WITHIN HOMEPAGE ONLY)              */
/* ========================================================= */

/* Shared Background: Sky Blue (#7FDBFF) */
.homepage .btn,
.homepage .btn-primary,
.homepage .install-btn,
.homepage .demo-button {
    background: #7FDBFF;
    color: #FFFFFF;
    border: none;
    transition: all 0.3s ease-in-out;
}

/* Shared Hover Background: Navy (#001F3F) */
.homepage .btn:hover,
.homepage .btn-primary:hover,
.homepage .install-btn:hover,
.homepage .demo-button:hover {
    background: #001F3F;
}

/* Shared Text Color */
.homepage p,
.homepage li,
.homepage a {
    color: #000000;
}

/* Shared Heading Color */
.homepage h1,
.homepage h2,
.homepage h3,
.homepage h4,
.homepage h5,
.homepage h6 {
    color: #FF4136;
}

/* ========================================================= */
/*  NAVBAR                                                    */
/* ========================================================= */

.homepage .navbar {
    background-color: #FF851B;
}

.homepage .navbar-nav .nav-link {
    color: #FFFFFF;
}

.homepage .navbar-nav .nav-link:hover {
    color: #7FDBFF;
}

/* ========================================================= */
/*  IMAGES                                                    */
/* ========================================================= */

.homepage .container img {
    margin-top: 100px;
    padding