/* Legacy Builders - Modern Homepage */
:root{
  --lb-primary: #0d6efd;
  --lb-text: #0b1220;
  --lb-muted: #6b7280;
  --lb-border: #e5e7eb;
  --lb-card: #ffffff;
  --lb-bg: #f6f7fb;
}

html, body { height: 100%; }
body{
  color: var(--lb-text);
  background: var(--lb-bg);
  overflow-x: hidden; /* prevents horizontal scroll on mobile */
}

.lb-logo{ height: 34px; width: auto; }
.lb-nav .nav-link{ font-weight: 500; }

.lb-hero{
  position: relative;
  padding: 3.2rem 0 2.2rem;
  background:
    radial-gradient(900px 450px at 15% 10%, rgba(13,110,253,.16), transparent 60%),
    radial-gradient(800px 420px at 85% 25%, rgba(20,184,166,.14), transparent 55%),
    linear-gradient(180deg, #fff 0%, rgba(255,255,255,.75) 40%, rgba(246,247,251,1) 100%);
  border-bottom: 1px solid var(--lb-border);
}

.lb-pill{
  display:inline-flex;
  align-items:center;
  padding:.45rem .75rem;
  border:1px solid var(--lb-border);
  border-radius: 999px;
  background:#fff;
  gap:.35rem;
  font-size:.95rem;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}

.lb-hero-card{
  background: #fff;
  border: 1px solid var(--lb-border);
  border-radius: 22px;
  padding: 1rem;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.lb-hero-illustration{
  border-radius: 18px;
  background:
    radial-gradient(650px 280px at 25% 10%, rgba(13,110,253,.14), transparent 55%),
    radial-gradient(600px 260px at 80% 25%, rgba(20,184,166,.12), transparent 55%),
    #f9fafb;
  border: 1px solid var(--lb-border);
  overflow:hidden;
}

.lb-hero-illustration img{ width:100%; height:auto; display:block; }

.lb-stat{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  padding:.85rem;
  border:1px solid var(--lb-border);
  border-radius: 16px;
  background: #fff;
}

.lb-stat-icon{
  width:42px; height:42px;
  border-radius: 12px;
  background: rgba(13,110,253,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--lb-primary);
  font-size: 1.2rem;
}

.lb-stat-title{ font-weight: 700; }
.lb-stat-text{ color: var(--lb-muted); font-size: .92rem; }

.lb-hero-note{
  border:1px dashed rgba(13,110,253,.35);
  background: rgba(13,110,253,.06);
  color: #0b2a6a;
  padding:.75rem .9rem;
  border-radius: 14px;
  font-size: .95rem;
}

.lb-mini{
  display:flex;
  flex-wrap: wrap;
  gap:.75rem;
}
.lb-mini-item{
  background:#fff;
  border:1px solid var(--lb-border);
  border-radius:16px;
  padding:.85rem .95rem;
  min-width: 180px;
  box-shadow: 0 10px 24px rgba(15,23,42,.05);
}
.lb-mini-kpi{ font-weight: 800; font-size: 1.15rem; }
.lb-mini-label{ color: var(--lb-muted); font-size: .9rem; }

.lb-strip{
  padding: 1.1rem 0;
  background:#fff;
  border-bottom:1px solid var(--lb-border);
}
.lb-strip-item{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  padding: .9rem 1rem;
  border:1px solid var(--lb-border);
  border-radius: 18px;
  background:#fff;
}
.lb-strip-item i{ color: var(--lb-primary); font-size: 1.25rem; margin-top:.1rem; }

.lb-feature{
  background:#fff;
  border:1px solid var(--lb-border);
  border-radius: 22px;
  padding: 1.25rem;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.lb-feature-ico{
  width:48px; height:48px;
  border-radius: 16px;
  background: rgba(20,184,166,.12);
  color: #0f766e;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 1.25rem;
  margin-bottom: .75rem;
}

.lb-step{
  display:flex;
  gap: .9rem;
  align-items:flex-start;
  padding: .9rem 1rem;
  border:1px solid var(--lb-border);
  border-radius: 18px;
  background:#fff;
  margin-bottom: .8rem;
}
.lb-step-num{
  width:36px; height:36px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(13,110,253,.10);
  color: var(--lb-primary);
  font-weight: 800;
}

.lb-illus{
  border-radius: 22px;
  border:1px solid var(--lb-border);
  background:#fff;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}

.lb-kpi-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.55rem .75rem;
  border:1px solid var(--lb-border);
  border-radius: 999px;
  background:#fff;
  font-weight: 600;
}

.lb-card{
  background:#fff;
  border:1px solid var(--lb-border);
  border-radius: 22px;
  padding: 1.25rem;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.lb-card-ico{
  width:52px; height:52px;
  border-radius: 18px;
  background: rgba(13,110,253,.10);
  color: var(--lb-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 1.45rem;
  margin-bottom: .9rem;
}

.lb-checks div{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  margin-bottom: .5rem;
  color: var(--lb-text);
}
.lb-checks i{ color: #16a34a; margin-top:.1rem; }

.lb-quote{
  background:#fff;
  border:1px solid var(--lb-border);
  border-radius: 22px;
  padding: 1.25rem;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.lb-quote-stars{ letter-spacing: 2px; color: #f59e0b; margin-bottom: .6rem; }

.lb-cta{
  padding: 2.8rem 0;
  background:
    radial-gradient(900px 320px at 20% 20%, rgba(13,110,253,.18), transparent 60%),
    radial-gradient(900px 320px at 85% 30%, rgba(20,184,166,.14), transparent 60%),
    #fff;
  border-top:1px solid var(--lb-border);
}

@media (max-width: 575.98px){
  .lb-mini-item{ min-width: 0; width: 100%; }
  .lb-hero{ padding-top: 2.4rem; }
}