/* SECTION-1 */
.mlhero {
  --mlh-orange: #1b5ef7;
  --mlh-orange-dark: #1b5ef7;
  --mlh-navy: #0B1340;
  --mlh-navy-soft: #131C46;
  --mlh-ink: #15192E;
  --mlh-gray: #5C6478;
  --mlh-border: #E7EAF3;
  --mlh-bg: #F7F9FC;
  --mlh-blue: #2F6FED;
  --mlh-green: #16A34A;
  --mlh-purple: #7C3AED;
  --mlh-teal: #0EA5A4;
  --mlh-rose: #E11D48;
  --mlh-amber: #F59E0B;

  background: #fff;
  padding: 30px;
  overflow: hidden;
}

.mlhero__container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ---------- Text Content ---------- */

.mlhero__title {
  font-size: clamp(2rem, 5vw, 2.85rem);
  line-height: 1.15;
  font-weight: 800;
  color: var(--mlh-ink);
  margin: 0 0 18px;
  letter-spacing: -0.02em;
}

.mlhero__title-accent { color: var(--mlh-orange); }

.mlhero__subtitle {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--mlh-gray);
  max-width: 560px;
  margin: 0 0 26px;
}

.mlhero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 28px;
}

.mlhero__stat {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid var(--mlh-border);
  border-radius: 12px;
  padding: 10px 16px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.mlhero__stat--wide { flex: 1 1 100%; align-items: flex-start; }

.mlhero__stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mlh-orange);
  font-size: 0.95rem;
}

.mlhero__stat-text { display: flex; flex-direction: column; gap: 2px; }

.mlhero__stat-label {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--mlh-ink);
  white-space: nowrap;
}

.mlhero__stat--wide .mlhero__stat-label { white-space: normal; }

.mlhero__stat-sub {
  font-size: 0.8rem;
  color: var(--mlh-gray);
  line-height: 1.5;
}

.mlhero__cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }

.mlhero__btn {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  font-size: 0.98rem;
  font-weight: 700;
  padding: 15px 28px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mlhero__btn--primary {
  background: var(--mlh-orange);
  color: #FFFFFF;
  box-shadow: 0 10px 24px rgba(255, 90, 31, 0.32);
}

.mlhero__btn--primary:hover {
  background: var(--mlh-orange-dark);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(255, 90, 31, 0.4);
}

.mlhero__btn--secondary {
  background: #FFFFFF;
  color: var(--mlh-navy);
  border: 1.5px solid var(--mlh-border);
}

.mlhero__btn--secondary:hover {
  border-color: var(--mlh-navy);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11, 19, 64, 0.1);
}

.mlhero__btn--secondary i { transition: transform 0.2s ease; }
.mlhero__btn--secondary:hover i { transform: translateX(3px); }

.mlhero__microcta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  color: var(--mlh-gray);
  margin: 0;
}

.mlhero__microcta i { color: var(--mlh-green); }

/* ---------- Dashboard Visual ---------- */

.mlhero__visual { display: flex; justify-content: center; }

.mlhero__dashboard {
  position: relative;
  width: 100%;
  max-width: 760px;
  background: #FFFFFF;
  border-radius: 18px;
  border: 1px solid var(--mlh-border);
  box-shadow: 0 30px 60px -20px rgba(11, 19, 64, 0.25);
  overflow: hidden;
  opacity: 0;
  transform: translateY(16px);
  animation: mlheroFadeUp 0.7s ease forwards 0.15s;
}

@keyframes mlheroFadeUp { to { opacity: 1; transform: translateY(0); } }

.mlhero__dash-header {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--mlh-navy);
  color: #FFFFFF;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 14px 18px;
}

.mlhero__dash-body { display: flex; }

/* Nav: horizontal scroll strip on mobile, vertical sidebar from tablet up */
.mlhero__dash-nav {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  background: var(--mlh-navy-soft);
  padding: 10px 8px;
  gap: 6px;
  scrollbar-width: thin;
}

.mlhero__dash-navitem {
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.72rem;
  font-weight: 600;
  padding: 9px 12px;
  border-radius: 8px;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}

.mlhero__dash-navitem:hover { color: rgba(255, 255, 255, 0.9); }

.mlhero__dash-navitem[aria-selected="true"] {
  background: rgba(255, 90, 31, 0.22);
  color: #FFFFFF;
}

.mlhero__dash-navitem:focus-visible {
  outline: 2px solid var(--mlh-orange);
  outline-offset: 2px;
}

.mlhero__dash-main {
  flex: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.mlhero__panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: mlheroPanelIn 0.35s ease;
}

@keyframes mlheroPanelIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.mlhero__kpi-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }

