/* =====================================================
   ORKA INTAKE – CUSTOM CSS (PRODUCTION)
   Scope: .orka-intake-page
   ===================================================== */

/* ---------- GLOBAL SPACING CONTROL ---------- */
.orka-intake-page section {
  margin-top: 80px; /* override Mexant 120px */
}

/* ---------- PROBLEM SECTION ---------- */
.orka-intake-page .problem-section {
  padding-top: 40px;
}

.orka-intake-page .problem-section h4 {
  margin-bottom: 30px;
}

.orka-intake-page .problem-list {
  margin-top: 20px;
}

.orka-intake-page .problem-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}

.orka-intake-page .problem-list li::before {
  content: "–";
  position: absolute;
  left: 0;
  color: #43ba7f;
}

/* Quote Tile */
.orka-intake-page .quote-tile {
  background: #ffffff;
  padding: 40px;
  border-left: 5px solid #43ba7f;
  box-shadow: 0 12px 35px rgba(0,0,0,0.06);
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  max-width: 420px;
  margin-left: auto;
}

.orka-intake-page .quote-mark {
  font-size: 56px;
  color: #43ba7f;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}

/* ---------- SOLUTION ITEMS (What We Do) ---------- */
.orka-intake-page .what-we-do .right-items .item {
  transition: all 0.3s ease;
}

.orka-intake-page .what-we-do .right-items .item:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

/* ---------- COMPARE TILES ---------- */
.orka-intake-page .compare-tile {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.06);
  height: 100%;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.orka-intake-page .compare-tile:hover {
  transform: translateY(-6px);
}

.orka-intake-page .compare-tile h4 {
  margin-bottom: 25px;
}

.orka-intake-page .compare-tile ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 22px;
}

.orka-intake-page .compare-tile ul li::before {
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 2px;
}

.orka-intake-page .compare-tile.positive {
  border-top: 4px solid #43ba7f;
}

.orka-intake-page .compare-tile.positive ul li::before {
  content: "\f00c"; /* check */
  color: #43ba7f;
}

.orka-intake-page .compare-tile.negative {
  border-top: 4px solid #e74c3c;
}

.orka-intake-page .compare-tile.negative ul li::before {
  content: "\f00d"; /* cross */
  color: #e74c3c;
}

@media (min-width: 992px) {
  .orka-intake-page .compare-tile {
    min-height: 360px;
  }
}

/* ---------- USE CASES ---------- */
.orka-intake-page .usecase-subtitle {
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.orka-intake-page .usecase-tile {
  background: #fff;
  padding: 35px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  height: 100%;
  transition: all 0.3s ease;
}

.orka-intake-page .usecase-tile:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

.orka-intake-page .usecase-tile h5 {
  margin-bottom: 18px;
  color: #43ba7f;
}

.orka-intake-page .usecase-tile ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 22px;
}

.orka-intake-page .usecase-tile ul li::before {
  content: "\f0da"; /* angle-right */
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  color: #43ba7f;
}

@media (min-width: 992px) {
  .orka-intake-page .usecase-tile {
    min-height: 280px;
  }
}

/* ---------- CTA FINAL ---------- */
.orka-intake-page .call-to-action {
  margin-top: 100px;
}

.orka-intake-page .call-to-action .buttons a {
  transition: all 0.3s ease;
}

.orka-intake-page .call-to-action .buttons a:hover {
  transform: translateY(-3px);
}

/* ---------- RESPONSIVE TWEAKS ---------- */
@media (max-width: 991px) {
  .orka-intake-page .quote-tile {
    margin: 40px auto 0 auto;
    text-align: center;
  }
}