.article-promo{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"top actions" "title actions" "description actions" "benefits actions" "note actions";column-gap:22px;row-gap:4px;box-sizing:border-box;position:relative;left:50%;width:min(921px,calc(100vw - 40px));height:221px;margin:24px 0 30px;padding:16px 18px;transform:translateX(-50%);border:1px solid #839dff;border-radius:18px;background:linear-gradient(135deg,#f4f6ff,#e8ecff);box-shadow:0 14px 36px #02081726;color:#18213a;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-promo:hover{transform:translateX(-50%) translateY(-2px);border-color:#4e6cff;box-shadow:0 18px 42px #02081736}.article-promo:focus-visible{outline:3px solid #5fd9ff;outline-offset:4px}.article-promo-top{grid-area:top;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#4260cc;font-size:12px}.article-promo-top strong{display:inline-flex;padding:4px 10px;border-radius:999px;background:#4260e9;color:#fff;font-size:11px}.article-promo-title{grid-area:title;display:block;margin:0;color:#17203a;font-size:22px;font-weight:900;line-height:1.25}.article-promo-description{grid-area:description;display:block;color:#5e6b87;font-size:13px;line-height:1.45}.article-promo-benefits{grid-area:benefits;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px 20px;margin:0;color:#34415d;font-size:12px;line-height:1.35}.article-promo-benefits span::first-letter{color:#079779}.article-promo-actions{grid-area:actions;display:flex;align-self:center;align-items:stretch;flex-direction:column;gap:10px;margin:0}.article-promo-primary,.article-promo-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800}.article-promo-primary{background:#111;color:#fff}.article-promo-secondary{border:1px solid #bcc5d9;background:#f8f9ff;color:#4f5a70}.article-promo small{grid-area:note;display:block;margin:0;color:#71809b;font-size:10px;line-height:1.3}@media(max-width:820px){.article-promo{display:block;position:static;width:100%;height:auto;margin:20px 0 26px;padding:18px 16px;transform:none;border-radius:16px}.article-promo:hover{transform:translateY(-2px)}.article-promo-top{align-items:flex-start;flex-direction:column;gap:7px}.article-promo-title{margin:12px 0 7px;font-size:21px}.article-promo-description{font-size:14px;line-height:1.6}.article-promo-benefits{grid-template-columns:1fr;gap:8px;margin:14px 0;font-size:13px}.article-promo-actions{align-items:stretch;gap:9px;margin-top:16px}.article-promo small{margin-top:11px;font-size:11px}.article-promo-primary,.article-promo-secondary{width:100%}}