/* Newsletter section (shared across marketing pages) — extracted from the original style.css (lines 1317-1327) */
/* Newsletter */
.newsletter-section { padding: 64px 0; background: var(--bg-2); border-top: 1px solid var(--border); text-align: center; }
.newsletter-inner { max-width: 560px; margin-inline: auto; padding-inline: var(--px); }
.newsletter-inner .sec-tag { display: inline-flex; }
.nl-form { display: flex; gap: 10px; margin-top: 26px; }
.nl-input { flex: 1; padding: 13px 18px; background: var(--card); border: 1.5px solid var(--border); border-radius: var(--r-full); font-size: 0.86rem; color: var(--text); outline: none; font-family: var(--font); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.nl-input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(124,92,255,.15); }
.nl-btn { padding: 13px 26px; background: var(--primary-grad); color: #fff; border: none; border-radius: var(--r-full); font-size: 0.86rem; font-weight: 700; cursor: pointer; font-family: var(--font); white-space: nowrap; box-shadow: 0 4px 14px rgba(124,92,255,.3); transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease; }
.nl-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(124,92,255,.45); filter: brightness(1.05); }
.nl-note { font-size: 0.76rem; color: var(--text-light); margin-top: 14px; }


/* Responsive — extracted from the original style.css (line 1381) */
@media (max-width: 520px) {
  .nl-form { flex-direction: column; }
}