/* ZERO_MAIN_HOME_MODERN_SAFE_V3 */
:root{
  --zmh-bg:#020617;
  --zmh-card:#0f172a;
  --zmh-card2:#111c31;
  --zmh-line:rgba(148,163,184,.18);
  --zmh-text:#e5e7eb;
  --zmh-muted:#94a3b8;
  --zmh-blue:#2563eb;
  --zmh-cyan:#06b6d4;
  --zmh-gold:#fbbf24;
  --zmh-green:#22c55e;
}
body{
  background:
    radial-gradient(circle at 16% 4%,rgba(37,99,235,.26),transparent 32%),
    radial-gradient(circle at 86% 10%,rgba(6,182,212,.17),transparent 30%),
    linear-gradient(180deg,#020617,#07111f 44%,#0f172a) !important;
  overflow-x:hidden;
}
.z-navbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(2,6,23,.80)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--zmh-line)!important;
}
.z-navbar-inner{min-height:74px}
.z-logo-circle{
  box-shadow:0 18px 44px rgba(37,99,235,.36)!important;
  background:linear-gradient(135deg,var(--zmh-blue),var(--zmh-cyan))!important;
}
.z-hero{
  position:relative;
  padding-top:58px!important;
  padding-bottom:34px!important;
}
.z-hero:before{
  content:"";
  position:absolute;
  inset:20px auto auto 8%;
  width:320px;
  height:320px;
  border-radius:50%;
  background:rgba(37,99,235,.18);
  filter:blur(50px);
  pointer-events:none;
}
.z-card,
.z-demo-card,
.z-box-navy{
  border:1px solid var(--zmh-line)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.62))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
  border-radius:26px!important;
}
.z-card{
  overflow:hidden;
}
.z-card:before{
  content:"";
  display:block;
  height:4px;
  margin:-1.5rem -1.5rem 1.25rem;
  background:linear-gradient(90deg,var(--zmh-blue),var(--zmh-cyan),var(--zmh-gold));
}
.btn-primary{
  border:0!important;
  background:linear-gradient(135deg,var(--zmh-blue),var(--zmh-cyan))!important;
  box-shadow:0 16px 34px rgba(37,99,235,.28)!important;
  font-weight:900!important;
}
.btn-outline-light{
  border-color:rgba(226,232,240,.22)!important;
  background:rgba(15,23,42,.42)!important;
}
.form-control{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#fff!important;
}
.form-control:focus{
  border-color:rgba(96,165,250,.70)!important;
  box-shadow:0 0 0 .25rem rgba(37,99,235,.18)!important;
}
.z-step-pill{
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.64)!important;
}
.z-step-pill.active{
  background:linear-gradient(135deg,var(--zmh-blue),var(--zmh-cyan))!important;
  color:#fff!important;
}

/* hide old static demos; modern DB gallery is rendered instead */
#demos{display:none!important}

.zmh-wrap{width:min(1180px,calc(100% - 28px));margin:0 auto}
.zmh-section{padding:44px 0}
.zmh-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.zmh-head h2{
  margin:0;
  color:#fff;
  font-size:25px;
  font-weight:1000;
}
.zmh-head p{
  margin:8px 0 0;
  color:var(--zmh-muted);
  line-height:1.9;
  font-size:13px;
}
.zmh-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.zmh-features{grid-template-columns:repeat(3,1fr)}
.zmh-card{
  border:1px solid var(--zmh-line);
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(15,23,42,.58));
  border-radius:24px;
  padding:17px;
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  transition:.2s ease;
}
.zmh-card:hover{
  transform:translateY(-3px);
  border-color:rgba(96,165,250,.42);
}
.zmh-feature-icon{
  width:50px;
  height:50px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:rgba(37,99,235,.18);
  font-size:24px;
  margin-bottom:12px;
}
.zmh-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.zmh-card p{
  margin:0;
  color:#a8b3c7;
  line-height:2;
  font-size:12px;
}
.zmh-template-img{
  height:164px;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:13px;
  background:
    radial-gradient(circle at 20% 10%,rgba(59,130,246,.38),transparent 40%),
    linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.8));
  display:grid;
  place-items:center;
  color:#dbeafe;
  font-size:36px;
}
.zmh-template-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.zmh-template-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
}
.zmh-code{
  font-size:11px;
  color:#93c5fd;
  background:rgba(37,99,235,.16);
  border:1px solid rgba(147,197,253,.2);
  border-radius:999px;
  padding:6px 9px;
  direction:ltr;
}
.zmh-mini{
  font-size:12px;
  font-weight:950;
  color:#fff!important;
  background:rgba(255,255,255,.08);
  border:1px solid var(--zmh-line);
  border-radius:12px;
  padding:8px 10px;
  text-decoration:none;
}
.zmh-news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.zmh-cta{
  margin:34px auto 60px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:30px;
  padding:28px;
  background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(6,182,212,.16));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.zmh-cta h2{margin:0 0 8px;color:#fff;font-weight:1000}
.zmh-cta p{margin:0;color:#cbd5e1;line-height:2}
.zmh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:15px;
  font-weight:950;
  background:linear-gradient(135deg,var(--zmh-blue),var(--zmh-cyan));
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 16px 34px rgba(37,99,235,.25);
}
.zmh-btn.secondary{
  background:rgba(15,23,42,.72);
  border:1px solid var(--zmh-line);
  box-shadow:none;
}
@media(max-width:980px){
  .zmh-grid,.zmh-features{grid-template-columns:repeat(2,1fr)}
  .zmh-news-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .zmh-wrap{width:min(100% - 20px,1180px)}
  .zmh-grid,.zmh-features{grid-template-columns:1fr}
  .zmh-head{display:block}
  .zmh-template-img{height:190px}
  .zmh-cta{flex-direction:column;align-items:stretch}
  .zmh-btn{width:100%}
}