/* Compact plan comparison: four plans share one row on desktop. */
/* Make the two primary destinations easy to distinguish in desktop and mobile navigation. */
.m-nav-link[href="#/shop"] { --nav-accent:#3861f9; --nav-accent-hover:#294bd5; }
.m-nav-link[href="#/invite"] { --nav-accent:#7c3aed; --nav-accent-hover:#6d28d9; }
.m-nav-link[href="#/shop"],.m-nav-link[href="#/invite"] { color:var(--nav-accent)!important; font-weight:650; }
.m-nav-link[href="#/shop"]:hover,.m-nav-link[href="#/invite"]:hover { color:var(--nav-accent-hover)!important; }
.m-nav-link[href="#/shop"].is-active,.m-nav-link[href="#/invite"].is-active { color:var(--nav-accent)!important; border-color:var(--nav-accent); }
html[data-theme="dark"] .m-nav-link[href="#/shop"] { --nav-accent:#92adff; --nav-accent-hover:#bdd0ff; }
html[data-theme="dark"] .m-nav-link[href="#/invite"] { --nav-accent:#c3a0ff; --nav-accent-hover:#d7c0ff; }
.m-tools-layout + .m-client-section { margin-top:32px; }
.m-plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.m-plan-card { --plan-tone:#3861f9; --plan-button:#3861f9; --plan-button-ink:#fff; --plan-wash:#edf2ff; padding:18px; border:1px solid var(--m-border); border-top:3px solid var(--plan-tone); border-radius:14px; background:linear-gradient(180deg,var(--plan-wash),var(--m-panel) 100px); box-shadow:0 3px 12px #314ace05; }
.m-plan-card.m-plan-accent-0 { --plan-tone:#3861f9; --plan-button:#3861f9; --plan-wash:#edf2ff; }
.m-plan-card.m-plan-accent-1 { --plan-tone:#7c3aed; --plan-button:#7c3aed; --plan-wash:#f4edff; }
.m-plan-card.m-plan-accent-2 { --plan-tone:#007e9e; --plan-button:#05bce6; --plan-button-ink:#082a3c; --plan-wash:#e9faff; }
.m-plan-card.m-plan-accent-3 { --plan-tone:#c75211; --plan-button:#ff9238; --plan-button-ink:#4b2108; --plan-wash:#fff2e9; }
.m-plan-card.m-plan-highlight { border-color:color-mix(in srgb,var(--plan-tone) 38%,var(--m-border)); border-top-color:var(--plan-tone); }
.m-plan-card:hover,.m-plan-card:focus-within { box-shadow:0 8px 24px color-mix(in srgb,var(--plan-tone) 10%,transparent); transform:translateY(-3px); }
.m-plan-kind { min-height:22px; gap:6px; margin-bottom:11px; color:var(--plan-tone); font-size:10px; }
.m-plan-kind>.m-icon { width:16px; height:16px; }
.m-plan-recommend { padding:3px 7px; color:var(--plan-tone); background:color-mix(in srgb,var(--plan-tone) 10%,var(--m-panel)); font-size:9px; border:1px solid color-mix(in srgb,var(--plan-tone) 15%,transparent); }
.m-plan-card h2 { min-height:26px; font-size:19px; font-weight:600; line-height:1.4; }
.m-plan-price { color:var(--m-text); margin-top:12px; gap:3px; }
.m-plan-price>strong { font-size:32px; line-height:1.2; font-weight:600; letter-spacing:-.045em; }
.m-plan-price>small { font-size:15px; }
.m-plan-price>span { font-size:10px; }
.m-plan-card-features { gap:8px; margin:16px 0; padding:14px 0 0; color:var(--m-text); }
.m-plan-card-features .m-plan-feature-row { display:flex; align-items:center; gap:8px; font-size:11px; line-height:1.65; min-height:22px; margin:0; padding:0; list-style:none; }
.m-plan-feature-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:0 0 22px; border-radius:6px; background:var(--plan-wash); color:var(--plan-tone); }
.m-plan-card-features .m-plan-feature-icon .m-icon { width:16px; height:16px; color:inherit; }
.m-plan-feature-text { min-width:0; color:var(--m-muted); }
.m-plan-feature-unavailable .m-plan-feature-text { text-decoration:line-through; }
.m-plan-feature-unavailable .m-plan-feature-icon { color:var(--m-muted); background:var(--m-hover); }
.m-plan-card-features.m-rich-html ul,.m-plan-card-features.m-rich-html ol { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.m-plan-card-features.m-rich-html p.m-plan-feature-row { margin:0 0 10px; }
.m-plan-card-footer { gap:10px; }
.m-plan-cycle { gap:6px; }
.m-plan-cycle>span { font-size:10px; }
.m-plan-cycle select { min-height:44px; padding:9px 10px; background:var(--m-panel); border-color:color-mix(in srgb,var(--plan-tone) 16%,var(--m-border)); font-size:11px; }
.m-plan-purchase { min-height:44px; padding:10px 12px; border-radius:9px; font-size:12px; font-weight:500; color:var(--plan-button-ink)!important; background:var(--plan-button); }
.m-plan-purchase:hover { color:var(--plan-button-ink)!important; background:color-mix(in srgb,var(--plan-button),#000 7%); }
.m-plan-purchase>.m-icon { width:17px; height:17px; }
html[data-theme="dark"] .m-plan-card.m-plan-accent-0 { --plan-tone:#92adff; --plan-button:#3861f9; --plan-wash:#1c2a4d; }
html[data-theme="dark"] .m-plan-card.m-plan-accent-1 { --plan-tone:#c3a0ff; --plan-button:#7c3aed; --plan-wash:#2b2148; }
html[data-theme="dark"] .m-plan-card.m-plan-accent-2 { --plan-tone:#56d6ef; --plan-button:#05bce6; --plan-wash:#183540; }
html[data-theme="dark"] .m-plan-card.m-plan-accent-3 { --plan-tone:#ffbc83; --plan-button:#ff9238; --plan-wash:#392b29; }
@media(max-width:1099px) { .m-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:599px) { .m-plan-grid { grid-template-columns:1fr; gap:16px; } .m-plan-card { padding:20px; } .m-plan-card h2 { min-height:26px; } }

/* Two companion tools share one rhythm: aligned headings, compact actions and equal padding. */
.m-summary-grid { margin-bottom:24px; }
.m-tools-layout { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:16px; margin-top:24px; }
.m-tools-layout .m-quick-import,.m-tools-layout .m-invite-promo { min-height:0; padding:24px; border-radius:14px; }
.m-tools-layout .m-quick-import header { align-items:flex-start; gap:12px; }
.m-tools-layout .m-eyebrow { font-size:11px; line-height:1.5; letter-spacing:.04em; }
.m-tools-layout .m-quick-import h2,.m-tools-layout .m-invite-promo h2 { margin:6px 0 0; font-size:20px; line-height:1.4; font-weight:600; letter-spacing:-.02em; }
.m-tools-layout .m-tools-description { margin:10px 0 0; font-size:12px; line-height:1.7; }
.m-tools-layout .m-subscription-note { color:var(--m-muted); }
.member-app .m-quick-import header .m-text-button { justify-content:center; flex-shrink:0; min-height:36px; padding:7px 11px; border-radius:8px; background:var(--m-active); font-size:11px; }
.member-app .m-quick-import header .m-text-button:hover { background:var(--m-hover); text-decoration:none; }
.m-quick-import .m-import-clients { gap:8px; margin-top:20px; }
.m-quick-import .m-import-client { gap:8px; min-height:78px; padding:10px 4px; border:1px solid var(--m-border); border-radius:10px; background:var(--m-bg); }
.m-quick-import .m-import-client:hover { border-color:var(--m-primary); background:var(--m-active); }
.m-quick-import .m-import-client>span { font-size:10px; line-height:1.5; }
.m-quick-import .m-client-logo { width:32px; height:32px; border-radius:7px; }
.m-tools-layout .m-invite-promo { align-items:stretch; }
.m-invite-promo .m-invite-content { display:flex; flex-direction:column; align-items:flex-start; width:100%; max-width:none; }
.m-tools-layout .m-invite-promo p { max-width:340px; }
.member-app .m-invite-promo a { justify-content:center; min-height:44px; margin-top:auto; padding:10px 18px; border:1px solid #7c3aed; border-radius:9px; background:#7c3aed; color:#fff; font-size:12px; font-weight:550; transition:background .18s,transform .18s; }
.member-app .m-invite-promo a:hover { border-color:#6d28d9; background:#6d28d9; text-decoration:none; transform:translateY(-1px); }
.member-app .m-invite-promo a:active { transform:scale(.98); }
.m-tools-layout .m-invite-symbol { width:104px; height:104px; right:14px; bottom:12px; opacity:.22; }
html[data-theme="dark"] .m-invite-promo a { border-color:#b794ff; background:#b794ff; color:#211136; }
html[data-theme="dark"] .m-invite-promo a:hover { border-color:#c3a0ff; background:#c3a0ff; }
@media(max-width:1099px) {
  .m-tools-layout { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .m-quick-import .m-import-clients { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .m-tools-layout { grid-template-columns:1fr; gap:16px; }
  .m-tools-layout .m-quick-import,.m-tools-layout .m-invite-promo { padding:20px; }
  .m-tools-layout .m-invite-promo { min-height:208px; }
  .m-tools-layout .m-quick-import h2,.m-tools-layout .m-invite-promo h2 { font-size:18px; }
  .m-tools-layout .m-quick-import header { flex-wrap:wrap; }
  .m-tools-layout .m-tools-description { font-size:11px; }
  .m-tools-layout + .m-client-section { margin-top:28px; }
}