/* ══════════════════════════════════════════════════════════════════════
   NOVEXA Business — developer program + blog additions
   Reuses tokens, .btn, .input, .field, .tag, .card, .section-* and
   .access__point(s) from styles.css — only new layout is defined here.
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   DEVELOPER PROGRAM
   ══════════════════════════════════════════════════════════════════════ */
.dev-program-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:56px; }
.dev-program-item{ gap:10px; }
.dev-program-item__index{ font-family:var(--mono); font-size:11px; color:var(--color-accent); }
.dev-program-item .card-title{ font-size:16px; }
.dev-program-item .card-body{ font-size:13px; }

.dev-apply{ border:1px solid var(--color-divider); border-radius:var(--radius-lg); background:color-mix(in srgb,#232532 45%, transparent); padding:32px; }
.dev-apply__head{ max-width:60ch; margin-bottom:26px; }
.dev-apply__head h3{ margin:0 0 8px; }
.dev-apply__head p{ margin:0; font-size:14px; line-height:1.65; color:color-mix(in srgb, var(--color-text) 66%, transparent); }
.dev-form{ gap:22px; }

/* ══════════════════════════════════════════════════════════════════════
   NXDEV.BLOG
   ══════════════════════════════════════════════════════════════════════ */
.blog-grid{ display:grid; grid-template-columns:minmax(0,0.62fr) minmax(0,0.38fr); gap:56px; align-items:start; }
.blog-audience{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.blog-points{ margin:0; }
.blog-cta{ border:1px solid var(--color-divider); border-radius:var(--radius-lg); padding:28px; display:flex; flex-direction:column; gap:14px; background:color-mix(in srgb,#232532 45%, transparent); }
.blog-cta__kicker{ font-family:var(--mono); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--color-accent-2); }
.blog-cta__desc{ font-size:13.5px; line-height:1.6; color:color-mix(in srgb, var(--color-text) 66%, transparent); margin:0; }
.blog-cta .btn{ align-self:flex-start; }

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 980px){
  .dev-program-grid{ grid-template-columns:1fr 1fr; }
  .blog-grid{ grid-template-columns:1fr; gap:32px; }
}

@media (max-width: 640px){
  .dev-program-grid{ grid-template-columns:1fr; }
  .dev-apply{ padding:22px; }
}