:root{
  --bh-brand-green:#60f8a0;
  --bh-brand-cyan:#20ecf0;
  --bh-brand-sky:#27b9fd;
  --bh-brand-blue:#1c54e5;
  --bh-brand-violet:#733efd;
  --bh-brand-red:#f5582e;
  --bh-brand-orange:#f69b25;
  --bh-brand-gold:#f5c51e;
  --bh-brand-gradient:
    linear-gradient(
      100deg,
      var(--bh-brand-green),
      var(--bh-brand-cyan),
      var(--bh-brand-sky),
      var(--bh-brand-blue),
      var(--bh-brand-violet),
      var(--bh-brand-red),
      var(--bh-brand-orange),
      var(--bh-brand-gold)
    );
  --bh-brand-action:
    linear-gradient(
      110deg,
      var(--bh-brand-green),
      var(--bh-brand-cyan),
      var(--bh-brand-sky),
      var(--bh-brand-blue)
    );
}

body{
  background:
    radial-gradient(
      circle at 13% 0%,
      rgba(32,236,240,.11),
      transparent 34%
    ),
    radial-gradient(
      circle at 87% 7%,
      rgba(28,84,229,.12),
      transparent 31%
    ),
    radial-gradient(
      circle at 52% 100%,
      rgba(115,62,253,.08),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #050b13 0%,
      #07111d 48%,
      #050b13 100%
    );
}

