/* =============================================================
   DATATREE Inc. — Business Page Styles
   ============================================================= */

.biz-intro-section{ background: #fff; }
.biz-intro-grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 60px;
  align-items: center;
}
.biz-intro-text h2{ font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; margin-bottom: 20px; }
.biz-intro-text p{ color: var(--text-body); line-height: 1.85; }
.biz-intro-img{ border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); }

@media (max-width: 900px){
  .biz-intro-grid{ grid-template-columns: 1fr; }
  .biz-intro-img{ order: -1; }
}

/* ---------- Business type detail blocks ---------- */
.type-section{ background: var(--bg-light); }
.type-block{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 50px;
  box-shadow: var(--shadow-card);
  margin-bottom: 34px;
}
.type-block:last-child{ margin-bottom: 0; }
.type-block.reverse{ direction: rtl; }
.type-block.reverse > *{ direction: ltr; }

.type-badge{
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'Manrope',sans-serif;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .08em;
  color: #fff;
  background: var(--gradient-brand);
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  margin-bottom: 20px;
}
.type-block h3{ font-size: 1.5rem; font-weight: 800; margin-bottom: 18px; }
.type-block > div > p.desc{ color: var(--text-body); margin-bottom: 26px; line-height: 1.8; }

.sub-detail{
  background: var(--bg-light);
  border-radius: var(--radius-md);
  padding: 24px 26px;
}
.sub-detail h4{ font-size: 1rem; font-weight: 800; margin-bottom: 10px; color: var(--brand-blue-dark); }
.sub-detail h4 span{ font-weight: 500; color: var(--text-muted); font-size: .85rem; }
.sub-detail p{ font-size: .9rem; color: var(--text-muted); line-height: 1.8; }

.type-img{ border-radius: var(--radius-md); overflow: hidden; }
.type-img img{ width: 100%; }

@media (max-width: 900px){
  .type-block, .type-block.reverse{ grid-template-columns: 1fr; direction: ltr; padding: 30px; }
  .type-img{ order: -1; }
}

/* ---------- Portfolio reuse from home.css classes ---------- */
.biz-portfolio-section{ background: #fff; }