- Jumlah Section: 9 (Hero, Services, About, Results, Process, Case Studies, Testimonials, CTA, Contact)
- Tech Stack: HTML5, Tailwind CSS (Play CDN), Vanilla JavaScript
- Library: AOS 2.3.1 (scroll animation), Google Fonts. Tidak menggunakan Swiper (testimonial single quote)
- Typography: Fraunces (serif editorial, heading) + Inter (sans-serif, body)
- Color Palette: Emerald (#0F4C3A) sebagai primary, Ivory (#F7F5F0) sebagai background, Charcoal (#1C2320) untuk teks
- Layout Approach: Asymmetric Magazine — CSS Grid dengan irregular spans, vertical list (bukan card grid), horizontal scroll section, single large pull quote (bukan slider)
- Fitur Interaktif:
* Adaptive navbar (transparent di hero → ivory glass saat scroll, text color berubah)
* Scrollspy active link
* Mobile hamburger menu
* Services sebagai vertical list dengan large numbers dan horizontal dividers
* Horizontal scroll Results section
* Vertical timeline Process dengan glowing nodes
* Asymmetric masonry Case Studies
* Animated counters dengan data-suffix
* Form validation (contact form)
* Back-to-top button
* Smooth scroll untuk anchor links
- Responsive: Mobile-first, tested on 375px / 768px / 1440px
- Aksesibilitas: Focus-visible, aria labels, prefers-reduced-motion support
- SEO: Semantic HTML5, meta description, Open Graph tags
- Gambar: Semua gambar tersimpan lokal di assets/img/ (tidak bergantung pada CDN eksternal)
- File Structure: index.html, assets/css/style.css, assets/js/main.js, assets/img/ (gambar lokal), README.md, docs/