/* CSS Reset/Normalize untuk pengaturan bersih */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

input, textarea, select {
  margin: 0;
  padding: 0;
  font: inherit;
  border: 1px solid #ccc;
  border-radius: 0;
}

/* Utilitas Debug - Aktifkan saat debugging */
/*
* {
  box-sizing: border-box;
  outline: 1px solid limegreen !important;
}
*/

/* Struktur umum yang akan dibuat:
- Reset margin dan padding
- Atur font dan warna dasar
- Buat tata letak responsif dengan media queries
- Desain elemen untuk setiap bagian:

Navbar - Bagian navigasi di bagian atas halaman
Hero - Bagian utama dengan gambar latar belakang dan teks promosi
About Us - Bagian tentang perusahaan atau tim
Mission Statement - Bagian yang menampilkan misi organisasi
Our Projects - Galeri atau daftar proyek yang telah dikerjakan
Contact Us - Formulir kontak dan informasi hubungan
Footer - Bagian bawah halaman dengan informasi tambahan
*/

/* Contoh struktur CSS untuk setiap bagian:
.navbar { }
.hero { }
.about-us { }
.mission-statement { }
.our-projects { }
.contact-us { }
.footer { }
*/

/* Media Queries untuk Responsif:
- Tablet: @media screen and (max-width: 768px)
- Mobile: @media screen and (max-width: 480px)
*/