/* ====== Design System: BLKDAI v3 ====== */
:root{
  --bg:#0A0F1A;
  --muted:rgba(222,228,237,.84);
  --border:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.06);
  --grad1:#926EFF; --grad2:#60BEFF; --grad3:#34E89E;
  --accent:#7ed7ff;
}
@supports (font-variation-settings: normal) {
  :root{ --font: InterVariable, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial; }
}
@supports not (font-variation-settings: normal) {
  :root{ --font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial; }
}
html,body{min-height:100%;background:transparent;color:#fff;font-family:var(--font);}
/* Global background on every page */
html{ background: var(--bg) url('../assets/bg-hero.png') center center / cover fixed no-repeat; }
@media (max-width: 992px){ html{ background-attachment: scroll; background-position: center top; } }

/* Layout */
.section{ padding:5.5rem 0; }
.container-narrow{ max-width: 880px; margin: 0 auto; }

/* Navbar */
.navbar{backdrop-filter:blur(16px); background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)); border-bottom:1px solid var(--border);}
.navbar .nav-link{opacity:.9; text-decoration:none; transition:.2s ease;}
.navbar .nav-link:hover{opacity:1; color: var(--accent);}

/* Links */
a{ color:#cfe9ff; text-decoration:none; }
a:hover{ color:#ffffff; text-decoration:none; }
a:focus{ outline: none; text-decoration: underline; text-decoration-thickness: 2px; }

/* Buttons */
.btn-gradient{ border:none; background:linear-gradient(90deg,var(--grad2),var(--grad3)); color:#00151a; font-weight:700; }
.btn-gradient:hover{ filter:brightness(1.05); }
.btn-ghost{ border:1px solid var(--border); background:var(--glass); color:#fff; }
.btn-ghost:hover{ background: rgba(255,255,255,.08); }

/* Cards */
.card.glass{ border:1px solid var(--border); background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04)); border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
.card-title{ font-weight:700; }

/* Hero */
.hero{ position:relative; overflow:hidden; }
.hero .bg{ display: none !important; } /* global bg handles it */
.hero .content{ position:relative; padding:7rem 0 4rem; }

/* Text */
.text-muted{ color:var(--muted)!important; }
.gradient-text{ background:linear-gradient(90deg,var(--grad1),var(--grad2),var(--grad3)); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* Tables & figures */
.table-dark th, .table-dark td{ vertical-align:middle; }
.figure-img{border:1px solid var(--border); border-radius:16px; background:var(--glass); padding:8px}

/* Utility */
.badge-soft{ border:1px solid var(--border); background:var(--glass) }
.kpi{ min-height:120px }

/* Footer */
footer{ border-top:1px solid var(--border); }
footer a{ color:#cfe9ff; }
footer a:hover{ color:#fff; }

/* Forms */
.form-control, .form-select{ background: rgba(255,255,255,.04); border:1px solid var(--border); color:#fff; }
.form-control::placeholder{ color: rgba(225,235,245,.6); }
.form-control:focus{ box-shadow: 0 0 0 .2rem rgba(96,190,255,.15); border-color: #7ed7ff; }

/* Icon list */
.icon-li{ display:flex; gap:.75rem; align-items:flex-start; }
.icon-li i{ margin-top:.2rem; color:#a8d9ff; }

/* Press logos */
.press img{opacity:.85; filter:grayscale(100%); transform: translateZ(0); transition: .25s ease;}
.press img:hover{opacity:1; filter:none;}

/* Separators */
.hr-soft{ border:0; border-top:1px solid var(--border); opacity:1; }

/* Animations */
.fade-up{ animation: fadeUp .6s ease both; }
@keyframes fadeUp{ from{ opacity:0; transform: translateY(8px); } to{ opacity:1; transform: translateY(0); } }