body {
    background-color: white;
}

.my-container {
    max-width: 1200px;
}

.navbar {
    background-color: rgba(247, 249, 252, 0.85); /* very light blue-white */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background-color 0.3s ease;
}

.navbar-brand img {
    height: 30px;
}

.footer-wave {
    height: 20px;
}

.mt-05 {
    margin-top: .2rem !important;
}

:root {
    --cb-deep: #2C3E50;  /* Deep Blue-Grey */
    --cb-mint: #A8DADC;  /* Soft Mint */
    --cb-sand: #EAE3D2;  /* Warm Sand */
    --cb-bg:   #F9FAFB;  /* Light bg */
    --cb-text: #334155;  /* Slate-ish */
    --cb-radius: 16px;
}
html { scroll-behavior: smooth; }
body { color: var(--cb-text); }
.brand-dot { width: 10px; height: 10px; background: var(--cb-mint); border-radius: 999px; display: inline-block; }
.cb-heading { color: var(--cb-deep); font-size: 50px; }
.cb-cta { background: var(--cb-mint); color: #0f1d26; border-radius: var(--cb-radius); border: none; }
.cb-cta:hover { filter: brightness(.98); }
.cb-section { padding: 4rem 0; }
.cb-card { background:#fff; border:1px solid #e9ecef; border-radius: var(--cb-radius); }
.cb-border { border-top:1px solid #e9ecef; }
.navbar { backdrop-filter: saturate(180%) blur(8px); }
.btn:hover {
    background-color: var(--cb-sand);
}