/* ==========================================================
   Necveal - CSS halaman statis (About, Contact, Legal, FAQ, dll)
   ========================================================== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page-top{padding:56px 0 34px}
.page-top .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(89,130,255,.25);background:rgba(61,87,255,.08);border-radius:999px;color:#8fcfff;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.page-top h1{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.04em;margin:16px 0 14px}
.page-top .lead{color:var(--muted);max-width:720px;margin:0;line-height:1.75;font-size:17px}
.page-top .updated{margin:14px 0 0;color:#657083;font-size:13px}

/* Teks panjang (legal, about) */
.prose{max-width:820px;padding-bottom:80px;color:#c4ccd9;line-height:1.8;font-size:16px}
.prose h2{font-size:24px;letter-spacing:-.02em;color:var(--text);margin:42px 0 12px;line-height:1.3}
.prose h3{font-size:18px;color:var(--text);margin:28px 0 8px}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin:6px 0}
.prose a{color:#57d6ff;text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--text)}
.prose .callout{margin:24px 0;padding:18px 20px;border:1px solid rgba(89,130,255,.25);background:rgba(61,87,255,.07);border-radius:14px;color:#c4ccd9}

/* Kartu info (About / Contact) */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 56px}
.info-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:rgba(12,17,28,.7)}
.info-card .icon{margin-bottom:16px}
.info-card h3{margin:0 0 8px;font-size:18px}.info-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
.info-card a.link{display:inline-block;margin-top:10px;color:#57d6ff;font-weight:700;font-size:14px}
.info-card a.link:hover{text-decoration:underline}
.contact-grid{grid-template-columns:repeat(2,1fr)}

/* FAQ halaman penuh */
.faq-page{max-width:860px;padding-bottom:80px}
.faq-page h2{font-size:22px;margin:38px 0 6px;letter-spacing:-.02em}
.faq-page details{border-bottom:1px solid var(--line);padding:19px 0}
.faq-page summary{cursor:pointer;font-weight:700;line-height:1.5}
.faq-page details p{color:var(--muted);line-height:1.75;font-size:15px;margin:12px 0 0}

.page-cta{margin-bottom:80px}

/* Halaman pricing */
.pricing-page{padding-bottom:30px}
.pricing-page .section{padding-top:10px}

@media(max-width:800px){.info-grid{grid-template-columns:1fr 1fr}.page-top{padding:40px 0 26px}.prose{font-size:15px}}
@media(max-width:520px){.info-grid,.contact-grid{grid-template-columns:1fr}}