.mlhero__kpi {
  background: var(--mlh-bg);
  border: 1px solid var(--mlh-border);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mlhero__kpi-label {
  font-size: 0.68rem;
  color: var(--mlh-gray);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.mlhero__kpi-value { font-size: 1.25rem; font-weight: 800; color: var(--mlh-ink); }
.mlhero__kpi-value--text { color: var(--mlh-green); }

.mlhero__kpi-delta { font-size: 0.7rem; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; color: var(--mlh-gray); }
.mlhero__kpi-delta--up { color: var(--mlh-green); }
.mlhero__kpi-delta--down { color: var(--mlh-green); }

.mlhero__kpi--alt { align-items: flex-start; }

.mlhero__kpi-icon {
  width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; color: #FFFFFF; margin-bottom: 4px;
}

.mlhero__kpi-icon--rose { background: var(--mlh-rose); }
.mlhero__kpi-icon--purple { background: var(--mlh-purple); }
.mlhero__kpi-icon--teal { background: var(--mlh-teal); }
.mlhero__kpi-icon--green { background: var(--mlh-green); }

.mlhero__chart-row { display: grid; grid-template-columns: 1fr; gap: 12px; }

.mlhero__chart-card {
  background: var(--mlh-bg);
  border: 1px solid var(--mlh-border);
  border-radius: 10px;
  padding: 12px;
}

.mlhero__chart-card--full { width: 100%; }

.mlhero__chart-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 6px; flex-wrap: wrap; gap: 6px;
}

.mlhero__chart-title { font-size: 0.78rem; font-weight: 700; color: var(--mlh-ink); }
.mlhero__chart-legend { display: flex; gap: 10px; }
.mlhero__legend-item { display: flex; align-items: center; gap: 5px; font-size: 0.68rem; color: var(--mlh-gray); }
.mlhero__legend-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.mlhero__legend-dot--actual { background: var(--mlh-orange); }
.mlhero__legend-dot--predicted { background: var(--mlh-blue); }
.mlhero__legend-dot--a { background: var(--mlh-blue); }
.mlhero__legend-dot--b { background: var(--mlh-teal); }
.mlhero__legend-dot--c { background: var(--mlh-purple); }
.mlhero__legend-dot--d { background: var(--mlh-orange); }

.mlhero__linechart { width: 100%; height: 110px; }
.mlhero__linechart--tall { height: 140px; }
.mlhero__axis-line { stroke: var(--mlh-border); stroke-width: 1; }
.mlhero__axis-text { font-size: 8px; fill: var(--mlh-gray); }

.mlhero__line-path { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.mlhero__line-path--actual { stroke: var(--mlh-orange); }
.mlhero__line-path--predicted { stroke: var(--mlh-blue); stroke-dasharray: 6 5; opacity: 0.85; }

.mlhero__donut-wrap { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; }
.mlhero__donut { width: 110px; height: 110px; transform: rotate(-90deg); flex-shrink: 0; }
.mlhero__donut-seg { fill: none; stroke-width: 22; }
.mlhero__donut-seg--a { stroke: var(--mlh-blue); stroke-dasharray: 153.9 439.8; stroke-dashoffset: 0; }
.mlhero__donut-seg--b { stroke: var(--mlh-teal); stroke-dasharray: 127.5 439.8; stroke-dashoffset: -153.9; }
.mlhero__donut-seg--c { stroke: var(--mlh-purple); stroke-dasharray: 88 439.8; stroke-dashoffset: -281.4; }
.mlhero__donut-seg--d { stroke: var(--mlh-orange); stroke-dasharray: 74.8 439.8; stroke-dashoffset: -369.4; }

.mlhero__sent-seg--pos { stroke: #16A34A; stroke-width: 22; fill: none; stroke-dasharray: 272.7 439.8; stroke-dashoffset: 0; }
.mlhero__sent-seg--neu { stroke: #F59E0B; stroke-width: 22; fill: none; stroke-dasharray: 105.6 439.8; stroke-dashoffset: -272.7; }
.mlhero__sent-seg--neg { stroke: #E11D48; stroke-width: 22; fill: none; stroke-dasharray: 61.6 439.8; stroke-dashoffset: -378.3; }

.mlhero__donut-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 0.72rem; color: var(--mlh-gray); }
.mlhero__donut-legend li { display: flex; align-items: center; gap: 6px; }
.mlhero__donut-legend strong { color: var(--mlh-ink); margin-left: 4px; }

/* Generic list-style panel content (Models, Pipelines, Automation, Monitoring, Reports, Settings) */
.mlhero__plist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mlhero__plist--tight { gap: 10px; padding: 4px 0; }

.mlhero__prow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: var(--mlh-bg);
  border: 1px solid var(--mlh-border);
  border-radius: 9px;
  padding: 10px 12px;
  font-size: 0.78rem;
  color: var(--mlh-ink);
}

.mlhero__prow-main { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.mlhero__prow-main i { color: var(--mlh-blue); font-size: 0.8rem; }
.mlhero__prow-tag {
  font-size: 0.62rem;
  font-weight: 600;
  color: var(--mlh-gray);
  background: #FFFFFF;
  border: 1px solid var(--mlh-border);
  border-radius: 999px;
  padding: 2px 8px;
}

.mlhero__prow-meta { font-size: 0.7rem; color: var(--mlh-gray); white-space: nowrap; }
.mlhero__prow i.fa-download { color: var(--mlh-gray); font-size: 0.78rem; }

.mlhero__status {
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: 999px;
  padding: 4px 10px;
  white-space: nowrap;
}

.mlhero__status--active { background: rgba(22, 163, 74, 0.12); color: var(--mlh-green); }
.mlhero__status--running { background: rgba(47, 111, 237, 0.12); color: var(--mlh-blue); }
.mlhero__status--training { background: rgba(245, 158, 11, 0.14); color: #B45309; }
.mlhero__status--paused { background: rgba(225, 29, 72, 0.12); color: var(--mlh-rose); }

.mlhero__prow--bar { flex-wrap: wrap; }
.mlhero__progress {
  flex: 1 1 100px;
  height: 6px;
  background: var(--mlh-border);
  border-radius: 999px;
  overflow: hidden;
  min-width: 60px;
}
.mlhero__progress-fill { display: block; height: 100%; background: var(--mlh-blue); border-radius: 999px; }

.mlhero__switch {
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: var(--mlh-border);
  position: relative;
  flex-shrink: 0;
}
.mlhero__switch::after {
  content: "";
  position: absolute;
  top: 2px; left: 2px;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  transition: left 0.2s ease;
}
.mlhero__switch--on { background: var(--mlh-green); }
.mlhero__switch--on::after { left: 18px; }

.mlhero__vision-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.mlhero__vision-cell {
  aspect-ratio: 1.4 / 1;
  background: var(--mlh-bg);
  border: 1.5px dashed var(--mlh-border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mlh-teal);
  font-size: 1.1rem;
}

.mlhero__live-pulse {
  position: absolute;
  top: 14px; right: 16px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
  animation: mlheroPulse 2s infinite;
}

@keyframes mlheroPulse {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
  70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .mlhero__dashboard, .mlhero__live-pulse, .mlhero__panel { animation: none; opacity: 1; transform: none; }
}

@media (min-width: 768px) {
  .mlhero { padding: 30px; }
  .mlhero__kpi-row { grid-template-columns: repeat(4, 1fr); }
  .mlhero__chart-row { grid-template-columns: 1.3fr 1fr; }
  .mlhero__dash-nav {
    flex-direction: column;
    overflow-x: visible;
    min-width: 168px;
  }
  .mlhero__dash-navitem { width: 100%; }
}

@media (min-width: 1100px) {
  .mlhero__container { flex-direction: row; align-items: center; gap: 56px; }
  .mlhero__content { flex: 1 1 46%; }
  .mlhero__visual { flex: 1 1 54%; justify-content: flex-end; }
  .mlhero__stat--wide { flex: 1 1 100%; }
}
/* Hide right side visual on mobile */
@media (max-width: 767px) {
  .mlhero__visual {
    display: none;
  }

  .mlhero__container {
    display: block;
  }

  .mlhero__content {
    width: 100%;
  }
}
/* SECTION-2 */
.mlsummary {
  --mls-orange: #1b5ef7;
  --mls-navy: #0B1340;
  --mls-ink: #15192E;
  --mls-gray: #5C6478;
  --mls-border: #E7EAF3;
  --mls-bg: #F7F9FC;
  --mls-blue: #2F6FED;

  background: var(--mls-bg);
  padding: 30px;
}

.mlsummary__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.mlsummary__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mls-ink);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}

.mlsummary__answer {
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--mls-ink);
  font-weight: 600;
  margin: 0 0 12px;
}

.mlsummary__followup {
  font-size: 0.96rem;
  line-height: 1.7;
  color: var(--mls-gray);
  margin: 0;
}

.mlsummary__flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid var(--mls-border);
  border-radius: 16px;
  padding: 24px 18px;
  box-shadow: 0 8px 24px rgba(11, 19, 64, 0.05);
}

.mlsummary__node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 92px;
  transition: transform 0.25s ease;
}

