/* Homepage header and mobile page edges; other pages retain their existing styling. */
html.home-page, .home-page body { background: #031c34; }
.home-page main { background: #fff; }
.home-page .site-header,
.home-page .site-header.scrolled { background: #03101f; border-bottom-color: #ffffff16; }
.home-page .nav-links a { color: #dce7f0; }
.home-page .nav-links a:hover,
.home-page .nav-links a.active:not(.nav-cta) { color: #63c8ff; }
.home-page .nav-links .nav-cta { color: #fff; background: #087db8; }
.home-page .nav-links .nav-cta:hover { background: #096da0; }
.home-page .menu-toggle { color: #fff; background: transparent; border-color: #ffffff35; }
.home-page .site-footer { padding-bottom: env(safe-area-inset-bottom, 0px); }
@media (max-width: 980px) {
 .home-page .nav-links { background: #03101f; }
 .home-page .nav-links a:hover,
 .home-page .nav-links a.active:not(.nav-cta) { background: #ffffff09; }
}
@media (max-width: 640px) {
 .home-page .nav-shell { width: auto; margin-left: max(18px, env(safe-area-inset-left, 0px)); margin-right: max(18px, env(safe-area-inset-right, 0px)); }
 .home-page .floating-contact { bottom: calc(15px + env(safe-area-inset-bottom, 0px)); }
 .home-page .footer-bottom { padding-bottom: 72px; }
}