:root { --container: 1280px; }

/* Hero overrides */
.hero { padding: 60px 0 8px; }
.hero .body-18 { max-width: 620px; margin: 0 auto 40px; }
.hero-ctas { margin-bottom: 60px; }

.hero-image {
  max-width: none; margin: 0 auto; position: relative;
}
.hero-image img { display: block; width: 100%; height: auto; }

/* Partners */
.partners {
  padding: 8px 0 56px;
  border-bottom: 1px solid var(--neutral-03);
}
.partners-label {
  font-family: var(--font-inter); font-weight: 500; font-size: 15px;
  color: var(--neutral-06); text-align: center; margin-bottom: 24px;
}
.partner-logos {
  display: flex; align-items: center; justify-content: center;
  gap: 48px; flex-wrap: wrap;
}
.partner-logo {
  filter: grayscale(100%); opacity: 0.5;
  transition: filter 0.3s, opacity 0.3s;
}
.partner-logo:hover { filter: grayscale(0%); opacity: 1; }

/* Two column sections */
.two-col { display: flex; align-items: center; gap: 80px; }
.two-col > * { flex: 1; }
.two-col-visual { position: relative; }
.two-col-visual img {
  width: 100%; height: auto; display: block; border-radius: 12px;
}
.feature-list { list-style: none; display: flex; flex-direction: column; gap: 20px; margin-top: 24px; }
.feature-list li { border-left: 3px solid var(--primary); padding-left: 18px; }

/* Global reach map */
.global-reach-visual { flex: 1.35; }
.global-reach-visual img { width: 100%; height: auto; display: block; }

/* Three cards row / features row */
.cards-row { display: flex; gap: 24px; }
.cards-row .card { flex: 1; }
.features-row { display: flex; justify-content: space-between; gap: 40px; }
.feature-item { flex: 1; max-width: 367px; }
.feature-item .card-icon { margin-bottom: 24px; }

/* Integration flow */
.integration-flow-image { margin-top: 60px; }
/* Centralize / red section */
.section-red .section-title .body-18 { color: rgba(255,255,255,0.85); }
.dashboard-showcase {
  margin-top: 56px; display: flex; justify-content: center;
  gap: 24px; align-items: flex-start;
}
/* Case studies */
.case-cards { display: flex; gap: 24px; }
.case-card {
  flex: 1; background: var(--neutral-01);
  border-radius: 12px; overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  display: flex; flex-direction: column; text-decoration: none; color: inherit;
  transition: box-shadow 0.2s, transform 0.2s;
}
.case-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.1); transform: translateY(-2px); }
.case-card-image {
  height: 220px;
  background: linear-gradient(135deg, #e8e8e8 0%, #d0d0d0 100%);
  position: relative;
}
.case-card-image.retail { background: linear-gradient(135deg, #4a90a4 0%, #357a8a 100%); }
.case-card-image.saas { background: linear-gradient(135deg, #6a7a8a 0%, #4a5a6a 100%); }
.case-card-image.hospitality { background: linear-gradient(135deg, #8a7a6a 0%, #6a5a4a 100%); }
img.case-card-image { width: 100%; object-fit: cover; display: block; }
.case-card-body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.case-card-body h3 { margin-bottom: 12px; }
.case-card-body p { margin-bottom: 16px; }
.case-card-arrow { display: flex; justify-content: flex-end; margin-top: auto; }
.case-card-arrow svg { color: var(--primary); width: 20px; height: 20px; }
.case-header {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 56px;
}
.case-header-text { max-width: 500px; }
.case-header-text .h2 { margin-bottom: 16px; }