:root{
  --grad-a:#5dd2ff;
  --grad-b:#7cffc4;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  background:#0f1115;color:#e9ecef;scroll-behavior:smooth;
}
.navbar{backdrop-filter:blur(6px)}
.hero{padding-top:84px}
.hero .display-5{letter-spacing:-.5px}
.grad{background:linear-gradient(90deg,var(--grad-a),var(--grad-b));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.hero-blur{position:absolute;inset:-20%;background:radial-gradient(60% 60% at 70% 20%,rgba(93,210,255,.15),transparent 60%),radial-gradient(40% 40% at 30% 80%,rgba(124,255,196,.12),transparent 60%);filter:blur(40px);z-index:-1}
.text-secondary{color:#9aa4b2!important}
.bg-dark-subtle{background:#151a22!important}
.bg-body{background:#0f1115!important}
.dash-card{border:1px solid #1f2632;background:#0f131a}
.feature{background:#0f131a;border-color:#1f2632}
.icon{font-size:26px}
.pricing{background:#0f131a;border-color:#1f2632}
.pricing.featured{outline:2px solid rgba(124,255,196,.25)}
.pricing .promo{position:absolute;top:-12px;right:16px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));color:#0b0e13}
.accordion-item{border-color:#1f2632}
.accordion-button{background:transparent;color:#e9ecef}
.accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){background:#121823;color:#e9ecef}
.badge.text-bg-primary{background:linear-gradient(90deg,var(--grad-a),var(--grad-b))!important;color:#0b0e13}
.badge.text-bg-success{background:#1db954!important}
.kpi{display:inline-block;font-size:28px;font-weight:800;line-height:1}
@media (max-width:991px){.hero{padding-top:72px}}
:focus-visible{outline:2px dashed #79ffe1;outline-offset:2px}