/* Paste your mockup CSS here (local copy). */


/* Prime Axis basic theme styles */
:root {
  --pa-navy: #0a1a2f;
  --pa-navy-2: #142f54;
  --pa-gold: #C9A54C;
  --pa-blue: #0F62FE;
  --wrap: 1200px;
}

body {
  font-family: 'Inter', Arial, sans-serif;
  margin: 0;
  color: #1a1a1a;
  background: #f7f9fc;
  line-height: 1.6;
}

/* wrapper used by header/footer */
.pa-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; }

/* HERO */
.pa-hero {
  background: linear-gradient(135deg, var(--pa-navy), var(--pa-navy-2));
  color: #fff;
  padding: 120px 20px;
}
.pa-hero h1 {
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.15;
  margin: 0 0 16px;
  font-weight: 800;
}
.pa-hero p { color: #CFD6EA; max-width: 680px; }

/* CTA buttons */
.pa-btn {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid transparent;
  margin-right: 12px;
}
.pa-btn.primary   { background: var(--pa-blue); color: #fff; }
.pa-btn.secondary { background: transparent; color: var(--pa-gold); border-color: var(--pa-gold); }
.pa-btn:hover     { transform: translateY(-2px); }

/* Solutions grid starter */
.pa-solutions { background:#fff; padding: 80px 0; }
.pa-solutions .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.pa-solutions .card {
  background:#ffffff; border:1px solid #e8edf4; border-radius:16px; padding:20px;
  transition: box-shadow .2s, transform .2s;
}
.pa-solutions .card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }

@media (max-width: 900px) {
  .pa-solutions .grid { grid-template-columns: 1fr; }
}