body {
    background-color: #000;
    color: #c8c5c0;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    line-height: 1.6;
}
h1, h2 { color: #fff; font-weight: 600; }
h3 {margin-top:0.5rem;}
strong { color: #fff; font-weight: 600; }
.text-muted-custom { color: #c8c5c0; }
.btn-r {
    background-color: #006388;
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-weight: 600;
    transition: 0.3s;
}
.btn-r:hover { background-color: #004a66; color: #fff; }
.sticky-column { position: sticky; top: 2rem; }
.block { padding: 4rem 0;}
.cta-section { padding: 2rem 0; }
ul { list-style: none; padding: 0; }
li { margin-bottom: 1.5rem; }
a { color: #c8c5c0; text-decoration: underline; }
.img-container { display: flex; align-items: flex-start;}
.crop-img { float: left; width: 50%; margin-right:10px;}
.scroll-down {
  font-size: 1rem;
  animation: bounce 1.5s infinite;
  opacity: 0.7;
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}
@media (max-width: 991px) {
    .sticky-column { position: relative; top: 0; }
    .block { padding: 2.5rem 0; }
    .mobile-center { text-align: center; }
}