/* Hero */
.hero{background:#0f172a url('../img/placeholder.svg') center/cover no-repeat; padding:120px 0; border-bottom:1px solid #1f2937}
.hero h1{font-size: clamp(32px, 6vw, 56px); margin:0; color:#fff}
.hero p{max-width:700px; color:#cbd5e1}
.kicker{color:var(--accent); font-weight:800; letter-spacing:.8px; text-transform:uppercase}
.actions{display:flex; gap:12px; margin-top:18px}
.card-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:24px 0}
.card{background:#0f172a; border:1px solid #1f2937; border-radius:14px; padding:16px}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .actions {
    flex-direction: column;
    gap: 12px;
  }
  
  .actions .btn {
    width: 100%;
    margin: 0 !important;
  }
  
  /* Specific fix for inline-styled CTAs */
  section .btn {
    display: block !important;
    width: 100% !important;
    margin: 0.5rem 0 !important;
    box-sizing: border-box;
  }
}