
/* DB Hosting — NovaHost
   Original DB Hosting theme inspired by modern dark infrastructure/SaaS design.
*/
body.cb-public{
  --nh-bg:#0f141b;
  --nh-bg2:#151c25;
  --nh-bg3:#1b2532;
  --nh-line:#24374c;
  --nh-line2:#31506d;
  --nh-blue:#4a9ee8;
  --nh-blue2:#77c0ef;
  --nh-text:#edf4fb;
  --nh-muted:#8fa9bf;
  --nh-muted2:#5f7183;
  --nh-green:#4fd39a;
  --nh-red:#ec6b6b;
  background:var(--nh-bg);
  color:var(--nh-text);
}

/* Public nav */
body.cb-public .db-universal-header{
  background:rgba(15,20,27,.95);
  border-bottom:1px solid var(--nh-line);
  backdrop-filter:blur(16px);
}
body.cb-public .db-universal-brand{color:#fff!important}
body.cb-public .db-universal-mark{
  background:linear-gradient(135deg,var(--nh-blue),#2f76b4);
  box-shadow:0 8px 24px rgba(74,158,232,.18);
}
body.cb-public .db-nav-menu a{color:#b8c8d7!important}
body.cb-public .db-nav-menu a:hover,
body.cb-public .db-nav-menu a.active{color:#fff!important;background:#172230}
body.cb-public .db-nav-menu .db-nav-primary{background:var(--nh-blue);color:#07121e!important}
body.cb-public .db-nav-toggle{background:#141c26;border-color:#31465c;color:#fff}

/* Hero */
body.cb-public .qx-hero{
  position:relative;
  background:
    radial-gradient(circle at 85% 14%,rgba(74,158,232,.13),transparent 28%),
    linear-gradient(145deg,#0f141b 0%,#101821 58%,#111c29 100%);
  color:var(--nh-text);
  padding:92px 0 86px;
  overflow:hidden;
}
body.cb-public .qx-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(74,158,232,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,158,232,.06) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 70%);
  pointer-events:none;
}
body.cb-public .qx-hero-grid{position:relative;z-index:1}
body.cb-public .qx-pill{
  background:rgba(74,158,232,.09);
  border-color:rgba(74,158,232,.24);
  color:var(--nh-blue2);
}
body.cb-public .qx-pill i{background:var(--nh-green);box-shadow:none}
body.cb-public .qx-hero h1{
  color:var(--nh-text);
  max-width:760px;
  font-size:clamp(50px,6.7vw,80px);
  letter-spacing:-.06em;
}
body.cb-public .qx-gradient{
  background:linear-gradient(90deg,#fff 0%,#a8d4f4 78%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.cb-public .qx-lead{color:#9db1c3;line-height:1.75}
body.cb-public .qx-primary{
  background:var(--nh-blue);
  color:#07121e;
  border:1px solid var(--nh-blue);
}
body.cb-public .qx-primary:hover{background:var(--nh-blue2);border-color:var(--nh-blue2)}
body.cb-public .qx-outline{
  background:transparent;
  border:1px solid var(--nh-line2);
  color:#d9e6f1;
}
body.cb-public .qx-outline:hover{border-color:var(--nh-blue);color:var(--nh-blue2)}
body.cb-public .qx-checks{color:#8fa4b7}
body.cb-public .qx-checks span:before{color:var(--nh-green)}

/* Dashboard preview */
body.cb-public .qx-dashboard{
  background:var(--nh-bg2);
  border:1px solid var(--nh-line);
  border-radius:18px;
  transform:none;
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}
body.cb-public .qx-dash-top{border-color:var(--nh-line)}
body.cb-public .qx-metric,
body.cb-public .qx-host-row,
body.cb-public .qx-chart{
  background:var(--nh-bg3);
  border-color:var(--nh-line);
}
body.cb-public .qx-metric small,
body.cb-public .qx-host-row span{color:var(--nh-muted)}
body.cb-public .qx-up,
body.cb-public .qx-status{color:var(--nh-green)}

/* Trust strip */
body.cb-public .qx-trusted{
  background:#111821;
  border-color:var(--nh-line);
  color:#73879b;
}
body.cb-public .qx-logos{color:#9fb2c5}

/* Main sections */
body.cb-public .qx-section{background:var(--nh-bg);color:var(--nh-text)}
body.cb-public .qx-soft{background:#121922}
body.cb-public .qx-kicker{color:var(--nh-blue)}
body.cb-public .qx-heading{color:var(--nh-text)}
body.cb-public .qx-sub{color:var(--nh-muted)}
body.cb-public .qx-tab{
  background:#151e29;
  border-color:var(--nh-line);
  color:#91a4b7;
}
body.cb-public .qx-tab.active{background:var(--nh-blue);color:#07121e;border-color:var(--nh-blue)}
body.cb-public .qx-feature-panel{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  color:var(--nh-text);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
}
body.cb-public .qx-feature-panel h3{color:var(--nh-text)}
body.cb-public .qx-list li{color:#9eb1c2}
body.cb-public .qx-list li:before{color:var(--nh-blue)}
body.cb-public .qx-feature-visual{background:#0d141d;border:1px solid var(--nh-line)}

/* Pricing */
body.cb-public .qx-price{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  color:var(--nh-text);
  box-shadow:0 12px 36px rgba(0,0,0,.14);
}
body.cb-public .qx-price h3,
body.cb-public .qx-cost{color:var(--nh-text)}
body.cb-public .qx-price li{color:#91a6b8}
body.cb-public .qx-price.featured{
  background:#192533;
  color:var(--nh-text);
  border:1px solid var(--nh-blue);
  transform:none;
  box-shadow:0 18px 48px rgba(74,158,232,.12);
}
body.cb-public .qx-price.featured li{color:#a7bacb}
body.cb-public .qx-price .qx-primary,
body.cb-public .qx-price.featured .qx-primary{
  background:var(--nh-blue);
  color:#07121e;
  border-color:var(--nh-blue);
}
body.cb-public .qx-badge{background:rgba(74,158,232,.12);color:var(--nh-blue2)}
body.cb-public .qx-price.featured .qx-badge{background:rgba(74,158,232,.16);color:var(--nh-blue2)}

/* Website packages */
body.cb-public .qx-web-card{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  color:var(--nh-text);
}
body.cb-public .qx-web-image,
body.cb-public .qx-web-card:nth-child(2) .qx-web-image{
  background:linear-gradient(145deg,#12273a,#1b4667);
}
body.cb-public .qx-browser{background:#0d141d;border-color:#365169}
body.cb-public .qx-browser-body{background:#16212d;color:#dbeaf6}
body.cb-public .qx-web-content h3{color:var(--nh-text)}
body.cb-public .qx-web-content p{color:#91a4b6}
body.cb-public .qx-web-content .qx-web-cart-btn{
  background:var(--nh-blue)!important;
  border-color:var(--nh-blue)!important;
  color:#07121e!important;
}

/* Public inner pages */
body.cb-public .qx-page-hero{
  background:
    radial-gradient(circle at 84% 14%,rgba(74,158,232,.12),transparent 30%),
    linear-gradient(145deg,#0f141b,#121b26);
  color:var(--nh-text);
  border-color:var(--nh-line);
}
body.cb-public .qx-page-hero h1{color:var(--nh-text)}
body.cb-public .qx-page-hero p{color:#96aabd}
body.cb-public .qx-page-visual{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  box-shadow:0 18px 46px rgba(0,0,0,.25);
}
body.cb-public .qx-page-visual-head{color:var(--nh-text);border-color:var(--nh-line)}
body.cb-public .qx-page-mini{background:var(--nh-bg3);border-color:var(--nh-line);color:#dce8f3}
body.cb-public .qx-template-card,
body.cb-public .qx-feature-card{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  color:var(--nh-text);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
body.cb-public .qx-template-body h3,
body.cb-public .qx-feature-card h3{color:var(--nh-text)}
body.cb-public .qx-template-body p,
body.cb-public .qx-feature-card p{color:#90a4b7}
body.cb-public .qx-template-preview{
  background:linear-gradient(145deg,#10283a,#316f9e);
}
body.cb-public .qx-template-card:nth-child(2n) .qx-template-preview{
  background:linear-gradient(145deg,#13202c,#2f526d);
}
body.cb-public .qx-template-card:nth-child(3n) .qx-template-preview{
  background:linear-gradient(145deg,#112135,#356a93);
}
body.cb-public .qx-template-actions .qx-primary{background:var(--nh-blue);border-color:var(--nh-blue);color:#07121e}
body.cb-public .qx-template-actions .qx-outline{background:transparent;color:#c3d4e1;border-color:var(--nh-line2)}
body.cb-public .qx-cta-band{
  background:#132131;
  border-color:#2f526d;
}
body.cb-public .qx-cta-band p{color:#9fb3c5}

/* Dark stats and speciality */
body.cb-public .qx-stats,
body.cb-public .qx-special{background:#0c1219}
body.cb-public .qx-stat span{color:#7e93a6}
body.cb-public .qx-code-window{background:#0b1118;border-color:var(--nh-line)}

/* Forms */
body.cb-public .qx-form{
  background:var(--nh-bg2);
  border-color:var(--nh-line);
  color:var(--nh-text);
}
body.cb-public .qx-form input,
body.cb-public .qx-form textarea,
body.cb-public .qx-form select{
  background:#101820;
  color:var(--nh-text);
  border-color:#31475b;
}
body.cb-public .qx-form input::placeholder,
body.cb-public .qx-form textarea::placeholder{color:#687b8c}

/* Footer */
body.cb-public .qx-footer{
  background:#0c1117;
  border-top:1px solid var(--nh-line);
  color:#718598;
}
body.cb-public .qx-footer h4{color:#dfeaf4}
body.cb-public .qx-footer a{color:#879daf}
body.cb-public .qx-footer a:hover{color:var(--nh-blue2)}
body.cb-public .qx-footer .qx-brand{color:#fff}
body.cb-public .qx-copy{border-color:var(--nh-line)}

@media(max-width:900px){
  body.cb-public .db-nav-menu{
    background:#101720!important;
    border-color:var(--nh-line)!important;
  }
  body.cb-public .db-nav-menu a{color:#c0d0de!important}
}