.mlsummary__node:hover {
  transform: translateY(-4px);
}

.mlsummary__node-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mls-blue);
  font-size: 1.2rem;
}

.mlsummary__node-label {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--mls-ink);
  text-align: center;
}

.mlsummary__plus {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mls-orange);
}

@media (min-width: 768px) {
  .mlsummary { padding: 30px; }
  .mlsummary__flow { padding: 30px 28px; gap: 16px; }
}

@media (min-width: 1100px) {
  .mlsummary__container {
    flex-direction: row;
    align-items: center;
    gap: 48px;
  }
  .mlsummary__text { flex: 1 1 48%; }
  .mlsummary__flow { flex: 1 1 52%; }
}

/* SECTION-3 */
.mltrust {
  --mlt-orange: #1b5ef7;
  --mlt-ink: #15192E;
  --mlt-gray: #5C6478;
  --mlt-border: #E7EAF3;
  --mlt-blue: #2F6FED;

  background: #FFFFFF;
  padding: 30px;
}

.mltrust__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mltrust__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlt-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mltrust__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mltrust__card {
  flex: 1 1 100%;
  max-width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlt-border);
  border-radius: 14px;
  padding: 26px 22px;
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.mltrust__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
  border-color: rgba(47, 111, 237, 0.3);
}

.mltrust__icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mlt-blue);
  font-size: 1.3rem;
  margin-bottom: 16px;
}

.mltrust__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--mlt-ink);
  margin: 0 0 8px;
}

.mltrust__desc {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mlt-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mltrust__card { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mltrust { padding: 30px; }
}

@media (min-width: 992px) {
  .mltrust__card { flex: 1 1 calc(33.333% - 20px); max-width: calc(33.333% - 20px); }
}

/* SECTION-4 */
.mlproblem {
  --mlp-orange: #1b5ef7;
  --mlp-navy: #0B1340;
  --mlp-ink: #15192E;
  --mlp-gray: #5C6478;
  --mlp-border: #E7EAF3;
  --mlp-bg: #F7F9FC;

  background: var(--mlp-bg);
  padding: 48px 20px;
}

.mlproblem__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlproblem__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlp-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlproblem__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlp-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

/* Cards: flex-wrap + justify-content:center means the leftover
   row (2 cards) centers itself automatically instead of left-aligning */
.mlproblem__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 24px;
}

.mlproblem__card {
  flex: 1 1 100%;
  max-width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlp-border);
  border-radius: 14px;
  padding: 24px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlproblem__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlproblem__icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(27, 94, 247, 0.1);
  color: var(--mlp-orange);
  font-size: 1.15rem;
  margin-bottom: 14px;
}

.mlproblem__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlp-ink);
  margin: 0 0 8px;
}

.mlproblem__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlp-gray);
  margin: 0;
}

/* CTA: full-width centered banner, not a stretched grid column */
.mlproblem__cta {
  background: var(--mlp-navy);
  border-radius: 14px;
  padding: 28px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.mlproblem__cta-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.mlproblem__cta-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(27, 94, 247, 0.22);
  color: var(--mlp-orange);
  font-size: 1.25rem;
}

.mlproblem__cta-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 6px;
}

.mlproblem__cta-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  max-width: 460px;
}

.mlproblem__cta-btn {
  cursor: pointer;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--mlp-orange);
  color: #FFFFFF;
  border: none;
  border-radius: 9px;
  font-size: 0.92rem;
  font-weight: 700;
  padding: 13px 24px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.mlproblem__cta-btn:hover {
  background: #134fcf;
  transform: translateY(-2px);
}

