/* Compact portfolio using the existing Bermuda palette and app logos. */
#portofolio,#konsultasi{scroll-margin-top:86px}.folio.band,.consultation.band{padding-top:60px;padding-bottom:60px}.folio-heading,.consult-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.folio h2,.consultation h2{font-size:clamp(27px,3vw,38px)}.folio .eyebrow,.consultation .eyebrow{margin-bottom:12px}.folio-download{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;text-decoration:none;color:var(--gold-terang);min-height:44px}.folio-icon{width:22px;height:22px;flex:none;display:inline-block}.folio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.folio-card{padding:21px 18px 14px;border:1px solid var(--garis);border-radius:18px;background:var(--kaca);display:flex;flex-direction:column;transition:border-color .2s,background .2s}.folio-card:hover{border-color:rgba(194,161,88,.5);background:var(--kaca-2)}.folio-app{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.folio-app img{width:52px;height:52px;object-fit:contain;border-radius:14px}.folio-card h3{font-size:20px;line-height:1.25}.folio-card>p{font-size:14px;color:var(--teks-70);margin:9px 0 20px;min-height:46px}.folio-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.folio-features li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.folio-features svg{color:var(--gold-terang);width:22px;height:22px}.folio-features span{min-height:31px}.folio-card-foot{margin-top:18px;border-top:1px solid var(--garis);padding-top:11px;display:flex;flex-direction:column;gap:5px;flex:1;justify-content:flex-end}.folio-note{font-size:12px;color:var(--teks-45);min-height:32px;line-height:1.4}.folio-link{display:flex;align-items:center;justify-content:space-between;color:var(--gold-terang);font-weight:700;font-size:14px;text-decoration:none;min-height:40px}.folio-link svg{width:18px;height:18px}.folio-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px;font-size:14px}.folio-bottom a{color:var(--teks-70);text-decoration:none;padding:8px 0}.folio-bottom a:last-child{color:var(--gold-terang)}.folio a:focus-visible,.consultation a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.consultation{background:var(--latar-2)}.consult-heading>div>p{font-size:16px;color:var(--teks-70);margin-top:14px}.consult-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:30px 0;padding:0}.consult-steps li{display:flex;align-items:center;gap:13px;padding:18px 15px;border:1px solid var(--garis);border-radius:14px;font-size:14px;font-weight:600}.consult-steps svg{color:var(--gold-terang);width:27px;height:27px}.consult-brief{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--garis);padding-top:28px}.consult-brief h3{font-size:18px}.consult-fields{display:flex;flex-wrap:wrap;list-style:none;gap:12px 22px;margin-top:18px;max-width:680px}.consult-fields li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--teks-70)}.consult-fields svg{width:18px;height:18px;color:var(--gold)}.consult-brief .btn{white-space:nowrap}.consult-note{font-size:12px;color:var(--teks-45);margin-top:23px}.top__nav{gap:16px;font-size:14px}
@media(min-width:821px) and (max-width:1100px){.top__nav a[href="#gratis"],.top__nav a[href="#faq"],.top__nav a[href="/#gratis"],.top__nav a[href="/#faq"],.top__nav a[href="/en/#gratis"],.top__nav a[href="/en/#faq"]{display:none}.top__nav{gap:12px}}
@media(max-width:1050px){.folio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folio-app{flex-direction:row;align-items:center}.folio-card>p{min-height:0}.folio-features{gap:16px}.folio-features li{font-size:14px}.folio-features span{min-height:20px}.folio-note{min-height:17px}.consult-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top__in{flex-wrap:wrap;gap:10px}.top__nav{flex-wrap:wrap;gap:14px}.top__nav a.folio-nav{display:inline-flex;align-items:center;min-height:44px}.folio-heading,.consult-heading,.consult-brief{align-items:flex-start;flex-direction:column}.consult-fields{max-width:100%}}
@media(max-width:580px){.top__nav{width:100%;justify-content:space-between;gap:10px}.top .btn{padding:10px 14px}.top__nav a.folio-nav{font-size:13px}#portofolio,#konsultasi{scroll-margin-top:130px}.folio.band,.consultation.band{padding-top:38px;padding-bottom:38px}.folio-heading{gap:12px;margin-bottom:20px}.folio-grid{grid-template-columns:1fr;gap:14px}.folio-card{padding:20px}.folio-app img{width:48px;height:48px}.folio-card>p{margin:10px 0 18px}.folio-features{gap:12px}.folio-card-foot{flex-direction:row;align-items:center;gap:12px;margin-top:15px}.folio-note{max-width:65%;font-size:12px}.folio-link{gap:12px;min-height:44px}.folio-bottom{margin-top:18px;gap:2px;flex-direction:column}.consult-heading .btn,.consult-brief .btn{width:100%}.consult-steps{gap:10px}.consult-steps li{flex-direction:column;align-items:flex-start;gap:12px;padding:18px;font-size:14px}.consult-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px}.consult-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.folio-card{transition:none}}

/* Keep the language switch accessible on small screens. */
@media(max-width:820px){.top__nav a.bahasa{display:inline-flex;align-items:center;min-height:44px}}