/* Typography homepage — formal & konsisten (layanan pemerintah) */

.ppid-home-page {
    font-family: 'Open Sans', sans-serif;
    color: #5c6370;
    -webkit-font-smoothing: antialiased;
}

.ppid-home-page h1,
.ppid-home-page h2,
.ppid-home-page h3,
.ppid-home-page h4,
.ppid-home-page h5,
.ppid-home-page h6,
.ppid-home-page .section-title,
.ppid-home-page .head-title,
.ppid-home-page .footer-titel,
.ppid-home-page .ppid-sop-step h4,
.ppid-home-page .cta-text h4 {
    font-family: 'Open Sans', sans-serif !important;
    color: #1f2937;
    letter-spacing: 0;
}

/* --- Hero --- */
.ppid-home-page #hero-area .ppid-hero-eyebrow {
    margin: 0 0 0.75rem;
}

.ppid-home-page #hero-area .contents .head-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    color: #1f2937;
    margin-bottom: 1rem;
}

.ppid-home-page #hero-area .contents p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    color: #5c6370;
    max-width: 540px;
    margin-bottom: 0;
}

/* --- Judul section --- */
.ppid-home-page .section-title {
    font-size: 26px;
    font-weight: 700;
    color: #1f2937;
}

.ppid-home-page .section-header {
    margin-bottom: 2rem;
}

/* --- Survei CTA --- */
.ppid-home-page #cta .cta-text h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.ppid-home-page #cta .cta-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #5c6370;
}

/* --- Kartu permohonan --- */
.ppid-home-page .ppid-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.ppid-home-page .ppid-permohonan-section .services-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #5c6370;
}

/* --- Standar pelayanan --- */
.ppid-home-page .ppid-sop-step h4 {
    font-size: 15px;
    font-weight: 600;
}

.ppid-home-page .ppid-sop-step p {
    font-size: 14px;
    line-height: 1.55;
    color: #5c6370;
}

/* --- Statistik --- */
.ppid-home-page .ppid-stat-number {
    font-size: 1.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ppid-home-page .ppid-statistik-section .services-content p {
    font-size: 14px;
    color: #5c6370;
}

/* --- Kontak --- */
.ppid-home-page .ppid-contact-item strong {
    font-size: 14px;
    font-weight: 700;
    color: #1f2937;
}

.ppid-home-page .ppid-contact-item span,
.ppid-home-page .ppid-contact-item a {
    font-size: 14px;
    color: #5c6370;
}

/* --- Footer --- */
.ppid-home-page .ppid-footer .footer-titel {
    font-size: 15px;
    font-weight: 700;
}

.ppid-home-page .ppid-footer-tagline,
.ppid-home-page .ppid-footer .footer-link li a,
.ppid-home-page .ppid-footer .address li a,
.ppid-home-page .ppid-footer .address li a span {
    font-size: 14px;
    color: #5c6370;
}

.ppid-home-page #copyright p {
    font-size: 14px;
    color: #5c6370;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ppid-home-page #hero-area .contents .head-title {
        font-size: 30px;
    }
}

@media (max-width: 767.98px) {
    .ppid-home-page #hero-area .contents .head-title {
        font-size: 24px;
    }

    .ppid-home-page .section-title {
        font-size: 22px;
    }
}