@media (min-width: 600px) {
  .mlproblem__card { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlproblem { padding: 64px 32px; }
}

@media (min-width: 992px) {
  /* 5 cards on a 3-column basis: row 1 gets 3, row 2 gets the
     remaining 2 — and justify-content:center on the parent
     centers that leftover pair instead of pinning it left. */
  .mlproblem__card { flex: 1 1 calc(33.333% - 20px); max-width: calc(33.333% - 20px); }

  .mlproblem__cta {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 30px 36px;
  }
  .mlproblem__cta-left {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }
  .mlproblem__cta-text { max-width: 520px; }
}
/* SECTION-5 */
.mlsolution {
  --mls2-ink: #15192E;
  --mls2-gray: #5C6478;
  --mls2-border: #E7EAF3;
  --mls2-blue: #2F6FED;

  background: #FFFFFF;
  padding: 30px;
}

.mlsolution__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlsolution__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mls2-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlsolution__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mls2-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlsolution__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlsolution__card {
  flex: 1 1 100%;
  background: var(--mls2-bg, #F7F9FC);
  border: 1px solid var(--mls2-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mlsolution__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlsolution__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mls2-blue);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlsolution__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mls2-ink);
  margin: 0 0 8px;
}

.mlsolution__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mls2-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlsolution__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlsolution { padding: 30px; }
}

@media (min-width: 992px) {
  .mlsolution__card { flex: 1 1 calc(25% - 20px); }
}

/* SECTION-6 */
.mlanswer {
  --mla-orange: #1b5ef7;
  --mla-ink: #15192E;
  --mla-gray: #5C6478;
  --mla-border: #E7EAF3;
  --mla-bg: #F7F9FC;

  background: var(--mla-bg);
  padding: 30px;
}

.mlanswer__container {
  max-width: 880px;
  margin: 0 auto;
}

.mlanswer__card {
  background: #FFFFFF;
  border: 1px solid var(--mla-border);
  border-left: 4px solid var(--mla-orange);
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 8px 24px rgba(11, 19, 64, 0.05);
}

.mlanswer__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mla-orange);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.mlanswer__heading {
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 800;
  color: var(--mla-ink);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}

.mlanswer__answer {
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 600;
  color: var(--mla-ink);
  margin: 0 0 14px;
}

.mlanswer__followup {
  font-size: 0.94rem;
  line-height: 1.75;
  color: var(--mla-gray);
  margin: 0;
}

@media (min-width: 768px) {
  .mlanswer { padding: 60px 32px; }
  .mlanswer__card { padding: 40px 44px; }
}

/* SECTION-7 */
.mlbuild {
  --mlb-ink: #15192E;
  --mlb-gray: #5C6478;
  --mlb-border: #E7EAF3;
  --mlb-teal: #0EA5A4;
  --mlb-bg: #F7F9FC;

  background: #FFFFFF;
  padding: 30px;
}

.mlbuild__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlbuild__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlb-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mlbuild__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.mlbuild__card {
  flex: 1 1 100%;
  background: var(--mlb-bg);
  border: 1px solid var(--mlb-border);
  border-radius: 14px;
  padding: 22px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mlbuild__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlbuild__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(14, 165, 164, 0.1);
  color: var(--mlb-teal);
  font-size: 1.1rem;
  margin-bottom: 14px;
}

.mlbuild__title {
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--mlb-ink);
  margin: 0 0 8px;
}

.mlbuild__desc {
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--mlb-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlbuild__card { flex: 1 1 calc(50% - 18px); }
}

@media (min-width: 768px) {
  .mlbuild { padding: 30px; }
}

@media (min-width: 992px) {
  .mlbuild__card { flex: 1 1 calc(25% - 18px); }
}

/* SECTION-8 */
.mldevserv {
  --mld-ink: #15192E;
  --mld-gray: #5C6478;
  --mld-border: #E7EAF3;
  --mld-purple: #7C3AED;
  --mld-bg: #F7F9FC;

  background: var(--mld-bg);
  padding: 30px;
}

.mldevserv__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mldevserv__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mld-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mldevserv__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mld-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mldevserv__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mldevserv__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mld-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mldevserv__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mldevserv__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(124, 58, 237, 0.1);
  color: var(--mld-purple);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mldevserv__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mld-ink);
  margin: 0 0 8px;
}

.mldevserv__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mld-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mldevserv__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mldevserv { padding: 30px; }
}

@media (min-width: 992px) {
  .mldevserv__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-9 */
.mlpredict {
  --mlpr-ink: #15192E;
  --mlpr-gray: #5C6478;
  --mlpr-border: #E7EAF3;
  --mlpr-green: #16A34A;

  background: #FFFFFF;
  padding: 30px;
}

.mlpredict__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlpredict__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlpr-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlpredict__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlpr-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlpredict__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlpredict__card {
  flex: 1 1 100%;
  background: #F7F9FC;
  border: 1px solid var(--mlpr-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mlpredict__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlpredict__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(22, 163, 74, 0.1);
  color: var(--mlpr-green);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlpredict__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlpr-ink);
  margin: 0 0 8px;
}

.mlpredict__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlpr-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlpredict__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlpredict { padding: 30px; }
}

@media (min-width: 992px) {
  .mlpredict__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-10 */
.mlrecom {
  --mlre-ink: #15192E;
  --mlre-gray: #5C6478;
  --mlre-border: #E7EAF3;
  --mlre-orange: #1b5ef7;
  --mlre-bg: #F7F9FC;

  background: var(--mlre-bg);
  padding: 30px;
}

.mlrecom__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlrecom__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlre-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlrecom__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlre-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlrecom__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlrecom__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlre-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlrecom__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlrecom__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mlre-orange);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlrecom__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlre-ink);
  margin: 0 0 8px;
}

