:root {
  --genyo-slate-900: #0f172a;
  --genyo-slate-700: #334155;
  --genyo-slate-600: #475569;
  --genyo-slate-500: #64748b;
  --genyo-surface: #ffffff;
  --genyo-blue-600: #2563eb;
  --genyo-emerald-600: #059669;
}
.bg-body { background: linear-gradient(180deg, #ffffff, #f8fafc); }
.brand-mark { width: 36px; height: 36px; border-radius: 12px; background: var(--genyo-slate-900); display: inline-grid; place-items: center; font-size: 14px; color: #fff; }
.btn-genyo { --bs-btn-bg: var(--genyo-slate-900); --bs-btn-color: #fff; --bs-btn-border-color: var(--genyo-slate-900); --bs-btn-hover-bg: #1f2937; --bs-btn-hover-border-color: #1f2937; --bs-btn-focus-shadow-rgb: 15,23,42; border-radius: 1rem; }
.btn-genyo:hover {background-color: white;}
.btn-outline-secondary { border-radius: 1rem; }
.badge { border-radius: 9999px; font-weight: 600; }
.badge-tradfi { background: rgba(37,99,235,0.10); color: var(--genyo-blue-600); box-shadow: inset 0 0 0 1px rgba(37,99,235,0.20); }
.badge-crypto { background: rgba(5,150,105,0.10); color: var(--genyo-emerald-600); box-shadow: inset 0 0 0 1px rgba(5,150,105,0.20); }
.badge-partner { background: rgba(250,95,28,0.10); color: rgb(250,95,28); font-weight: bold; box-shadow: inset 0 0 0 1px rgba(250,95,28,0.20); }
.badge-neutral { background: rgba(100,116,139,0.10); color: var(--genyo-slate-700); box-shadow: inset 0 0 0 1px rgba(100,116,139,0.20); }
.hero-gradient { background: linear-gradient(180deg, #f8fafc, #ffffff); }
.hero-gradient-emerald { background: linear-gradient(180deg, #ecfdf5, #ffffff); }
.hero-gradient-partners { background: linear-gradient(180deg, #fbf7ed, #ffffff); }
.shadow-genyo { box-shadow: 0 10px 25px rgba(15,23,42,0.15); }
.stat { border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1rem; background: #fff; }
.stat-title { font-size: .75rem; color: var(--genyo-slate-500); }
.stat-value { font-size: 1.5rem; font-weight: 700; color: var(--genyo-slate-900); }
.stat-hint { font-size: .75rem; color: var(--genyo-slate-500); }
.step-icon { width: 40px; height: 40px; border-radius: 12px; color: var(--genyo-slate-900); display: grid; place-items: center; font-weight: 700; margin-bottom: .5rem; font-size:32px;}
.solution h3 { margin-bottom: .25rem; }
.solution p { color: var(--genyo-slate-600); }
.solution .tags { display:flex; flex-wrap:wrap; gap:.5rem; }
.solution .tags span { font-size:.75rem; padding:.25rem .5rem; border-radius:9999px; background: rgba(100,116,139,0.10); color: var(--genyo-slate-700); box-shadow: inset 0 0 0 1px rgba(100,116,139,0.20); }
.pill h3 { margin-bottom: .25rem; }
.pill p { margin-bottom: 0; }
.mark { width: 44px; height: 44px; border-radius: 12px; display:grid; place-items:center; color:#fff; font-size: 22px; }
.mark-blue { background: var(--genyo-blue-600); }
.mark-emerald { background: var(--genyo-emerald-600); }
.gradient-blue { background: linear-gradient(135deg, rgba(37,99,235,0.10), #eff6ff); }
.gradient-emerald { background: linear-gradient(135deg, rgba(5,150,105,0.10), #ecfdf5); }
footer h6 { margin-bottom: .5rem; }
footer .list-unstyled li + li { margin-top: .25rem; }


.resources .card {
  border-radius: 1rem;
  border: 1px solid var(--genyo-slate-200, #e2e8f0);
}

.resources .card-title {
  font-weight: 600;
  color: var(--genyo-slate-900);
}

.resources .card-text {
  font-size: 0.95rem;
}

.resources .mark {
  font-size: 1.5rem;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
}

.resources .mark-blue {
  background: var(--genyo-blue-600);
  color: #fff;
}

.resources .mark-emerald {
  background: var(--genyo-emerald-600);
  color: #fff;
}


ul { padding-left: 1rem }

.benefits .mark { background: black }
.benefits svg { height: 25px }

.navbar a.menu-active { text-decoration: underline; text-underline-offset: 5px }

.logo { height: 40px }
.how-it-works-badge { font-size: 15px }
.no-code-label { margin-top: 4px }


@media (min-width: 576px) {
  .logo { height: 50px }
  .logo-text { font-size: 25px; }
  .no-code-label { font-size: 17px; margin-top: 5px }
}