/* Halaman publik SEO (tentang, kontak, syarat, dst). Tidak mengubah app.css. */
.pg { max-width: 820px; margin: 0 auto; padding: 18px 22px 40px; }
.pg-head { padding: 18px 0 10px; }
.pg-head h1 { font-size: clamp(1.7rem, 5vw, 2.4rem); line-height: 1.15; margin: 10px 0 12px; }
.pg-head .lead { color: var(--muted); font-size: 1.02rem; }
.pg-sec { padding: 20px 0 6px; }
.pg-sec h2 { font-size: 1.35rem; margin: 0 0 12px; }
.pg-sec h3 { font-size: 1.05rem; margin: 18px 0 8px; }
.pg-sec p, .pg-sec li { color: var(--ink); font-size: .96rem; line-height: 1.7; }
.pg-sec ul, .pg-sec ol { padding-left: 1.3rem; margin: 0 0 14px; }
.pg-sec a { color: var(--indigo); text-decoration: underline; text-underline-offset: 2px; }
.pg-note { border-left: 3px solid var(--indigo); background: var(--indigo-soft); padding: 12px 16px; border-radius: 8px; margin: 14px 0; }
.pg-note p { margin: 0 0 6px; font-size: .9rem; }
.pg-table { overflow-x: auto; margin: 12px 0 18px; }
.pg-table table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.pg-table th, .pg-table td { padding: 9px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.pg-table th { font-weight: 700; background: var(--surface); }
.pg-faq { margin-top: 4px; }
.pg-cta { margin: 28px 0 8px; padding: 22px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pub-foot { max-width: 820px; margin: 0 auto; padding: 24px 22px 34px; line-height: 2; }
.pub-foot a { color: inherit; }
/* Beranda: bagian copy di bawah hero */
.pg-home { max-width: 1160px; margin: 0 auto; padding: 24px 22px 8px; }
.pg-home .pg-sec { max-width: 820px; }