.mlrecom__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlre-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlrecom__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlrecom { padding: 30px; }
}

@media (min-width: 992px) {
  .mlrecom__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-11 */
.mlnlp {
  --mln-ink: #15192E;
  --mln-gray: #5C6478;
  --mln-border: #E7EAF3;
  --mln-blue: #2F6FED;

  background: #FFFFFF;
  padding: 30px;
}

.mlnlp__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlnlp__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mln-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlnlp__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mln-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlnlp__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlnlp__card {
  flex: 1 1 100%;
  background: #F7F9FC;
  border: 1px solid var(--mln-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mlnlp__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlnlp__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mln-blue);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlnlp__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mln-ink);
  margin: 0 0 8px;
}

.mlnlp__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mln-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlnlp__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlnlp { padding: 30px; }
}

@media (min-width: 992px) {
  .mlnlp__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-12 */
.mlvision {
  --mlv-ink: #15192E;
  --mlv-gray: #5C6478;
  --mlv-border: #E7EAF3;
  --mlv-teal: #0EA5A4;
  --mlv-bg: #F7F9FC;

  background: var(--mlv-bg);
  padding: 30px;
}

.mlvision__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlvision__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlv-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlvision__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlv-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlvision__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlvision__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlv-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlvision__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlvision__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(14, 165, 164, 0.1);
  color: var(--mlv-teal);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlvision__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlv-ink);
  margin: 0 0 8px;
}

.mlvision__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlv-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlvision__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlvision { padding: 30px; }
}

@media (min-width: 992px) {
  .mlvision__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-13 */
.mlauto {
  --mla2-ink: #15192E;
  --mla2-gray: #5C6478;
  --mla2-border: #E7EAF3;
  --mla2-purple: #7C3AED;

  background: #FFFFFF;
  padding: 30px;
}

.mlauto__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlauto__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mla2-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlauto__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mla2-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlauto__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlauto__card {
  flex: 1 1 100%;
  background: #F7F9FC;
  border: 1px solid var(--mla2-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mlauto__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlauto__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(124, 58, 237, 0.1);
  color: var(--mla2-purple);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlauto__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mla2-ink);
  margin: 0 0 8px;
}

.mlauto__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mla2-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlauto__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlauto { padding: 30px; }
}

@media (min-width: 992px) {
  .mlauto__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-14 */
.mlindustry {
  --mli-ink: #15192E;
  --mli-gray: #5C6478;
  --mli-border: #E7EAF3;
  --mli-orange: #1b5ef7;
  --mli-bg: #F7F9FC;

  background: var(--mli-bg);
  padding: 30px;
}

.mlindustry__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlindustry__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mli-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mlindustry__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.mlindustry__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mli-border);
  border-radius: 14px;
  padding: 24px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.mlindustry__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
  border-color: rgba(255, 90, 31, 0.3);
}

.mlindustry__icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mli-orange);
  font-size: 1.15rem;
  margin-bottom: 14px;
}

.mlindustry__title {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--mli-ink);
  margin: 0 0 8px;
}

.mlindustry__desc {
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--mli-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlindustry__card { flex: 1 1 calc(50% - 18px); }
}

@media (min-width: 768px) {
  .mlindustry { padding: 30px; }
}

@media (min-width: 992px) {
  .mlindustry__card { flex: 1 1 calc(25% - 18px); }
}

/* SECTION-15 */
.mlfeatures {
  --mlf-ink: #15192E;
  --mlf-gray: #5C6478;
  --mlf-border: #E7EAF3;
  --mlf-blue: #2F6FED;
  --mlf-green: #16A34A;

  background: #FFFFFF;
  padding: 30px;
}

.mlfeatures__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlfeatures__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlf-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mlfeatures__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlfeatures__panel {
  flex: 1 1 100%;
  background: #F7F9FC;
  border: 1px solid var(--mlf-border);
  border-radius: 16px;
  padding: 28px 24px;
  transition: box-shadow 0.25s ease;
}

.mlfeatures__panel:hover {
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlfeatures__panel-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mlf-blue);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlfeatures__panel-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--mlf-ink);
  margin: 0 0 18px;
}

.mlfeatures__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mlfeatures__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: var(--mlf-gray);
}

.mlfeatures__list li i {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.12);
  color: var(--mlf-green);
  font-size: 0.65rem;
}

@media (min-width: 768px) {
  .mlfeatures { padding: 30px; }
}

@media (min-width: 992px) {
  .mlfeatures__panel { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-16 */
.mlmlops {
  --mlm-ink: #15192E;
  --mlm-gray: #5C6478;
  --mlm-border: #E7EAF3;
  --mlm-teal: #0EA5A4;
  --mlm-bg: #F7F9FC;

  background: var(--mlm-bg);
  padding: 30px;
}

.mlmlops__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlmlops__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlm-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlmlops__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlm-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlmlops__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlmlops__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlm-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlmlops__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlmlops__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(14, 165, 164, 0.1);
  color: var(--mlm-teal);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlmlops__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlm-ink);
  margin: 0 0 8px;
}

.mlmlops__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlm-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlmlops__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlmlops { padding: 30px; }
}

@media (min-width: 992px) {
  .mlmlops__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-17 */
.mlsecurity {
  --mlsec-ink: #15192E;
  --mlsec-gray: #5C6478;
  --mlsec-border: #E7EAF3;
  --mlsec-navy: #0B1340;
  --mlsec-rose: #E11D48;

  background: #FFFFFF;
  padding: 30px;
}

.mlsecurity__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlsecurity__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlsec-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlsecurity__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlsec-gray);
  text-align: center;
  max-width: 780px;
  margin: 0 auto 32px;
}

