body.page-about .container{max-width:1000px}
.page-header{background:var(--secondary);padding:3rem 2rem;text-align:center}
.page-header h1{font-size:2rem;font-weight:900;color:#fff;margin-bottom:8px}
.page-header p{color:rgba(255,255,255,.5);font-size:14px;max-width:480px;margin:0 auto}
body.page-about .sec-title{font-size:1.5rem;font-weight:800;color:var(--secondary);margin-bottom:1rem}
.body-text{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:1rem}
#tentang{background:var(--bg)}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:1.5rem}
.mv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}
.mv-icon{width:44px;height:44px;border-radius:14px;background:rgba(214,12,62,.08);border:1px solid rgba(214,12,62,.14);display:grid;place-items:center;margin-bottom:12px}
.mv-icon svg{width:20px;height:20px;stroke:var(--primary);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mv-card h3{font-size:15px;font-weight:700;color:var(--secondary);margin-bottom:.5rem}
.mv-card p{font-size:13px;color:var(--muted);line-height:1.65}
#teknologi{background:var(--surface)}
.tech-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}
.chip{background:var(--bg);border:1px solid var(--border);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--secondary);display:flex;align-items:center;gap:6px}
.chip span{display:none}
.chip svg{width:16px;height:16px;stroke:var(--secondary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#faq{background:var(--bg)}
.faq-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.faq-q{width:100%;padding:1rem 1.25rem;background:var(--bg);border:none;text-align:left;font-size:14px;font-weight:600;font-family:var(--font);color:var(--secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.2s}
.faq-q:hover{background:var(--surface)}
.faq-q .arr{font-size:18px;color:var(--primary);transition:transform .2s;line-height:1}
.faq-item.open .faq-q .arr{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}
.faq-item.open .faq-a{max-height:200px;padding:0 1.25rem 1rem}
.faq-a p{font-size:13px;color:var(--muted);line-height:1.7}
@media(max-width:768px){
  .mv-grid{grid-template-columns:1fr}
}