.fairiche-content { padding-top: 146px; }
.fairiche-preview { border-left: 2px solid var(--accent); padding: 12px 20px; font-size: 14px; line-height: 1.8; color: var(--stone); }
.fairiche-content button:disabled, #newsletter button:disabled { cursor: not-allowed; }
.fairiche-marketing-section { padding: 64px 24px; }
.fairiche-marketing-section > div { max-width: 1440px; margin-inline: auto; }
.fairiche-marketing-section h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; }
.fairiche-marketing-grid { display: grid; gap: 32px; margin-top: 40px; }
.fairiche-marketing-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.fairiche-marketing-grid h3 { font-size: 24px; margin-top: 24px; }
.fairiche-marketing-grid p { margin-top: 16px; line-height: 1.8; }
.fairiche-loyalty-hero { min-height: 620px; position: relative; display: flex; align-items: center; }
.fairiche-loyalty-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fairiche-loyalty-hero__copy { position: relative; max-width: 620px; margin: 40px 24px; padding: 32px; background: var(--ivory); }
.fairiche-loyalty-hero h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.15; }
.fairiche-benefits { width: 100%; min-width: 560px; border-collapse: collapse; text-align: left; }
.fairiche-benefits th, .fairiche-benefits td { padding: 20px 16px; border-bottom: 1px solid var(--line); }
.fairiche-benefits thead { background: var(--mist); }
.fairiche-benefits td { font-size: 13px; color: var(--stone); }
@media (min-width: 768px) { .fairiche-marketing-section { padding: 80px 48px; } .fairiche-marketing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .fairiche-loyalty-hero__copy { margin-left: 6%; } }
@media (max-width: 767px) { .fairiche-content { padding-top: 112px; } }