.max-benefits { padding: 3px 0; background: var(--sws-dark); color: #fff; }
.max-benefits-inner { position: relative; isolation: isolate; display: flex; align-items: stretch; min-height: 97px; border: 1px solid #12333d; background: linear-gradient(135deg, #ffffff1a, transparent 18%), linear-gradient(110deg, #101516, #020708 70%); clip-path: polygon(0 0, 100% 0, 100% 100%, 29px 100%, 0 calc(100% - 32px)); }
.max-benefits-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); flex: 1; min-width: 0; align-items: center; gap: 0; list-style: none; padding: 0 20px 0 36px; margin: 0; }
.max-benefit { min-width: 0; display: flex; align-items: center; gap: 13px; padding: 0 24px; border-right: 1px solid #1a3038; }
.max-benefit:first-child { padding-left: 20px; }
.max-benefit:last-child { border: 0; }
.max-benefit > svg { width: 42px; height: 42px; flex-shrink: 0; color: #00bde8; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.max-benefit strong, .max-benefit span span { display: block; overflow-wrap: anywhere; white-space: normal; font: 400 15px/1.5 Roboto, Arial, sans-serif; text-transform: uppercase; }
.max-benefit strong { font-size: 16px; }
.max-benefits-collections { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; flex: 0 0 275px; padding: 14px 25px 14px 35px; }
.max-benefits-collections::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(125deg, transparent 33px, #00b8df 34px, #00b8df 35px, #001017 36px, #020708 65%); }
.max-benefits-cta { color: #fff; text-decoration: none; text-transform: uppercase; white-space: nowrap; font: 400 16px/1.4 Roboto, Arial, sans-serif; letter-spacing: .3px; }
.max-benefits-socials { display: flex; align-items: center; gap: 27px; }
.max-benefits-socials > * { display: flex; align-items: center; justify-content: center; width: 24px; height: 26px; color: #00bde8; }
.max-benefits-socials svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; }
.max-benefits a:hover { color: #68e6ff; }
.max-benefits a:focus-visible { outline: 2px solid #00bde8; outline-offset: 4px; }
@media (max-width: 1400px) {
    .max-benefits-list { padding-left: 16px; padding-right: 12px; }
    .max-benefit, .max-benefit:first-child { padding: 0 14px; gap: 10px; }
    .max-benefit strong { font-size: 14px; }
    .max-benefit span span { font-size: 12px; }
    .max-benefit > svg { width: 34px; height: 38px; }
    .max-benefits-collections { flex-basis: 240px; padding-right: 16px; }
    .max-benefits-cta { font-size: 14px; }
}
@media (max-width: 1400px) {
    .max-benefits-inner { flex-direction: column; }
    .max-benefits-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 0; padding: 28px 16px; }
    .max-benefits-collections { flex-basis: auto; padding: 20px; border-top: 1px solid #12333d; }
    .max-benefits-collections::before { background: linear-gradient(125deg, #001017, #020708 45%); }
}
@media (max-width: 600px) {
    .max-benefits { padding: 8px 12px; }
    .max-benefits-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; padding: 24px 16px; }
    .max-benefit, .max-benefit:first-child { padding: 0; border: 0; gap: 10px; }
    .max-benefit strong, .max-benefit span span { white-space: normal; }
    .max-benefit strong { font-size: 13px; }
    .max-benefit:last-child { grid-column: 1 / -1; justify-self: center; }
}

.max-benefit > span { min-width: 0; }
@media (max-width: 359px) {
    .max-benefits-list { grid-template-columns: minmax(0, 1fr); }
    .max-benefit:last-child { justify-self: start; }
}