.mlsecurity__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlsecurity__card {
  flex: 1 1 100%;
  background: var(--mlsec-navy);
  border-radius: 14px;
  padding: 26px 22px;
  color: #FFFFFF;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlsecurity__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(11, 19, 64, 0.25);
}

.mlsecurity__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(225, 29, 72, 0.2);
  color: #FB7185;
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlsecurity__title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 8px;
}

.mlsecurity__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

@media (min-width: 600px) {
  .mlsecurity__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlsecurity { padding: 30px; }
}

@media (min-width: 992px) {
  .mlsecurity__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-18 */
.mlintegrate {
  --mlint-ink: #15192E;
  --mlint-gray: #5C6478;
  --mlint-border: #E7EAF3;
  --mlint-green: #16A34A;
  --mlint-bg: #F7F9FC;

  background: var(--mlint-bg);
  padding: 30px;
}

.mlintegrate__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlintegrate__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlint-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlintegrate__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlint-gray);
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.mlintegrate__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mlintegrate__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlint-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlintegrate__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlintegrate__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(22, 163, 74, 0.1);
  color: var(--mlint-green);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlintegrate__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlint-ink);
  margin: 0 0 8px;
}

.mlintegrate__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlint-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mlintegrate__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mlintegrate { padding: 30px; }
}

@media (min-width: 992px) {
  .mlintegrate__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-19 */
.mlprocess {
  --mlpc-ink: #15192E;
  --mlpc-gray: #5C6478;
  --mlpc-border: #E7EAF3;
  --mlpc-orange: #1b5ef7;
  --mlpc-navy: #0B1340;

  background: #FFFFFF;
  padding: 30px;
}

.mlprocess__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlprocess__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlpc-ink);
  text-align: center;
  margin: 0 0 36px;
  letter-spacing: -0.01em;
}

.mlprocess__track {
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}

.mlprocess__step {
  background: #F7F9FC;
  border: 1px solid var(--mlpc-border);
  border-radius: 14px;
  padding: 24px 20px 24px 64px;
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlprocess__step:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(11, 19, 64, 0.08);
}

.mlprocess__num {
  position: absolute;
  top: 22px;
  left: 18px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--mlpc-navy);
  color: #FFFFFF;
  font-size: 0.78rem;
  font-weight: 800;
}

.mlprocess__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlpc-ink);
  margin: 0 0 8px;
}

.mlprocess__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlpc-gray);
  margin: 0;
}

@media (min-width: 768px) {
  .mlprocess { padding: 30px; }
}

@media (min-width: 992px) {
  .mlprocess__track {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }
  .mlprocess__step {
    flex: 1 1 calc(33.333% - 20px);
    padding: 30px 22px 24px 22px;
  }
  .mlprocess__num {
    position: static;
    margin-bottom: 14px;
  }
  .mlprocess__step::after {
    content: "";
    position: absolute;
    top: 36px;
    right: -28px;
    width: 24px;
    height: 2px;
    background: var(--mlpc-border);
  }
  .mlprocess__step:nth-child(3n)::after {
    display: none;
  }
}

/* SECTION-20 */
.mlwhy {
  --mlw-ink: #15192E;
  --mlw-gray: #5C6478;
  --mlw-border: #E7EAF3;
  --mlw-orange: #1b5ef7;
  --mlw-green: #16A34A;
  --mlw-rose: #E11D48;
  --mlw-bg: #F7F9FC;

  background: var(--mlw-bg);
  padding: 30px;
}

.mlwhy__container {
  max-width: 1100px;
  margin: 0 auto;
}

.mlwhy__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlw-ink);
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlwhy__intro {
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--mlw-gray);
  text-align: center;
  max-width: 780px;
  margin: 0 auto 32px;
}

.mlwhy__compare {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mlwhy__col {
  border-radius: 16px;
  padding: 28px 24px;
}

.mlwhy__col--good {
  background: #FFFFFF;
  border: 1.5px solid rgba(22, 163, 74, 0.25);
}

.mlwhy__col--bad {
  background: #FFFFFF;
  border: 1.5px solid var(--mlw-border);
}

.mlwhy__col-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--mlw-ink);
  margin: 0 0 18px;
}

.mlwhy__col--good .mlwhy__col-title i { color: var(--mlw-green); }
.mlwhy__col--bad .mlwhy__col-title i { color: var(--mlw-rose); }

.mlwhy__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.mlwhy__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  color: var(--mlw-ink);
  font-weight: 500;
}

.mlwhy__list li i {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.12);
  color: var(--mlw-green);
  font-size: 0.62rem;
}

.mlwhy__list--bad li {
  color: var(--mlw-gray);
}

.mlwhy__list--bad li i {
  background: rgba(225, 29, 72, 0.1);
  color: var(--mlw-rose);
}

.mlwhy__cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.mlwhy__cta-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--mlw-orange);
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  font-size: 0.96rem;
  font-weight: 700;
  padding: 15px 28px;
  box-shadow: 0 10px 24px rgba(255, 90, 31, 0.32);
  transition: transform 0.2s ease, background 0.2s ease;
}

.mlwhy__cta-btn:hover {
  background: #1b5ef7;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .mlwhy { padding: 30px; }
  .mlwhy__compare { flex-direction: row; gap: 24px; }
  .mlwhy__col { flex: 1 1 50%; }
}

/* SECTION-21 */
.mlcases {
  --mlc-ink: #15192E;
  --mlc-gray: #5C6478;
  --mlc-border: #E7EAF3;
  --mlc-green: #16A34A;
  --mlc-bg: #F7F9FC;

  background: #FFFFFF;
  padding: 30px;
}

.mlcases__container {
  max-width: 1100px;
  margin: 0 auto;
}

.mlcases__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlc-ink);
  text-align: center;
  margin: 0 0 28px;
  letter-spacing: -0.01em;
}

