/* Brand pills retain their intrinsic width; status is a sibling outside the pill. */
.ma-site .ma-content .ig-grid{align-items:start}
.ma-site .ma-content .ma-bank-group{grid-column:auto;min-width:0}
.ma-site .ma-integration-item{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%;min-width:0;vertical-align:top}
.ma-site .ma-content .ma-integration-item>.ma-integration-badge{display:inline-flex;width:max-content;max-width:100%;flex:none;flex-wrap:nowrap;white-space:nowrap;box-sizing:border-box}
.ma-site .ma-integration-item>.ma-integration-status{display:block;background:none;border:0;border-radius:0;padding:0 2px;color:#69766e;font:500 12px/1.4 Inter,sans-serif;white-space:nowrap}
.ma-site .ma-integration-item.is-planned>.ma-integration-badge{background:#f7f9f8;color:#69766e}
.ma-site .ma-content .ma-bank-group .badges{display:grid;grid-template-columns:max-content max-content;gap:12px 8px;justify-content:start;align-items:start}
.ma-site .ma-content .ma-bank-group .ma-integration-badge{padding:6px;gap:5px}
.ma-site .ma-bank-group .ma-integration-badge>span:last-of-type{font-size:12px;white-space:nowrap}
.ma-site .ma-bank-group .ma-integration-mark,.ma-site .ma-bank-group .ma-integration-mark img{width:20px;height:20px;min-width:20px;flex:0 0 20px;object-fit:contain}
@media(min-width:601px) and (max-width:1279px){.ma-site .ma-content .ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Header and CTA occupy their own rows. Only the middle row can scroll. */
.ma-native .ma-theme-demand .ma-demand-viewport{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}
.ma-native .ma-theme-demand .ma-demand-viewport>.phead{position:relative;z-index:1}
.ma-native .ma-theme-demand .ma-demand-scroll{min-height:0;min-width:0;padding-bottom:14px;overflow-y:auto;overflow-x:hidden}
.ma-native .ma-theme-demand .ma-demand-scroll>.mwrap{min-height:280px;height:auto;flex-shrink:0}
.ma-native .ma-theme-demand .ma-demand-scroll .mherobody{padding:120px 16px 22px}
.ma-native .ma-theme-demand .ma-demand-scroll .mherobody h4{overflow-wrap:normal;word-break:normal;hyphens:none}
.ma-native .ma-theme-demand .ma-demand-scroll>.cdbar{margin:12px 14px 0;z-index:auto}
.ma-native .ma-theme-demand .ma-demand-viewport>.mcta{position:relative;inset:auto;z-index:1;margin:0;padding:10px 12px 14px;background:#fff;backdrop-filter:none;border-top:1px solid #e5e9e7;box-sizing:border-box;min-width:0}
.ma-native .ma-theme-demand .ma-demand-viewport>.mcta .b{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:12px 9px;margin:0;font-size:14px;line-height:1.35;overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal}
.ma-native .ma-theme-demand .ma-demand-scroll .offer .pr{flex-wrap:wrap}
.ma-native .ma-theme-demand .ma-demand-scroll .offer .pr>span{white-space:nowrap}
.ma-native .ma-theme-demand .ma-demand-scroll .offer .pr .un{flex-basis:100%}

/* Optional Start extras: touch targets, readable text, unbroken prices. */
.ma-start-options{display:grid;gap:12px;margin:20px 0}.ma-start-options[hidden]{display:none!important}.ma-start-options h3{font-size:20px;margin:0 0 4px}.ma-start-options .ma-check{padding:16px;gap:12px;border-radius:18px;background:#eaf9f6;font-size:15px;line-height:1.5;min-width:0;cursor:pointer}.ma-start-options .ma-check input{width:22px;height:22px;min-width:22px;margin:2px 0 0}.ma-start-options strong,.ma-start-options small{display:block}.ma-start-options strong{font-size:16px}.ma-start-options small{font-size:14px;margin:4px 0 8px}.ma-start-options b{white-space:nowrap}.ma-start-options p{font-size:14px;line-height:1.6;margin:0}.ma-dialog .ma-summary-lines b{white-space:nowrap;flex-shrink:0}@media(max-width:680px){.ma-start-options .ma-check{padding:14px;font-size:15px}.ma-start-options small,.ma-start-options p{font-size:14px}.ma-dialog .ma-summary-lines li{font-size:14px}.ma-start-options .ma-check>span{min-width:0;overflow-wrap:break-word;word-break:normal}}

/* 0.9.20: Start is a monthly purchase; keep the period beside its price. */
.ma-site .ma-tariff-start .ma-activation-line{justify-content:flex-start;align-items:baseline;gap:8px;white-space:nowrap}
.ma-site .ma-tariff-start .ma-activation-line>span{font-size:15px;line-height:1.4;white-space:nowrap;flex:0 0 auto;margin:0}
.ma-site .ma-tariff-start>.ma-tariff-cost,.ma-site .ma-tariff-start>.ma-tariff-bottom{align-self:start}
.ma-site .ma-tariff-start .ma-tariff-desc{font-size:15px;line-height:1.6}
@media(max-width:680px){
 .ma-site .ma-tariff .ma-tariff-desc,.ma-site .ma-tariff .ma-subscription-note{font-size:15px;line-height:1.6}
 .ma-site .ma-lead-form input:not([type=checkbox]),.ma-site .ma-lead-form textarea,.ma-site .ma-lead-form select,.ma-site .ma-lead-form .ma-choice-trigger{font-size:16px}
 .ma-site .ma-lead-form .ma-lead-hint,.ma-site .ma-lead-form .ma-check{font-size:14px;line-height:1.6}
 .ma-site .ma-tariff-start .ma-messenger-price{min-width:0}
}
