/* CodeWindow */
[data-kiw-component="CodeWindow"] .window, [data-kiw-component="CodeWindow"].window{
  background:#0B1F3B;
  color:#FAF8F4;
  border-radius:14px;
  overflow:hidden;
  border:var(--pop-border);
  box-shadow:var(--pop-shadow-lg);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}[data-kiw-component="CodeWindow"] html[data-theme="dark"] .window{
  background:#071426;
  border-color:#FAF8F4;
}[data-kiw-component="CodeWindow"] .bar, [data-kiw-component="CodeWindow"].bar{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  background:#071426;
  border-bottom:var(--pop-border-thin);
}[data-kiw-component="CodeWindow"] .dots, [data-kiw-component="CodeWindow"].dots{
  display:flex;
  gap:6px;
  align-items:center;
}[data-kiw-component="CodeWindow"] .dot, [data-kiw-component="CodeWindow"].dot{
  width:12px;
  height:12px;
  border-radius:50%;
  border:1.5px solid #000000;
  display:inline-block;
}[data-kiw-component="CodeWindow"] .dot.r, [data-kiw-component="CodeWindow"].dot.r{background:#FF3B2E}[data-kiw-component="CodeWindow"] .dot.y, [data-kiw-component="CodeWindow"].dot.y{background:#ffbd2e}[data-kiw-component="CodeWindow"] .dot.g, [data-kiw-component="CodeWindow"].dot.g{background:#39D353}[data-kiw-component="CodeWindow"] .title, [data-kiw-component="CodeWindow"].title{
  margin-left:auto;
  font-size:11.5px;
  font-weight:800;
  color:#94a3b8;
  letter-spacing:.05em;
  text-transform:uppercase;
}[data-kiw-component="CodeWindow"] .window pre{
  margin:0;
  padding:20px 18px;
  overflow-x:auto;
  line-height:1.7;
}[data-kiw-component="CodeWindow"] .window code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size:13px;
  font-weight:600;
}[data-kiw-component="CodeWindow"] .c, [data-kiw-component="CodeWindow"].c{color:#64748b;font-style:italic}[data-kiw-component="CodeWindow"] .k, [data-kiw-component="CodeWindow"].k{color:#00D1C1;font-weight:700}[data-kiw-component="CodeWindow"] .t, [data-kiw-component="CodeWindow"].t{color:#39D353;font-weight:700}
/* Ecosystem */
[data-kiw-component="Ecosystem"] .eco-card:hover, [data-kiw-component="Ecosystem"].eco-card:hover{
  transform: translate(-2px, -2px);
  box-shadow: var(--pop-shadow-lg);
}[data-kiw-component="Ecosystem"] .eco-card:hover .eco-arrow{
  transform: translate(2px, -2px);
  color: var(--primary);
}
/* Landing */
:root{
  --primary: #39D353;
  --primary-content: #0B1F3B;
  --secondary: #00D1C1;
  --secondary-content: #0B1F3B;
  --accent: #FF3B2E;
  --accent-content: #ffffff;
  --bg: #FAF8F4;
  --bg-2: #f2ede4;
  --fg: #0B1F3B;
  --muted: #57677d;
  --border: #0B1F3B;
  --border-subtle: rgba(11,31,59,.18);
  --radius: 10px;
  --success: #39D353;
  --warning: #ffb703;
  --error: #FF3B2E;
  --info: #00D1C1;
}:root[data-theme="dark"], html[data-theme="dark"], .dark{
  --primary: #39D353 !important;
  --primary-content: #0B1F3B !important;
  --secondary: #00D1C1 !important;
  --secondary-content: #0B1F3B !important;
  --bg: #0B1F3B;
  --bg-2: #112646;
  --fg: #FAF8F4;
  --muted: #9ab0ce;
  --border: #FAF8F4;
  --border-subtle: rgba(250,248,244,.2);
}
/* page:/ */
[data-kiw-component="page:/"] .dark .showcase-code-panel{ background: #071426; }