.mlcases__chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.mlcases__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--mlc-bg);
  border: 1px solid var(--mlc-border);
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--mlc-ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.mlcases__chip:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(11, 19, 64, 0.08);
  border-color: rgba(22, 163, 74, 0.35);
}

.mlcases__chip i {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.12);
  color: var(--mlc-green);
  font-size: 0.55rem;
}

@media (min-width: 768px) {
  .mlcases { padding: 30px; }
}

/* SECTION-22 */
.mltech {
  --mlt2-ink: #15192E;
  --mlt2-gray: #5C6478;
  --mlt2-border: #E7EAF3;
  --mlt2-blue: #2F6FED;
  --mlt2-bg: #F7F9FC;

  background: var(--mlt2-bg);
  padding: 30px;
}

.mltech__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mltech__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlt2-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mltech__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.mltech__card {
  flex: 1 1 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlt2-border);
  border-radius: 14px;
  padding: 20px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mltech__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(11, 19, 64, 0.07);
}

.mltech__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--mlt2-ink);
  margin: 0 0 14px;
}

.mltech__title i {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(47, 111, 237, 0.1);
  color: var(--mlt2-blue);
  font-size: 0.85rem;
}

.mltech__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mltech__list li {
  font-size: 0.9rem;
  color: var(--mlt2-gray);
  padding-left: 14px;
  position: relative;
}

.mltech__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mlt2-blue);
}

@media (min-width: 600px) {
  .mltech__card { flex: 1 1 calc(50% - 16px); }
}

@media (min-width: 768px) {
  .mltech { padding: 30px; }
}

@media (min-width: 992px) {
  .mltech__card { flex: 1 1 calc(33.333% - 16px); }
}

@media (min-width: 1200px) {
  .mltech__card { flex: 1 1 calc(25% - 16px); }
}

/* SECTION-23 */
.mloutcomes {
  --mlo-ink: #15192E;
  --mlo-gray: #5C6478;
  --mlo-border: #E7EAF3;
  --mlo-orange: #1b5ef7;

  background: #FFFFFF;
  padding: 30px;
}

.mloutcomes__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mloutcomes__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlo-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mloutcomes__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.mloutcomes__card {
  flex: 1 1 100%;
  background: #F7F9FC;
  border: 1px solid var(--mlo-border);
  border-radius: 14px;
  padding: 26px 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.mloutcomes__card:hover {
  transform: translateY(-5px);
  background: #FFFFFF;
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mloutcomes__icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mlo-orange);
  font-size: 1.25rem;
  margin-bottom: 16px;
}

.mloutcomes__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlo-ink);
  margin: 0 0 8px;
}

.mloutcomes__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlo-gray);
  margin: 0;
}

@media (min-width: 600px) {
  .mloutcomes__card { flex: 1 1 calc(50% - 20px); }
}

@media (min-width: 768px) {
  .mloutcomes { padding: 30px; }
}

@media (min-width: 992px) {
  .mloutcomes__card { flex: 1 1 calc(33.333% - 20px); }
}

/* SECTION-24 */
.mlprojects {
  --mlpj-ink: #15192E;
  --mlpj-gray: #5C6478;
  --mlpj-border: #E7EAF3;
  --mlpj-purple: #7C3AED;
  --mlpj-orange: #1b5ef7;
  --mlpj-bg: #F7F9FC;

  background: var(--mlpj-bg);
  padding: 30px;
}

.mlprojects__container {
  max-width: 1200px;
  margin: 0 auto;
}

.mlprojects__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlpj-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mlprojects__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/* 5 cards: 4 per row pattern collapses gracefully; the final row's
   leftover card(s) are centered automatically by justify-content: center
   combined with the card's fixed max-width below. */
.mlprojects__card {
  flex: 1 1 100%;
  max-width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--mlpj-border);
  border-radius: 14px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mlprojects__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(11, 19, 64, 0.08);
}

.mlprojects__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(124, 58, 237, 0.1);
  color: var(--mlpj-purple);
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.mlprojects__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mlpj-ink);
  margin: 0 0 8px;
}

.mlprojects__desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mlpj-gray);
  margin: 0;
}

.mlprojects__cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.mlprojects__cta-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--mlpj-orange);
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  font-size: 0.96rem;
  font-weight: 700;
  padding: 15px 28px;
  box-shadow: 0 10px 24px rgba(255, 90, 31, 0.32);
  transition: transform 0.2s ease, background 0.2s ease;
}

.mlprojects__cta-btn:hover {
  background: #1b5ef7;
  transform: translateY(-2px);
}

@media (min-width: 600px) {
  .mlprojects__card { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); }
}

@media (min-width: 992px) {
  /* 5 cards at 4-per-row basis: 4 fill row one, the 5th sits alone and
     is centered because the flex container uses justify-content: center
     and the card keeps the same max-width instead of stretching. */
  .mlprojects__card { flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); }
}

@media (min-width: 768px) {
  .mlprojects { padding: 30px; }
}

/* SECTION-25 */
.mlcost {
  --mlco-ink: #15192E;
  --mlco-gray: #5C6478;
  --mlco-border: #E7EAF3;
  --mlco-navy: #0B1340;
  --mlco-orange: #1b5ef7;
  --mlco-green: #16A34A;

  background: #FFFFFF;
  padding: 30px;
}

.mlcost__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.mlcost__heading {
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 800;
  color: var(--mlco-ink);
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.mlcost__answer {
  font-size: 0.96rem;
  line-height: 1.7;
  color: var(--mlco-gray);
  margin: 0 0 20px;
}

.mlcost__factors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 11px;
}

.mlcost__factors li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 0.88rem;
  color: var(--mlco-ink);
  font-weight: 500;
}

.mlcost__factors li i {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.12);
  color: var(--mlco-green);
  font-size: 0.6rem;
}