.site-header{
  border-bottom-color:rgba(32,236,240,.14);
  background:
    linear-gradient(
      135deg,
      rgba(5,13,28,.9),
      rgba(11,18,42,.86)
    );
  box-shadow:
    0 18px 45px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.brand img{
  filter:
    drop-shadow(
      0 7px 15px rgba(32,236,240,.10)
    );
}

.main-nav a:hover,
.main-nav a.active{
  border:1px solid rgba(32,236,240,.18);
  background:
    linear-gradient(
      120deg,
      rgba(32,236,240,.07),
      rgba(28,84,229,.07),
      rgba(115,62,253,.06)
    );
  color:#ffffff;
}

.header-cta,
.button-primary{
  border-color:rgba(32,236,240,.30);
  background:var(--bh-brand-action);
  color:#03111c;
  box-shadow:
    0 10px 26px rgba(32,236,240,.12);
}

.button-primary:hover,
.header-cta:hover{
  box-shadow:
    0 15px 36px rgba(32,236,240,.18);
}

.hero{
  background:
    radial-gradient(
      circle at 12% 30%,
      rgba(32,236,240,.08),
      transparent 30%
    ),
    radial-gradient(
      circle at 82% 18%,
      rgba(115,62,253,.10),
      transparent 30%
    );
}

.eyebrow{
  border-color:rgba(32,236,240,.20);
  background:
    linear-gradient(
      120deg,
      rgba(32,236,240,.08),
      rgba(28,84,229,.07),
      rgba(115,62,253,.08)
    );
  color:#dffaff;
  box-shadow:
    0 10px 30px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.eyebrow-dot{
  background:var(--bh-brand-green);
  box-shadow:
    0 0 18px rgba(96,248,160,.7);
}

.hero h1,
.hero h1 span{
  background:var(--bh-brand-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

.section-kicker,
.product-number,
.project-badge,
.price-label,
.footer-nav-title{
  background:var(--bh-brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.browser-scene{
  border-color:rgba(32,236,240,.20);
  background:
    radial-gradient(
      circle at 78% 22%,
      rgba(115,62,253,.08),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(8,24,43,.97),
      rgba(9,15,35,.97)
    );
  box-shadow:
    0 28px 70px rgba(0,0,0,.30),
    0 0 38px rgba(32,236,240,.07),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.browser-sidebar .side-logo{
  background:var(--bh-brand-gradient);
  box-shadow:
    0 0 24px rgba(32,236,240,.18);
}

.browser-headline{
  background:var(--bh-brand-gradient);
}

.browser-kpis div:nth-child(1) strong{
  color:var(--bh-brand-green);
}

.browser-kpis div:nth-child(2) strong{
  color:var(--bh-brand-sky);
}

.browser-kpis div:nth-child(3) strong{
  color:var(--bh-brand-violet);
}

.browser-chart span{
  border-top-color:var(--bh-brand-green);
  filter:
    drop-shadow(
      0 0 10px rgba(96,248,160,.45)
    );
}

.floating-chip{
  border-color:rgba(32,236,240,.16);
}

.chip-web i{
  color:var(--bh-brand-cyan);
}

.chip-app i{
  color:var(--bh-brand-green);
}

.chip-admin i{
  color:var(--bh-brand-violet);
}

.chip-data i{
  color:var(--bh-brand-gold);
}

.identity-strip{
  background:
    linear-gradient(
      100deg,
      rgba(96,248,160,.025),
      rgba(32,236,240,.025),
      rgba(39,185,253,.02),
      rgba(28,84,229,.02),
      rgba(115,62,253,.025),
      rgba(245,88,46,.018),
      rgba(246,155,37,.018),
      rgba(245,197,30,.018)
    );
}

.product-card{
  border-color:rgba(255,255,255,.09);
  box-shadow:
    0 28px 78px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.product-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  z-index:3;
  background:var(--bh-brand-gradient);
  opacity:.85;
}

.product-billing{
  background:
    radial-gradient(
      circle at 91% 8%,
      rgba(32,236,240,.10),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(8,24,43,.95),
      rgba(9,15,35,.96)
    );
}

.product-market{
  background:
    radial-gradient(
      circle at 91% 8%,
      rgba(115,62,253,.11),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(8,24,43,.95),
      rgba(9,15,35,.96)
    );
}

.product-billing .product-icon{
  border-color:rgba(32,236,240,.24);
  background:
    linear-gradient(
      145deg,
      rgba(32,236,240,.11),
      rgba(39,185,253,.06)
    );
  color:var(--bh-brand-cyan);
}

.product-market .product-icon{
  border-color:rgba(115,62,253,.25);
  background:
    linear-gradient(
      145deg,
      rgba(115,62,253,.12),
      rgba(245,88,46,.04)
    );
  color:var(--bh-brand-violet);
}

.product-billing .product-title-group p{
  color:var(--bh-brand-cyan);
}

.product-market .product-title-group p{
  color:#a996ff;
}

.status-pill{
  border-color:rgba(96,248,160,.22);
  background:rgba(96,248,160,.06);
  color:var(--bh-brand-green);
}

.capability-row span:nth-child(8n+1) i{
  color:var(--bh-brand-green);
}

.capability-row span:nth-child(8n+2) i{
  color:var(--bh-brand-cyan);
}

.capability-row span:nth-child(8n+3) i{
  color:var(--bh-brand-sky);
}

.capability-row span:nth-child(8n+4) i{
  color:var(--bh-brand-blue);
}

.capability-row span:nth-child(8n+5) i{
  color:var(--bh-brand-violet);
}

.capability-row span:nth-child(8n+6) i{
  color:var(--bh-brand-orange);
}

.platform-grid .platform-card:nth-child(1){
  border-top:1px solid rgba(32,236,240,.25);
}

.platform-grid .platform-card:nth-child(2){
  border-top:1px solid rgba(115,62,253,.25);
}

.platform-grid .platform-card:nth-child(3){
  border-top:1px solid rgba(96,248,160,.25);
}

.platform-grid .platform-card:nth-child(1) .platform-top i{
  color:var(--bh-brand-cyan);
}

.platform-grid .platform-card:nth-child(2) .platform-top i{
  color:var(--bh-brand-violet);
}

.platform-grid .platform-card:nth-child(3) .platform-top i{
  color:var(--bh-brand-green);
}

.custom-stage{
  border-color:rgba(32,236,240,.16);
  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(96,248,160,.06),
      transparent 26%
    ),
    radial-gradient(
      circle at 75% 12%,
      rgba(115,62,253,.12),
      transparent 34%
    ),
    radial-gradient(
      circle at 94% 88%,
      rgba(246,155,37,.06),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      rgba(8,24,43,.97),
      rgba(9,15,35,.97)
    );
}

.custom-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:var(--bh-brand-gradient);
}

.custom-subtitle{
  color:var(--bh-brand-cyan);
}

.stack-card-one{
  border-color:rgba(32,236,240,.20);
}

.stack-card-two{
  border-color:rgba(115,62,253,.22);
}

.stack-card-three{
  border-color:rgba(246,155,37,.18);
}

.stack-card-one i{
  color:var(--bh-brand-cyan);
}

.stack-card-two i{
  color:var(--bh-brand-violet);
}

.stack-card-three i{
  color:var(--bh-brand-orange);
}

.feature-grid .feature-card:nth-child(8n+1) .feature-icon{
  color:var(--bh-brand-green);
}

.feature-grid .feature-card:nth-child(8n+2) .feature-icon{
  color:var(--bh-brand-cyan);
}

.feature-grid .feature-card:nth-child(8n+3) .feature-icon{
  color:var(--bh-brand-sky);
}

.feature-grid .feature-card:nth-child(8n+4) .feature-icon{
  color:var(--bh-brand-violet);
}

.feature-grid .feature-card:nth-child(8n+5) .feature-icon{
  color:var(--bh-brand-red);
}

.feature-grid .feature-card:nth-child(8n+6) .feature-icon{
  color:var(--bh-brand-orange);
}

.feature-grid .feature-card:nth-child(8n+7) .feature-icon{
  color:var(--bh-brand-gold);
}

.project-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  z-index:4;
  background:var(--bh-brand-gradient);
}

.project-empty{
  border-color:rgba(32,236,240,.15);
  background:
    linear-gradient(
      120deg,
      rgba(32,236,240,.035),
      rgba(28,84,229,.025),
      rgba(115,62,253,.03),
      rgba(246,155,37,.02)
    );
}

.project-empty i{
  color:var(--bh-brand-cyan);
}

.price-card{
  position:relative;
  overflow:hidden;
}

.price-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:var(--bh-brand-gradient);
}

.price-card:first-child .price-line strong{
  color:var(--bh-brand-cyan);
}

.price-card-featured .price-line strong{
  color:var(--bh-brand-green);
}

.payment-note{
  border-color:rgba(32,236,240,.14);
  background:
    linear-gradient(
      120deg,
      rgba(32,236,240,.045),
      rgba(28,84,229,.02),
      rgba(115,62,253,.02)
    );
}

.payment-note > i{
  color:var(--bh-brand-cyan);
}

.site-footer::before{
  height:2px;
  opacity:1;
  background:var(--bh-brand-gradient);
}

.footer-panel{
  border-color:rgba(32,236,240,.11);
  background:
    radial-gradient(
      circle at 6% 0%,
      rgba(32,236,240,.07),
      transparent 31%
    ),
    radial-gradient(
      circle at 92% 100%,
      rgba(115,62,253,.08),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(8,24,43,.95),
      rgba(9,15,35,.97)
    );
}

.footer-brand-copy strong{
  background:var(--bh-brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.footer-logo-wrap{
  border-color:rgba(32,236,240,.20);
  box-shadow:
    0 10px 30px rgba(0,0,0,.20),
    0 0 20px rgba(32,236,240,.07);
}

.footer-brand-pills span:nth-child(1) i{
  color:var(--bh-brand-green);
}

.footer-brand-pills span:nth-child(2) i{
  color:var(--bh-brand-cyan);
}

.footer-nav-group:nth-child(2) .footer-nav-title{
  background:
    linear-gradient(
      90deg,
      var(--bh-brand-green),
      var(--bh-brand-cyan),
      var(--bh-brand-sky)
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.footer-nav-group:nth-child(3) .footer-nav-title{
  background:
    linear-gradient(
      90deg,
      var(--bh-brand-blue),
      var(--bh-brand-violet),
      var(--bh-brand-red)
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.footer-nav-group:nth-child(4) .footer-nav-title{
  background:
    linear-gradient(
      90deg,
      var(--bh-brand-orange),
      var(--bh-brand-gold)
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.footer-address i{
  color:var(--bh-brand-cyan);
}