:root {
  --ink: #0b1f33;
  --ink2: #12253a;
  --muted: #64748b;
  --line: #d9e3ef;
  --paper: #f5f8fc;
  --mint: #2f7df6;
  --mint2: #b8d3ff;
  --blue: #2f7df6;
  --night: #081a2e;
}

body {
  color: #12253a;
}

.site-header {
  border-bottom-color: rgba(11, 31, 51, .07);
}

.logo-mark,
.header-cta,
.button.primary {
  background: #0b1f33;
}

.logo-mark i:nth-child(1) {
  background: #2f7df6;
}

.logo-mark i:nth-child(2) {
  background: #34d6c1;
}

.main-nav a {
  color: #42566f;
}

.main-nav a:hover,
em,
.button.primary b {
  color: #2f7df6;
}

.header-cta span {
  color: #34d6c1;
}

.eyebrow {
  color: #2f6fc8;
}

.eyebrow span {
  background: #2f7df6;
}

.hero-grid-bg {
  background-image:
    linear-gradient(rgba(47, 125, 246, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 125, 246, .055) 1px, transparent 1px);
}

.hero-glow {
  background: radial-gradient(circle, rgba(47, 125, 246, .16), transparent 65%);
}

.hero-text,
.trust-row span,
.section-heading > p:last-child {
  color: #64748b;
}

.play {
  border-color: #bdd1ed;
  color: #2f7df6;
}

.trust-row span::before {
  border-color: #9ce4d8;
  color: #15a890;
}

.dashboard-card {
  border-color: rgba(196, 214, 239, .86);
  box-shadow: 0 30px 60px rgba(29, 72, 132, .14);
}

.dash-logo span,
.status i {
  background: #34d6c1;
}

aside span {
  background: #edf3fb;
}

aside span.active {
  background: #b8d3ff;
}

.chart-panel svg path:first-of-type {
  fill: url(#area);
}

.chart-panel svg path:last-of-type {
  stroke: #2f7df6;
}

.float-card {
  border-color: #dfE8f5;
  box-shadow: 0 15px 32px rgba(37, 81, 142, .13);
}

.float-card span {
  color: #2f7df6;
  background: #e6efff;
}

.float-a span {
  color: #149c88;
  background: #e4fbf7;
}

.orbit {
  border-color: rgba(47, 125, 246, .23);
}

.stats b {
  color: #2f7df6;
}

.service-layout,
.service-tab {
  border-color: #dce6f2;
}

.service-tabs,
.solutions {
  background: #f5f8fc;
}

.tab-icon,
.solution-icon {
  color: #2f7df6;
  background: #e8f0ff;
}

.service-panel {
  background: linear-gradient(135deg, #0b2847, #081a2e);
}

.panel-badge,
.gateway-core span {
  color: #65a4ff;
}

.panel-top p {
  color: #a9bdd5;
}

.gateway-core {
  border-color: rgba(47, 125, 246, .65);
  background: rgba(47, 125, 246, .11);
  box-shadow: 0 0 0 17px rgba(47, 125, 246, .04);
}

.gateway-core b {
  color: #d2e5ff;
}

.line {
  background: #416c9f;
}

.solution-card {
  border-color: #e0e8f2;
}

.chat-demo {
  border-color: #e0e8f2;
  background: #f7faff;
}

.chat-demo span:nth-child(2),
.flow-mini span {
  color: #2b65b2;
  background: #e6efff;
}

.doc-stack i {
  border-color: #cfdded;
  background: #f7faff;
}

.doc-stack i:nth-child(3) {
  background: #e6efff;
}

.bars i {
  background: #c3d7f7;
}

.bars i:nth-child(4) {
  background: #2f7df6;
}

.steps b {
  color: #c7d9f1;
}

.academy-card {
  background: linear-gradient(120deg, #0b2847, #102f55);
}

.academy-list {
  border-left-color: rgba(96, 160, 255, .22);
}

.academy-list span {
  border-bottom-color: rgba(96, 160, 255, .17);
}

.academy-list i {
  color: #67a5ff;
}

.contact {
  background: #eaf2ff;
}

footer {
  background: #081a2e;
}

.footer-grid a:hover {
  color: #67a5ff;
}

.product-live,
.product-gateway {
  background: #0b2847;
}

.product-soon {
  background: #e8f0ff;
}

.product-status.live {
  color: #78e5d5;
  background: rgba(52, 214, 193, .13);
}

.product-status.live i {
  background: #34d6c1;
}

.product-status.soon {
  color: #2f6fc8;
}

.product-name b,
.product-link {
  color: #67a5ff;
}

.product-live p {
  color: #b8cbe2;
}

.product-soon p {
  color: #5d7592;
}

.product-link.muted {
  color: #2f6fc8;
}

.product-copy small,
.code-top span,
.code-body p {
  color: #7890aa;
}

.code-window {
  color: #244566;
  background: #f7faff;
}

.code-top,
.code-body aside {
  border-color: #dce6f2;
}

.code-top i {
  background: #7faef8;
}

.code-body aside {
  background: #edf3fb;
}

.code-body aside b,
.code-label,
.code-body b {
  color: #2f7df6;
}

.code-body aside i {
  background: #dce6f2;
}

.code-body p.active {
  color: #2b65b2;
  background: #e5efff;
}

.gateway-product-visual,
.gateway-product-visual::before {
  border-color: #78a8f0;
}

.gateway-product-core {
  border-color: rgba(103, 165, 255, .58);
  color: #8bb8ff;
  background: rgba(47, 125, 246, .13);
  box-shadow: 0 0 0 18px rgba(47, 125, 246, .05);
}

.gateway-product-node {
  color: #2f6fc8;
}

.agent-orbit,
.agent-orbit::before {
  border-color: #a8c7f4;
}

.agent-core {
  color: #8bb8ff;
  background: #123760;
}

.agent-node {
  color: #2f6fc8;
  box-shadow: 0 8px 18px rgba(47, 111, 200, .13);
}
