.mmps-ranks { --mp-bg:#121624; --mp-card:#1d2538; --mp-line:#bca36b55; --mp-text:#f5e9cf; --mp-soft:#bbc0ce; --mp-gold:#e7c575; padding:32px 0; background:var(--mp-bg); color:var(--mp-text); clear:both; scroll-margin-top:100px; }
.mmps-ranks[data-mmps-tone="emerald"] { --mp-bg:#0c211f; --mp-card:#15322e; --mp-line:#b9a56c66; --mp-text:#f3ead4; --mp-soft:#bccfc7; }
.mmps-ranks[data-mmps-tone="ivory"] { --mp-bg:#eef6f1; --mp-card:#fffefa; --mp-line:#a6bca2; --mp-text:#173e35; --mp-soft:#527066; --mp-gold:#267e65; }
.mmps-ranks[data-mmps-tone="champagne"] { --mp-bg:#f8f4ea; --mp-card:#ffffff; --mp-line:#cab28166; --mp-text:#292040; --mp-soft:#696176; --mp-gold:#a48035; }
.mmps-ranks *, .mmps-ranks *::before, .mmps-ranks *::after { box-sizing:border-box; }
.mmps-ranks .mmps-wrap { width:calc(100% - 48px); max-width:1240px; margin:0 auto; padding:0; }
.mmps-ranks .mmps-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; }
.mmps-ranks .mmps-eyebrow { color:var(--mp-gold); font-size:11px; font-weight:700; letter-spacing:1px; }
.mmps-ranks h2 { color:var(--mp-text); margin:6px 0; font-size:clamp(24px,2.5vw,32px); line-height:1.8; }
.mmps-ranks .mmps-heading p { color:var(--mp-soft); font-size:14px; margin:0; line-height:1.9; }
.mmps-ranks .mmps-count { border:1px solid var(--mp-line); border-radius:50px; padding:8px 16px; font-size:12px; white-space:nowrap; color:var(--mp-soft); }
.mmps-ranks .mmps-count b { font:700 24px/1.4 system-ui,sans-serif; color:var(--mp-gold); margin-right:8px; }
.mmps-ranks .mmps-note { margin:0 0 18px; border-left:2px solid var(--mp-gold); padding:4px 14px; font-size:11px; line-height:1.9; color:var(--mp-soft); }
.mmps-ranks .mmps-list,.mmps-ranks .mmps-more-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.mmps-ranks .mmps-card { display:grid; grid-template-columns:230px minmax(0,1fr) 240px; position:relative; align-items:center; gap:16px 24px; margin:0; padding:24px 26px; border:1px solid var(--mp-line); border-radius:18px; background:var(--mp-card); color:var(--mp-text); box-shadow:0 6px 24px #0000000a; }
.mmps-ranks .mmep-rank-number { position:absolute; top:-1px; left:14px; display:grid; place-items:center; width:38px; height:44px; background:linear-gradient(130deg,#ffe9ae,#dcb45c); color:#3b2b10; border-radius:0 0 12px 12px; font:800 22px/1 system-ui,sans-serif; }
.mmps-ranks .mmep-rank-brand { min-width:0; text-align:center; padding-left:16px; }
.mmps-ranks .mmep-rank-logo { height:84px; width:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.mmps-ranks .mmep-rank-logo img { width:100%; height:100%; max-width:210px; object-fit:contain; border:0; box-shadow:none; border-radius:0; }
.mmps-ranks .mmep-rank-logo svg { width:100%; max-width:220px; height:84px; overflow:hidden; border-radius:8px; }
.mmps-ranks .mmep-rank-logo .mmps-logo-3 { max-width:100px; }
.mmps-ranks .mmep-rank-brand h3 { margin:8px 0 0; color:var(--mp-text); font:750 17px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.mmps-ranks .mmep-rank-offer { padding-left:24px; border-left:1px solid var(--mp-line); min-width:0; text-align:left; }
.mmps-ranks .mmep-rank-kicker { color:var(--mp-gold); font-size:10px; line-height:2; }
.mmps-ranks .mmep-rank-offer h4 { color:var(--mp-text); margin:4px 0 8px; font-size:19px; line-height:1.9; }
.mmps-ranks .mmps-offer-copy { color:var(--mp-soft); margin:0; font-size:12px; line-height:1.9; }
.mmps-ranks .mmep-rank-actions { min-width:0; text-align:center; }
.mmps-ranks .mmep-cta { display:flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:12px 16px; border-radius:50px; color:#33250a; background:linear-gradient(110deg,#ffe79e,#edc66b); font-size:14px; font-weight:800; line-height:1.8; text-decoration:none; }
.mmps-ranks .mmep-cta span { font:500 25px/1 system-ui,sans-serif; }
.mmps-ranks .mmep-cta:hover { background:#ffe8a3; color:#231702; }
.mmps-ranks .mmep-destination { display:block!important; margin-top:8px; color:var(--mp-soft); font-size:10px; line-height:1.8; }
.mmps-ranks .mmep-rank-bottom { grid-column:1/-1; border-top:1px solid var(--mp-line); padding-top:10px; }
.mmps-ranks .mmep-rank-bottom p { color:var(--mp-soft); margin:0; font-size:10px; line-height:1.9; }
.mmps-ranks .mmps-more > summary { display:flex; justify-content:center; align-items:center; gap:16px; cursor:pointer; list-style:none; padding:14px 20px; border:1px solid var(--mp-line); border-radius:12px; background:var(--mp-card); color:var(--mp-text); font-size:13px; font-weight:700; line-height:1.9; }
.mmps-ranks .mmps-more > summary::-webkit-details-marker { display:none; }
.mmps-ranks .mmps-more-cards { margin-top:14px; }
.mmps-ranks .mmps-hide,.mmps-ranks .mmps-more[open] .mmps-show { display:none; }
.mmps-ranks .mmps-more[open] .mmps-hide { display:inline; }
.mmps-ranks .mmps-plus { font:400 24px/1 system-ui,sans-serif; }
.mmps-ranks .mmps-more[open] .mmps-plus { transform:rotate(45deg); }
.mmps-ranks .mmps-footnote { margin:16px 0 0; color:var(--mp-soft); font-size:10px; line-height:1.8; }
.mmps-ranks :is(a,summary):focus-visible { outline:3px solid var(--mp-gold); outline-offset:4px; }
@media(max-width:1000px) { .mmps-ranks .mmps-card { grid-template-columns:180px minmax(0,1fr) 200px; gap:16px; padding:22px 18px; } .mmps-ranks .mmep-rank-offer h4 { font-size:16px; } .mmps-ranks .mmep-cta { font-size:12px; } }
@media(max-width:760px) {
 .mmps-ranks .mmps-wrap { width:calc(100% - 28px); } .mmps-ranks .mmps-count { display:none; } .mmps-ranks .mmps-heading p { font-size:12px; } .mmps-ranks h2 { font-size:23px; }
 .mmps-ranks .mmps-card { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:14px; padding:26px 16px 16px; }
 .mmps-ranks .mmep-rank-brand { padding-left:0; } .mmps-ranks .mmep-rank-brand h3 { font-size:15px; }
 .mmps-ranks .mmep-rank-number { width:30px; height:34px; font-size:17px; }
 .mmps-ranks .mmep-rank-logo,.mmps-ranks .mmep-rank-logo svg { height:64px; } .mmps-ranks .mmep-rank-logo .mmps-logo-3 { max-width:78px; }
 .mmps-ranks .mmep-rank-offer { padding-left:14px; } .mmps-ranks .mmep-rank-offer h4 { font-size:14px; } .mmps-ranks .mmps-offer-copy { font-size:10px; }
 .mmps-ranks .mmep-rank-actions { grid-column:1/-1; border-top:1px solid var(--mp-line); padding-top:12px; } .mmps-ranks .mmep-cta { min-height:48px; font-size:13px; }
 .mmps-ranks .mmps-more > summary { font-size:11px; }
}