.mlcost__box {
  background: var(--mlco-navy);
  border-radius: 16px;
  padding: 32px 26px;
  color: #FFFFFF;
}

.mlcost__box-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 90, 31, 0.22);
  color: var(--mlco-orange);
  font-size: 1.25rem;
  margin-bottom: 18px;
}

.mlcost__box-title {
  font-size: 1.2rem;
  font-weight: 800;
  margin: 0 0 10px;
}

.mlcost__box-text {
  font-size: 0.92rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 22px;
}

.mlcost__box-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--mlco-orange);
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  font-size: 0.92rem;
  font-weight: 700;
  padding: 14px 24px;
  transition: transform 0.2s ease, background 0.2s ease;
  justify-content: center;
}

.mlcost__box-btn:hover {
  background: #1b5ef7;
  transform: translateY(-2px);
}

@media (min-width: 600px) {
  .mlcost__factors { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .mlcost { padding: 30px; }
}

@media (min-width: 1100px) {
  .mlcost__container { flex-direction: row; gap: 40px; }
  .mlcost__text { flex: 1 1 60%; }
  .mlcost__box { flex: 1 1 40%; align-self: stretch; display: flex; flex-direction: column; }
}

/* SECTION-26 */
.mlfaq {
  --mlfq-ink: #15192E;
  --mlfq-gray: #5C6478;
  --mlfq-border: #E7EAF3;
  --mlfq-orange: #1b5ef7;
  --mlfq-bg: #F7F9FC;

  background: var(--mlfq-bg);
  padding: 30px;
}

.mlfaq__container {
  max-width: 880px;
  margin: 0 auto;
}

.mlfaq__heading {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--mlfq-ink);
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: -0.01em;
}

.mlfaq__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.mlfaq__item {
  background: #FFFFFF;
  border: 1px solid var(--mlfq-border);
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.mlfaq__item:hover {
  box-shadow: 0 10px 22px rgba(11, 19, 64, 0.06);
}

.mlfaq__question {
  cursor: pointer;
  width: 100%;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  text-align: left;
}

.mlfaq__question-text {
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--mlfq-ink);
  margin: 0;
}

.mlfaq__toggle {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 90, 31, 0.1);
  color: var(--mlfq-orange);
  font-size: 0.78rem;
  transition: transform 0.25s ease, background 0.25s ease;
}

.mlfaq__question[aria-expanded="true"] .mlfaq__toggle {
  transform: rotate(180deg);
  background: var(--mlfq-orange);
  color: #FFFFFF;
}

.mlfaq__answer {
  padding: 0 20px 18px;
}

.mlfaq__answer p {
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--mlfq-gray);
  margin: 0;
}

@media (min-width: 768px) {
  .mlfaq { padding: 30px; }
}

/* SECTION-27 */
.mlfinal {
  --mlfn-orange: #1b5ef7;
  --mlfn-navy: #0B1340;
  --mlfn-navy-soft: #131C46;

  background: linear-gradient(135deg, var(--mlfn-navy) 0%, var(--mlfn-navy-soft) 100%);
  padding: 30px;
  overflow: hidden;
}

.mlfinal__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 32px;
  text-align: center;
}

.mlfinal__content {
  color: #FFFFFF;
}

.mlfinal__heading {
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 800;
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}

.mlfinal__text {
  font-size: 0.98rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.75);
  max-width: 680px;
  margin: 0 auto 26px;
}

.mlfinal__cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 20px;
}

.mlfinal__btn {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  font-size: 0.96rem;
  font-weight: 700;
  padding: 15px 28px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mlfinal__btn--primary {
  background: var(--mlfn-orange);
  color: #FFFFFF;
  box-shadow: 0 10px 24px rgba(255, 90, 31, 0.32);
}

.mlfinal__btn--primary:hover {
  background: #1b5ef7;
  transform: translateY(-2px);
}

.mlfinal__btn--secondary {
  background: transparent;
  color: #FFFFFF;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
}

.mlfinal__btn--secondary:hover {
  border-color: #FFFFFF;
  transform: translateY(-2px);
}

.mlfinal__micro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.mlfinal__micro i {
  color: #4ADE80;
}

.mlfinal__visual {
  width: 200px;
  max-width: 60vw;
}

.mlfinal__svg {
  width: 100%;
  height: auto;
}

.mlfinal__ring {
  fill: none;
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 1.4;
}

.mlfinal__ring--outer {
  stroke-dasharray: 4 6;
  animation: mlfinalSpin 40s linear infinite;
  transform-origin: 110px 110px;
}

@keyframes mlfinalSpin {
  to { transform: rotate(360deg); }
}

.mlfinal__core {
  fill: var(--mlfn-orange);
}

.mlfinal__link {
  stroke: rgba(255, 255, 255, 0.18);
  stroke-width: 1.2;
}

.mlfinal__node {
  fill: #FFFFFF;
}

.mlfinal__node--a, .mlfinal__node--c { fill: #2F6FED; }
.mlfinal__node--b, .mlfinal__node--d { fill: #0EA5A4; }
.mlfinal__node--e, .mlfinal__node--f { fill: var(--mlfn-orange); }

@media (prefers-reduced-motion: reduce) {
  .mlfinal__ring--outer { animation: none; }
}

@media (min-width: 768px) {
  .mlfinal { padding: 30px; }
}

@media (min-width: 1100px) {
  .mlfinal__container {
    flex-direction: row;
    text-align: left;
    gap: 56px;
  }
  .mlfinal__content { flex: 1 1 60%; }
  .mlfinal__visual { flex: 1 1 40%; max-width: 280px; width: 100%; }
  .mlfinal__text { margin: 0 0 26px; }
  .mlfinal__cta-row { justify-content: flex-start; }
  .mlfinal__micro { justify-content: flex-start; }
}