.wfh-home {
  font-family: 'Inter', sans-serif;
  color: #333;
}

/* HERO */
.wfh-hero {
  background: linear-gradient(135deg, #fbecec, #eef5ff);
  padding: 60px 20px;
  text-align: center;
}

.wfh-hero h1,
.wfh-hero h2 {
  color: #1f2a44;
}

.wfh-sub {
  max-width: 700px;
  margin: 15px auto 25px;
  font-size: 16px;
}

.wfh-btn-primary {
  display: inline-block;
  background: #2e7d32;
  color: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

.wfh-btn-primary:hover {
  background: #256428;
}

/* SECTIONS */
.wfh-section {
  padding: 50px 20px;
  text-align: center;
}

.wfh-section h2 {
  margin-bottom: 25px;
}

.soft-bg {
  background: #fafafa;
}

/* GRID */
.wfh-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  max-width: 900px;
  margin: auto;
}

.wfh-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.06);
}

/* LIST */
.wfh-list {
  max-width: 600px;
  margin: auto;
  text-align: left;
}

.wfh-list li {
  margin-bottom: 10px;
}

/* STEPS */
.wfh-steps {
  max-width: 600px;
  margin: auto;
  text-align: left;
}

.wfh-step {
  background: #fff;
  padding: 15px;
  margin-bottom: 12px;
  border-left: 5px solid #2e7d32;
  border-radius: 6px;
}

.wfh-step span {
  font-weight: bold;
  margin-right: 6px;
}

/* DISCLAIMER */
.wfh-disclaimer {
  background: #fff3f3;
  padding: 20px;
  margin: 40px 20px;
  border-left: 5px solid #c62828;
  font-size: 14px;
}