:root{
  --jb-navy:#06184a;
  --jb-navy-2:#0b2b66;
  --jb-blue:#1768ff;
  --jb-blue-2:#2f7bff;
  --jb-sky:#eef5ff;
  --jb-ink:#0a1640;
  --jb-text:#1b2850;
  --jb-muted:#5c6a8a;
  --jb-line:#dbe6fb;
}
.blue-theme{background:#fff;color:var(--jb-text)}
.blue-theme .site-header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e7eef9;
  box-shadow:0 3px 14px rgba(15,35,90,.04)
}
.blue-theme .site-header .nav{color:var(--jb-ink)}
.blue-theme .site-header .nav a:hover{color:var(--jb-blue)}
.blue-theme .site-header .lang-btn,
.blue-theme .site-header .menu-btn{
  color:var(--jb-ink);
  border-color:#cfdcf2
}
.blue-theme .site-header .btn-primary{
  background:linear-gradient(135deg,var(--jb-blue),#0b58ef);
  box-shadow:0 10px 24px rgba(23,104,255,.2)
}
.blue-theme .site-header .brand-lockup{color:var(--jb-blue)}
.blue-theme .site-header .brand-symbol{color:var(--jb-blue);fill:currentColor}
.blue-theme .site-header .brand-name{color:var(--jb-navy)}
.blue-theme .site-header .brand-name b,
.blue-theme .site-header .brand-name sup{color:var(--jb-blue)}
.blue-theme .site-header .brand-tagline{color:var(--jb-navy)}

.blue-theme .hero{
  background:
    radial-gradient(circle at 78% 25%,rgba(56,131,255,.14),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f8fbff 72%,#eef5ff 100%);
  color:var(--jb-ink);
  border-bottom:1px solid #e4edf9
}
.blue-theme .hero-grid{min-height:620px;padding:64px 0 58px}
.blue-theme .eyebrow{color:var(--jb-blue)}
.blue-theme .hero h1{
  color:var(--jb-navy);
  font-size:clamp(46px,5vw,72px)
}
.blue-theme .hero h1 span{color:var(--jb-blue)}
.blue-theme .hero-copy>p{color:var(--jb-muted);max-width:600px}
.blue-theme .hero .btn-secondary{
  color:var(--jb-navy);
  border-color:#b9c9e8;
  background:#fff
}
.blue-theme .trust-row div{color:#4f5d7b}
.blue-theme .trust-row b{color:var(--jb-blue)}

.blue-theme .dashboard-card{
  border:1px solid #dbe7fb;
  background:#fff;
  color:var(--jb-ink);
  box-shadow:0 24px 60px rgba(20,56,130,.16)
}
.blue-theme .operator-card{
  border-color:#0b163d;
  box-shadow:0 20px 50px rgba(15,33,90,.2)
}
.blue-theme .bar i,
.blue-theme .fake-btn,
.blue-theme .btn-primary{
  background:linear-gradient(135deg,var(--jb-blue),#0f59e9)
}
.blue-theme .live-dot,
.blue-theme .pill.green{
  background:#e5efff;
  color:#0f5eed
}

.blue-theme .workflow{background:#fff}
.blue-theme .workflow .section-head h2,
.blue-theme .product-section h2,
.blue-theme .about-section h2{color:var(--jb-navy)}
.blue-theme .flow-icon,
.blue-theme .flow-icon.green,
.blue-theme .flow-icon.amber,
.blue-theme .flow-icon.blue{
  border-color:var(--jb-blue);
  color:var(--jb-blue)
}

.blue-theme .dark-section{
  background:linear-gradient(135deg,#06184a,#0b2b66)
}
.blue-theme .dark-section .eyebrow,
.blue-theme .feature-grid span{color:#75a7ff}
.blue-theme .split-head p,
.blue-theme .feature-grid p{color:#d6e2ff}
.blue-theme .feature-grid{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.12)
}
.blue-theme .feature-grid article{background:rgba(255,255,255,.035)}

.blue-theme .mini-dashboard{
  background:#fff;
  border-color:#dbe6fb;
  box-shadow:0 24px 58px rgba(20,56,130,.14)
}
.blue-theme .chart i{
  background:linear-gradient(180deg,var(--jb-blue-2),var(--jb-blue))
}
.blue-theme .about-box{
  background:#f3f7ff;
  border-color:#d8e4fb
}
.blue-theme .contact-section{
  background:linear-gradient(135deg,#07184a,#0b2c67)
}
.blue-theme footer{background:#06184a}
.blue-theme .footer-brand-lockup{color:#fff}
.blue-theme .footer-brand-symbol{color:#fff;fill:currentColor}
.blue-theme .footer-brand-name{color:#fff}
.blue-theme .footer-brand-name b,
.blue-theme .footer-brand-name sup{color:#72a2ff}
.blue-theme .footer-brand-tagline{color:#d8e4ff}
.blue-theme .demo-form .btn-primary{
  background:linear-gradient(135deg,var(--jb-blue),#0d5bed)
}

@media(max-width:900px){
  .blue-theme .hero-grid{padding-top:42px}
}