/* Alat Gratis — semua kelas diawali ag- */
.ag-root { color: #ffffff; font-family: inherit; padding-bottom: 80px; }
.ag-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.ag-hero { max-width: 820px; margin: 0 auto; padding: 72px 16px 48px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; box-sizing: border-box; }
.ag-kicker { font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #001233; background: #FFD60A; padding: 6px 14px; border-radius: 999px; }
.ag-h1 { margin: 0; font-size: 48px; line-height: 1.12; font-weight: 700; color: #FFD60A; }
.ag-lead { margin: 0; font-size: 18px; line-height: 1.6; color: #cfdaf0; max-width: 680px; }
.ag-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ag-card { background: #001845; border: 1px solid #0a2a5c; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 12px; }
.ag-featured { grid-column: 1 / -1; border: 2px solid #FFD60A; background: #0a2a5c; }
.ag-featured .ag-p { max-width: 720px; }
.ag-badge { align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: .1em; color: #001233; background: #FFD60A; padding: 4px 10px; border-radius: 999px; }
.ag-icon { width: 60px; height: 60px; border-radius: 14px; background: #1a315b; display: flex; align-items: center; justify-content: center; }
.ag-h2 { margin: 0; font-size: 24px; line-height: 1.25; color: #ffffff !important; }
.ag-gold { color: #FFD60A !important; }
.ag-p { margin: 0; font-size: 16px; line-height: 1.6; color: #b6c6e2; }
.ag-soft { color: #cfdaf0; }
.ag-meta { margin: 0; font-size: 14px; color: #8fa6c9; }
.ag-btn { margin-top: auto; align-self: flex-start; height: 52px; padding: 0 24px; display: inline-flex; align-items: center; gap: 10px; background: #FFD60A; color: #001233 !important; font-weight: 800; font-size: 16px; border-radius: 10px; text-decoration: none; }
.ag-card .ag-btn { margin-top: 10px; }
.ag-btn:hover { opacity: .92; }
.ag-btn2 { background: transparent; color: #ffffff !important; border: 1px solid #4895EF; font-weight: 500; }
.ag-cta { margin-top: 48px; background: #1a315b; border-radius: 18px; padding: 32px; display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ag-ctatext { flex: 1 1 380px; display: flex; flex-direction: column; gap: 8px; }
.ag-ctabtns { display: flex; gap: 12px; flex-wrap: wrap; }
.ag-ctabtns .ag-btn { margin-top: 0; }
@media (max-width: 47.99rem) {
  .ag-hero { padding-top: 48px; }
  .ag-h1 { font-size: 34px; }
  .ag-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ag-card { padding: 24px; }
  .ag-h2 { font-size: 21px; }
  .ag-cta { padding: 24px; }
  .ag-ctabtns, .ag-ctabtns .ag-btn { width: 100%; justify-content: center; }
}