.marketing-section { padding: 5.5rem 0; }
.marketing-heading { max-width: 700px; margin: 0 auto 2rem; }
.marketing-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.marketing-card { min-width: 0; overflow: hidden; border: 1px solid rgba(148,163,184,.18); border-radius: 22px; background: rgba(20,31,47,.9); box-shadow: 0 18px 50px rgba(2,8,23,.18); transition: transform .25s ease, border-color .25s ease; }
.marketing-card:hover { transform: translateY(-5px); border-color: rgba(255,119,70,.5); }
.marketing-card__media { aspect-ratio: 16 / 9; background: rgba(255,255,255,.06); overflow: hidden; }
.marketing-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.marketing-card__icon { display: grid; place-items: center; min-height: 92px; color: #ffb000; font-size: 2rem; background: linear-gradient(135deg, rgba(255,119,70,.16), rgba(14,165,233,.08)); }
.marketing-card__body { padding: 1.2rem; }
.marketing-card__eyebrow { display: block; margin-bottom: .45rem; color: #ffb000; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.marketing-card h3 { margin: 0 0 .55rem; color: #f8fafc; font-size: 1.05rem; line-height: 1.3; }
.marketing-card p { margin: 0; color: #cbd5e1; font-size: .88rem; line-height: 1.6; }
.marketing-card__price { margin: .15rem 0 .65rem; color: #ffb000; font-size: 1.1rem; font-weight: 800; }
.marketing-card__link { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; color: #ffb000; font-weight: 750; text-decoration: none; }
.marketing-load-more-wrap { display: flex; justify-content: center; margin-top: 1.5rem; }
.marketing-load-more { border-color: rgba(255,255,255,.35); border-radius: 999px; padding: .75rem 1.5rem; }
body.theme-light .marketing-card { background: #fff; border-color: rgba(15,23,42,.1); }
body.theme-light .marketing-card h3 { color: #0f172a; }
body.theme-light .marketing-card p { color: #475569; }
@media (max-width: 1199px) { .marketing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 991px) { .marketing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .marketing-section { padding: 3.5rem 0; } .marketing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } .marketing-card { border-radius: 16px; } .marketing-card__body { padding: .9rem; } .marketing-card h3 { font-size: .92rem; } .marketing-card p { font-size: .78rem; line-height: 1.45; } .marketing-card__icon { min-height: 68px; font-size: 1.5rem; } }