/* Homepage introduction only; existing navigation and editors keep their styles. */
.signature-promo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"copy preview" "cta preview";gap:16px 28px;align-items:center}
.signature-promo-copy{grid-area:copy;min-width:0}
.signature-promo-new{display:inline-block;margin-bottom:10px}
.signature-promo h2{margin:0 0 8px;font-size:clamp(22px,3vw,28px);color:#57406b}
.signature-promo-catch{font-weight:700;font-size:18px;line-height:1.6}
.signature-promo-copy p:last-child{margin-bottom:0;font-size:15px}
.signature-promo-preview{grid-area:preview;min-width:0;margin:0;display:grid;gap:8px}
.signature-promo-preview>div{min-width:0;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px;background:#f8f5f9;border:1px solid #e8e0d7;border-radius:12px;padding:8px 10px}
.signature-promo-preview span{font-size:12px;font-weight:600;color:#57406b;overflow-wrap:anywhere}
.signature-promo-preview img{width:100%;height:76px;display:block;object-fit:contain;min-width:0}
.signature-promo-preview figcaption{font-size:12px;color:#635b67;line-height:1.6}
.signature-promo-cta{grid-area:cta;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #57406b;border-radius:10px;padding:10px 18px;text-align:center;text-decoration:none;max-width:100%;overflow-wrap:anywhere;font-size:16px;font-weight:600}
.signature-promo-cta:hover{background:#453154;color:#fff;text-decoration:none}
@media(max-width:700px){.signature-promo{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "preview" "cta";gap:16px}.signature-promo-cta{width:100%;justify-self:stretch}.signature-promo-preview>div{grid-template-columns:92px minmax(0,1fr)}.signature-promo-catch{font-size:17px}}