:root {
  --cklc-primary: #5b5bd6;
}
body { background-color:#fff; }
.navbar .brand-badge { display:inline-grid; place-items:center; width:32px; height:32px; background:var(--cklc-primary); color:#fff; border-radius:10px; font-weight:700; margin-right:.4rem; }
.hero { background:linear-gradient(0deg, rgba(91,91,214,.06), rgba(91,91,214,.06)); }
.text-gradient { background:linear-gradient(90deg, var(--cklc-primary), #2ec4b6); -webkit-background-clip:text; background-clip:text; color:transparent; }
.feature-card { border:1px solid #eef1ff; }
.subhero { background-size:cover; background-position:center; position:relative; }
.subhero::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35)); }
.subhero .container { position:relative; z-index:2; }
.icon-list li::marker { content:'✓ '; color:var(--cklc-primary); }
.stat-card { background:#fff; border:1px solid #eef1ff; border-radius:1rem; padding:2rem; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.04); }
.stat-card .stat { font-size:2rem; font-weight:800; }
.cta { background:linear-gradient(90deg, #f5f7ff, #eef3ff); }
.card a { text-decoration:none; }
.btn-primary { background-color: var(--cklc-primary); border-color: var(--cklc-primary); }
.btn-outline-primary { border-color: var(--cklc-primary); color: var(--cklc-primary); }
.btn-outline-primary:hover { background: var(--cklc-primary); color:#fff; }
.install-btn { white-space:nowrap; }
/* Gallery */
.gallery-item img { width:100%; height:240px; object-fit:cover; border-radius:.75rem; }