/* Home page */
.hero-section { position: relative; height: 100vh; min-height: 600px; width: 100%; background: var(--dark); overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.hero-bg { position: absolute; inset: 0; z-index: 0; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.3; }
.hero-content { position: relative; z-index: 10; }
.about-section { background: #fff; padding-top: 64px; padding-bottom: 80px; }
.service-banner, .kerjasama-banner, .contact-banner { position: relative; height: 192px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.service-banner img, .kerjasama-banner img, .contact-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.service-section, .kerjasama-section, .contact-section { padding: 80px 32px; background: #fff; }
.service-card { border: 1px solid #e5e7eb; padding: 32px; transition: box-shadow 0.3s; }
.service-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.service-card.featured { border-top: 4px solid var(--red); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.partner-card { cursor: pointer; }
.partner-card-img { height: 208px; background: #1f2937; overflow: hidden; margin-bottom: 20px; position: relative; }
.partner-card-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; transition: transform 0.5s; }
.partner-card:hover .partner-card-img img { transform: scale(1.05); }
.partner-badge { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 0.7rem; font-weight: 700; padding: 4px 12px; text-transform: uppercase; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid #d1d5db; padding: 12px 16px; font-size: 0.875rem; transition: border-color 0.3s; }
.contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--red); }
.contact-form textarea { resize: none; }
.contact-form button { width: 100%; background: var(--red); color: #fff; padding: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: none; cursor: pointer; transition: background 0.3s; }
.contact-form button:hover { background: #d32f2f; }

/* Testimonial pagination */
.testimonial-nav {
  width: 40px;
  height: 40px;
  border: 1px solid #d1d5db;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition: all 0.3s;
}
.testimonial-nav:hover { background: var(--red); border-color: var(--red); color: #fff; }
.testimonial-dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #d1d5db;
  padding: 0;
  transition: all 0.3s;
}
.testimonial-dot.active { background: var(--red); width: 24px; }