/**
 * Theme Name:     FocusForge - Blockbase
 * Author:         Webbysrv
 * Template:       blockbase
 * Text Domain:	   focusforge-blockbase
 * Description:    Child theme of Blockbase.
 * Author URI:     https://webbysrv.com
 * Version:        1.0.1
 * Tags:           block saas
 */

.ff-hero {
  padding:120px 20px;
  background:linear-gradient(180deg,#F6F8FB 0%,#FFFFFF 100%);
}

.ff-hero h1 {
  font-size:64px;
  line-height:1.1;
  font-weight:700;
}

.ff-accent {
  color:#5B6CFF;
}

.ff-hero p {
  font-size:18px;
  line-height:1.7;
  color:#6B7280;
  margin-top:24px;
  max-width:520px;
}

.ff-primary-btn .wp-element-button {
  background:#5B6CFF;
  color:white;
  padding:16px 28px;
  border-radius:12px;
  font-weight:600;
}

.ff-primary-btn .wp-element-button:hover {
  background:#4B5CE0;
}

.ff-small-text {
  color:#9CA3AF;
  font-size:14px;
  margin-top:16px;
}

.ff-hero-image img {
  border-radius:16px;
}

.ff-section {
  padding:120px 20px;
}

.ff-section h2 {
  font-size:40px;
  font-weight:600;
  margin-bottom:20px;
}

.ff-section-sub {
  font-size:18px;
  color:#6B7280;
  max-width:700px;
  margin:0 auto 60px auto;
}

.ff-card {
  border:1px solid #E6EAF2;
  border-radius:16px;
  padding:32px;
  background:white;
  transition:all 0.2s ease;
}

.ff-card:hover {
  border-color:#5B6CFF;
  transform:translateY(-4px);
}

.ff-card h3 {
  font-size:22px;
  font-weight:600;
  margin-bottom:16px;
}

.ff-card p {
  color:#6B7280;
}

.ff-light {
  background:#F6F8FB;
}

.ff-solution-image img {
  border-radius:16px;
}

.ff-feature-list {
  margin:30px 0 30px 0;
  padding-left:20px;
}

.ff-feature-list li {
  margin-bottom:12px;
  color:#374151;
}

.ff-feature-list li::marker {
  color:#5B6CFF;
}