body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#050b1a;
  color:#fff;
  line-height:1.6
}

.navbar{
  position:fixed;
  top:0;
  width:100%;
  background:#020617;
  padding:14px;
  text-align:center;
  z-index:1000
}

.navbar a{
  color:#00e5ff;
  margin:0 10px;
  text-decoration:none;
  font-weight:bold
}

.section{
  padding:140px 10%;
  position:relative
}
/* ================= CONTACT SPACING FIX ================= */
#contact{
  padding-top:40px;
  padding-bottom:30px;
}
#contact h2{
  margin-top:0;
  margin-bottom:20px;
}

#contact .cta{
  margin-top:16px;
}


/* DEFAULT: show background fully */
.bg{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:top center
}

/* WORKFLOW needs more height to look full */
.bg-workflow{
  min-height:600px;      /* 🔥 KUNCI */
}

.dark{background-color:#020617}

.container{max-width:1000px;margin:auto}
.center{text-align:center}

h1,h2,h3{color:#00e5ff}
.lead{font-size:18px;max-width:720px}

.cta{
  display:inline-block;
  margin-top:24px;
  padding:14px 28px;
  background:#00e5ff;
  color:#000;
  text-decoration:none;
  border-radius:6px;
  font-weight:bold
}

.cta.secondary{
  background:none;
  border:2px solid #00e5ff;
  color:#00e5ff
}

.fomo{margin-top:10px;font-size:14px;opacity:.8}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px
}

.card{
  background:#0b1430;
  padding:30px;
  border-radius:12px
}

.highlight{border:2px solid #00e5ff}

.founder{
  display:flex;
  gap:40px;
  align-items:flex-start
}

.founder img{
  max-width:300px;
  border-radius:12px
}

.emphasis{font-weight:bold;margin-top:20px}

footer{
  text-align:center;
  padding:12px 10%;
  background:#020617;
  font-size:14px
}


.small{font-size:13px;opacity:.7}

@media(max-width:768px){
  .founder{flex-direction:column}
  .bg-workflow{min-height:420px}
}