.exu-pg { font-family: 'DM Sans', sans-serif; }
.exu-pg-header { text-align: center; margin-bottom: 48px; }
.exu-pg-heading { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 38px; font-weight: 700; color: #002045; margin: 0 0 12px; letter-spacing: -0.015em; }
.exu-pg-divider { width: 50px; height: 3px; background: #D4AF37; border-radius: 2px; margin: 0 auto 16px; }
.exu-pg-subheading { font-size: 16px; color: #64748B; line-height: 1.6; margin: 0 auto; max-width: 600px; }
.exu-pg-grid { display: grid; gap: 24px; align-items: stretch; }
.exu-pg-grid.columns-1 { grid-template-columns: 1fr; }
.exu-pg-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.exu-pg-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.exu-pg-card { background: #ffffff; border: 1px solid #eef2f6; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s ease; }
.exu-pg-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px -8px rgba(0,32,69,0.12); }
.exu-pg-card-image { height: 200px; min-height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: flex-end; justify-content: flex-start; padding: 16px; margin: 0; overflow: hidden; width: 100%; }
.exu-pg-card-image--noimg { background: linear-gradient(135deg,#f1f4f9 0%,#e8ecf4 100%); align-items: center; justify-content: center; }
.exu-pg-card-icon-wrap { background: rgba(0,0,0,0); border-radius: 16px; padding: 0; display: flex; align-items: center; justify-content: center; }
.exu-pg-card-icon-wrap--center { background: #002045; width: 72px; height: 72px; border-radius: 50%; }
.exu-pg-card-icon { font-size: 40px; color: #ffffff; display: block; line-height: 1; }
.exu-pg-card-icon--large { font-size: 32px; color: #D4AF37; }
.exu-pg-card-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.exu-pg-badge { display: inline-block; background: #D4AF37; color: #ffffff; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 14px; border-radius: 100px; margin-bottom: 12px; align-self: flex-start; }
.exu-pg-card-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px; font-weight: 600; color: #002045; line-height: 1.3; margin: 0 0 8px; }
.exu-pg-card-desc { font-size: 14px; color: #64748B; line-height: 1.6; margin: 0 0 16px; }
.exu-pg-specs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.exu-pg-spec { display: inline-block; background: #f1f4f9; color: #475569; font-size: 12px; font-weight: 500; padding: 5px 12px; border-radius: 8px; line-height: 1.3; }
@media (max-width: 992px) { .exu-pg-grid.columns-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .exu-pg-heading { font-size: 28px; } }
@media (max-width: 640px) { .exu-pg-grid.columns-2, .exu-pg-grid.columns-3 { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .exu-pg-heading { font-size: 24px; } .exu-pg-card-body { padding: 20px; } }