/* Styles are loaded only by the public packages page. */
:root { --mp-rust: #862e0d; --mp-ink: #242723; --mp-muted: #6b7069; --mp-cream: #faf7f2; }
.header-section { border-bottom: 1px solid #ebe5de; background: #fff; }
.header-section .header-logo img { width: 185px; height: auto; max-height: 58px; object-fit: contain; }
.header-section .login-btn-2 { background: var(--mp-rust); border-radius: 999px; padding: 12px 24px; }
.menulyn-plans { color: var(--mp-ink); background: var(--mp-cream); }
.menulyn-plans h1, .menulyn-plans h2, .menulyn-plans h3, .menulyn-plans strong { font-family: inherit !important; letter-spacing: -.035em; }
.mp-hero { background: var(--mp-rust); color: #fff; padding: 76px 0 70px; text-align: center; }
.mp-eyebrow { display: block; color: var(--mp-rust); font-size: 12px; font-weight: 700; letter-spacing: .14em; margin-bottom: 16px; }
.mp-hero .mp-eyebrow { color: #f2c9ac; }
.mp-hero h1 { font-size: clamp(34px, 4vw, 54px); line-height: 1.12; max-width: 750px; margin: 0 auto 22px; color: #fff; }
.mp-hero p { color: #f5dfd3; font-size: 17px; line-height: 1.7; max-width: 640px; margin: 0 auto 28px; }
.mp-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 22px; background: var(--mp-rust); color: #fff; border: 1px solid var(--mp-rust); border-radius: 999px; font-size: 15px; font-weight: 600; text-decoration: none; transition: background .2s; }
.mp-button:hover { background: #652208; color: #fff; }
.mp-button-light { background: #fff; color: var(--mp-rust); border-color: #fff; }
.mp-button-light:hover { background: #f7e8df; color: var(--mp-rust); }
.mp-hero-note { display: block; margin-top: 22px; font-size: 13px; color: #f5dfd3; }
.mp-hero-note a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.mp-packages { padding: 64px 0; scroll-margin-top: 24px; }
.mp-section-heading { text-align: center; }
.mp-section-heading h2, .mp-help h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.2; margin-bottom: 14px; }
.mp-section-heading p { color: var(--mp-muted); margin-bottom: 26px; }
.mp-billing { display: flex; width: max-content; margin: 0 auto 36px; padding: 5px; background: #eee8df; border-radius: 999px; gap: 4px; }
.mp-billing button { border: 0; padding: 11px 27px; background: transparent; color: var(--mp-muted); border-radius: 999px; font-weight: 600; }
.mp-billing button[aria-pressed="true"] { background: var(--mp-rust); color: #fff; }
.mp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; align-items: stretch; }
.mp-card { border: 1px solid #e5ded5; border-radius: 20px; background: #fff; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 18px #38230e05; }
.mp-card[hidden] { display: none; }
.mp-popular { border: 2px solid var(--mp-rust); }
.mp-card-top { padding: 26px 26px 22px; border-bottom: 1px solid #eee8df; }
.mp-card-label { display: flex; justify-content: space-between; gap: 10px; align-items: center; min-height: 32px; margin-bottom: 22px; }
.mp-card h3 { font-size: 23px; margin: 0; }
.mp-badge { border-radius: 999px; padding: 5px 10px; background: #f8e8dd; color: var(--mp-rust); font-size: 11px; font-weight: 700; white-space: nowrap; }
.mp-price { display: flex; flex-wrap: wrap; gap: 7px; align-items: baseline; }
.mp-price strong { font-size: clamp(28px, 2.8vw, 38px); line-height: 1.2; overflow-wrap: anywhere; }
.mp-price > span, .mp-price-note { color: var(--mp-muted); font-size: 13px; }
.mp-price-note { min-height: 40px; margin: 10px 0 18px; }
.mp-capacity { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--mp-cream); padding: 12px 14px; border-radius: 10px; font-size: 13px; }
.mp-capacity strong { color: var(--mp-rust); letter-spacing: 0; }
.mp-card-body { padding: 24px 26px; display: flex; flex-direction: column; flex: 1; }
.mp-feature-heading { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; margin-bottom: 16px; }
.mp-features { padding: 0; margin: 0 0 24px; list-style: none; flex: 1; }
.mp-features li { display: flex; gap: 10px; font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
.mp-features li > span:first-child { color: var(--mp-rust); flex: 0 0 17px; font-weight: 700; }
.mp-features li.mp-unavailable, .mp-features li.mp-unavailable > span:first-child { color: #858981; }
.mp-card-body .mp-button { width: 100%; }
.mp-trial { background: #f2ede5; border-color: #ded4c6; }
.mp-trial .mp-card-top { border-color: #ded4c6; }
.mp-trial .mp-capacity { background: #fff9; }
.mp-trial .mp-button { background: transparent; color: var(--mp-rust); }
.mp-trial .mp-button:hover { background: #e7dacb; }
.mp-help { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; border-top: 1px solid #e5ded5; padding-top: 40px; padding-bottom: 56px; }
.mp-help p { color: var(--mp-muted); line-height: 1.8; margin: 0; align-self: center; }
.mp-empty { grid-column: 1 / -1; text-align: center; padding: 40px; }
.footer-section { background: #262b25; }
.mp-button:focus-visible, .mp-billing button:focus-visible { outline: 3px solid #c68b54; outline-offset: 4px; }
@media (max-width: 991px) { .mp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .mp-grid, .mp-help { grid-template-columns: 1fr; } .mp-hero { padding: 52px 0; } .mp-packages { padding: 44px 0; } .mp-help { gap: 16px; padding: 32px 12px; } .mp-card-top, .mp-card-body { padding: 22px; } .mp-hero p { font-size: 15px; } .header-section .header-logo img { width: 145px; } }