/* ═══════════════════════════════════════════════════════════════
   DIGIBROOD DESIGN SYSTEM — sections.css
   Page-section-specific layout & positioning.
   These combine base components into section compositions.
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   HERO SECTION
   ═══════════════════════════════════════════ */
.db-hero__left {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.db-hero__right {
  position: relative;
  height: 440px;
}

/* Positioned cards inside the hero visual area */
.db-hero__card-analytics {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 22px 22px 18px;
}

.db-hero__card-chat {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 226px;
  padding: var(--db-sp-4);
}

.db-hero__notification {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 20;
}


/* ═══════════════════════════════════════════
   TRACK RECORD SECTION
   ═══════════════════════════════════════════ */
.db-track-record {
  padding: var(--db-sp-10) 0 var(--db-sp-12);
  text-align: center;
}

.db-track-record__label {
  margin-bottom: var(--db-sp-3);
}

.db-track-record__title {
  margin-bottom: var(--db-sp-8);
}

/* Blob positioning helpers — reusable across any section */
.db-blob--top-left     { top: -180px; left: -140px; }
.db-blob--top-right    { top: 30px;   right: -120px; }
.db-blob--bottom-center { bottom: 60px; left: 42%; }

.db-trust {
  background: linear-gradient(180deg, #fff, #fafafa);
  position: relative;
}

.db-trust::before {
  content: "";
  display: block;
  height: 3px;
  background: var(--db-gradient);
}