/* MediaList plans v2 beta pages. Self-contained: the site's compiled Tailwind build predates
   these pages, so nothing here relies on utility classes that may not exist. */
.b-wrap{--b-ink:#0f172a;--b-body:#334155;--b-muted:#64748b;--b-line:#e2e8f0;--b-soft:#f8fafc;--b-card:#fff;
  --b-accent:#059669;--b-accent-2:#0284c7;--b-accent-ink:#fff;--b-warn:#b45309;--b-warn-bg:#fffbeb;--b-err:#b91c1c;--b-err-bg:#fef2f2;
  --b-ok:#047857;--b-ok-bg:#ecfdf5;--b-radius:12px;color:var(--b-body);font-size:15px;line-height:1.55;padding:8px 0 48px}
.dark .b-wrap{--b-ink:#f1f5f9;--b-body:#cbd5e1;--b-muted:#94a3b8;--b-line:#1e293b;--b-soft:#0b1220;--b-card:#0f172a;
  --b-accent:#34d399;--b-accent-2:#38bdf8;--b-accent-ink:#022c22;--b-warn:#fbbf24;--b-warn-bg:#271a05;--b-err:#fca5a5;--b-err-bg:#2a0f0f;
  --b-ok:#6ee7b7;--b-ok-bg:#052e22}
.b-wrap *{box-sizing:border-box}
.b-wrap h1{font-size:30px;line-height:1.2;font-weight:800;color:var(--b-ink);margin:8px 0 6px;letter-spacing:-.01em}
.b-wrap h2{font-size:20px;font-weight:700;color:var(--b-ink);margin:28px 0 10px}
.b-wrap h3{font-size:16px;font-weight:700;color:var(--b-ink);margin:0 0 6px}
.b-wrap p{margin:0 0 10px}
.b-lead{font-size:17px;color:var(--b-muted);max-width:680px}
.b-muted{color:var(--b-muted)}
.b-small{font-size:13px}
.b-grad{background:linear-gradient(90deg,#84cc16,#059669,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}

/* sub navigation */
.b-subnav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--b-line);margin:0 0 20px;padding:0 0 10px;flex-wrap:wrap}
.b-subnav-links{display:flex;gap:4px;flex-wrap:wrap}
.b-subnav-link{padding:7px 12px;border-radius:8px;color:var(--b-muted);font-weight:600;font-size:14px;text-decoration:none}
.b-subnav-link:hover{background:var(--b-soft);color:var(--b-ink)}
.b-subnav-link.is-active{background:var(--b-ok-bg);color:var(--b-ok)}
.b-plan-pill{font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--b-line);color:var(--b-ink);text-decoration:none}

/* flashes */
.b-flash{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:14px}
.b-flash-ok{background:var(--b-ok-bg);color:var(--b-ok);border:1px solid color-mix(in srgb,var(--b-ok) 25%,transparent)}
.b-flash-err{background:var(--b-err-bg);color:var(--b-err);border:1px solid color-mix(in srgb,var(--b-err) 25%,transparent)}
.b-flash-warn{background:var(--b-warn-bg);color:var(--b-warn);border:1px solid color-mix(in srgb,var(--b-warn) 25%,transparent)}

/* cards, grids */
.b-card{background:var(--b-card);border:1px solid var(--b-line);border-radius:var(--b-radius);padding:20px}
.b-grid{display:grid;gap:16px}
.b-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.b-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.b-grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.b-stat{font-size:28px;font-weight:800;color:var(--b-ink);font-variant-numeric:tabular-nums;line-height:1.1}
.b-stat-label{font-size:13px;color:var(--b-muted);margin-top:4px}
.b-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.b-spread{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.b-stack>*+*{margin-top:12px}

/* meter */
.b-meter{height:8px;border-radius:999px;background:var(--b-line);overflow:hidden;margin-top:10px}
.b-meter>span{display:block;height:100%;background:var(--b-accent);border-radius:999px}

/* buttons, inputs */
.b-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1.2;white-space:nowrap}
.b-btn-primary{background:var(--b-accent);color:var(--b-accent-ink)}
.b-btn-primary:hover{filter:brightness(1.07)}
.b-btn-ghost{background:transparent;color:var(--b-ink);border-color:var(--b-line)}
.b-btn-ghost:hover{background:var(--b-soft)}
.b-btn-danger{background:transparent;color:var(--b-err);border-color:color-mix(in srgb,var(--b-err) 35%,transparent)}
.b-btn-sm{padding:6px 10px;font-size:13px;border-radius:8px}
.b-btn[disabled],.b-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.b-input,.b-select,.b-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--b-line);background:var(--b-card);color:var(--b-ink);font-size:15px}
.b-textarea{min-height:140px;font-family:inherit}
.b-input:focus,.b-select:focus,.b-textarea:focus{outline:2px solid color-mix(in srgb,var(--b-accent) 45%,transparent);outline-offset:1px}
.b-label{display:block;font-size:13px;font-weight:700;color:var(--b-ink);margin:0 0 6px}
.b-field{margin:0 0 14px}
.b-form-narrow{max-width:460px}
.b-filters{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}

/* table */
.b-table-wrap{overflow-x:auto;border:1px solid var(--b-line);border-radius:var(--b-radius)}
.b-table{width:100%;border-collapse:collapse;font-size:14px}
.b-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--b-muted);font-weight:700;padding:10px 12px;background:var(--b-soft);border-bottom:1px solid var(--b-line)}
.b-table td{padding:10px 12px;border-bottom:1px solid var(--b-line);vertical-align:top;color:var(--b-body)}
.b-table tr:last-child td{border-bottom:0}
.b-table .b-num{text-align:right;font-variant-numeric:tabular-nums}
.b-email-masked{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--b-muted)}
.b-email{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--b-ink)}
.b-tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--b-soft);border:1px solid var(--b-line);color:var(--b-muted)}
.b-tag-ok{background:var(--b-ok-bg);color:var(--b-ok);border-color:transparent}
.b-tag-warn{background:var(--b-warn-bg);color:var(--b-warn);border-color:transparent}

/* pricing */
.b-price-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:20px}
.b-price{display:flex;flex-direction:column;background:var(--b-card);border:1px solid var(--b-line);border-radius:16px;padding:22px}
.b-price.is-featured{border:2px solid var(--b-accent)}
.b-price-name{font-weight:800;font-size:18px;color:var(--b-ink)}
.b-price-amount{font-size:36px;font-weight:800;color:var(--b-ink);margin:10px 0 0;font-variant-numeric:tabular-nums}
.b-price-amount small{font-size:15px;font-weight:600;color:var(--b-muted)}
.b-price ul{list-style:none;padding:0;margin:16px 0 20px;flex:1}
.b-price li{padding:6px 0;border-top:1px solid var(--b-line);font-size:14px}
.b-price li:first-child{border-top:0}
.b-badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--b-ok-bg);color:var(--b-ok)}
.b-toggle{display:inline-flex;border:1px solid var(--b-line);border-radius:10px;padding:3px;gap:3px}
.b-toggle button{border:0;background:transparent;padding:7px 14px;border-radius:8px;font-weight:700;font-size:14px;color:var(--b-muted);cursor:pointer}
.b-toggle button.is-on{background:var(--b-ok-bg);color:var(--b-ok)}

.b-empty{text-align:center;padding:40px 16px;color:var(--b-muted)}
.b-pager{display:flex;gap:8px;justify-content:center;margin-top:16px}
.b-check{width:16px;height:16px}
@media (max-width:640px){.b-wrap h1{font-size:25px}.b-price-amount{font-size:30px}.b-card{padding:16px}}

/* pricing conversion blocks (2026-09-26) */
.b-hero{display:grid;gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
@media (max-width:860px){.b-hero{grid-template-columns:1fr}}
.b-coverage .b-row{display:flex;flex-wrap:nowrap}
.b-coverage .b-input{flex:1;min-width:0}
.b-coverage-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--b-line)}
.b-price-outcome{margin-top:10px;font-size:14px;color:var(--b-ok);background:var(--b-ok-bg);border-radius:8px;padding:8px 10px}
.b-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:0;margin:18px 0 0;font-size:13px;color:var(--b-muted)}
.b-trust li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--b-accent);margin-right:8px;vertical-align:middle}
.b-guarantee{margin-top:18px;border-color:var(--b-accent)}
.b-chips{display:flex;flex-wrap:wrap;gap:8px}
.b-chip{display:inline-flex;gap:6px;align-items:baseline;font-size:14px;padding:6px 12px;border-radius:999px;border:1px solid var(--b-line);background:var(--b-card)}
.b-chip strong{color:var(--b-ink);font-variant-numeric:tabular-nums}
.b-quote blockquote{margin:0 0 10px;font-size:15px;color:var(--b-ink)}
.b-quote{margin:0}
.b-sample{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;scroll-margin-top:80px}
@media (max-width:860px){.b-sample{grid-template-columns:1fr}}
.b-final{text-align:center;margin-top:40px;padding:32px 16px;border-radius:16px;background:var(--b-soft);border:1px solid var(--b-line)}
[x-cloak]{display:none !important}

/* checkout modal (2026-09-26) */
html.mlc-lock{overflow:hidden}
.mlc{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto}
.mlc[hidden]{display:none}
.mlc-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55)}
.mlc-panel{position:relative;width:100%;max-width:560px;background:var(--b-card,#fff);color:var(--b-body,#334155);border-radius:16px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.dark .mlc-panel{--b-card:#0f172a;--b-ink:#f1f5f9;--b-body:#cbd5e1;--b-muted:#94a3b8;--b-line:#1e293b;--b-soft:#0b1220;--b-ok:#6ee7b7;--b-ok-bg:#052e22;--b-err:#fca5a5}
.mlc-panel h2{font-size:22px;font-weight:800;color:var(--b-ink,#0f172a)}
.mlc-x{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--b-muted,#64748b);cursor:pointer;padding:4px 8px}
.mlc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.mlc-price{font-size:28px;font-weight:800;color:var(--b-ink,#0f172a);font-variant-numeric:tabular-nums}
.mlc-tabs{display:flex;gap:6px;margin:18px 0 12px;border-bottom:1px solid var(--b-line,#e2e8f0)}
.mlc-tabs button{border:0;background:transparent;padding:9px 14px;font-weight:700;font-size:14px;color:var(--b-muted,#64748b);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.mlc-tabs button.is-on{color:var(--b-ok,#047857);border-bottom-color:var(--b-ok,#047857)}
.mlc-error{background:var(--b-err-bg,#fef2f2);color:var(--b-err,#b91c1c);border-radius:8px;padding:8px 10px;font-size:14px}
.mlc-loading{padding:28px 0;text-align:center;color:var(--b-muted,#64748b);font-size:14px}
.mlc-foot{margin-top:12px;text-align:center}
#mlc-stripe{min-height:120px}
@media (max-width:520px){.mlc{padding:0}.mlc-panel{border-radius:0;min-height:100%;padding:20px 16px}}

/* Compact modal head (2026-09-26): card form visible without scrolling */
.mlc{padding:16px}
.mlc-panel{padding:18px 20px 14px}
.mlc-panel .mlc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin:0 44px 0 0}
.mlc-panel .mlc-head h2{margin:0;font-size:20px;line-height:1.25}
.mlc-panel .mlc-price{font-size:20px;white-space:nowrap}
.mlc-panel .mlc-sub{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--b-muted,#64748b)}
.mlc-panel .mlc-tabs{margin:10px 0 8px}
.mlc-panel .mlc-tabs button{padding:6px 12px}
.mlc-panel .mlc-foot{margin-top:8px;font-size:12px}

/* ---- Checkout modal v2 (Claude Design mock, 2026-09-26). Scoped .mlc2, overrides the rules above. ---- */
.mlc2{padding:24px;align-items:center;background:transparent}
.mlc2 .mlc-backdrop{background:rgba(6,22,18,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mlc2 .mlc-panel{max-width:900px;padding:0;border-radius:20px;overflow:hidden;background:#fff;color:#0f1a14;font-family:Geist,system-ui,sans-serif;box-shadow:0 40px 80px -20px rgba(0,0,0,.4);margin:auto}
.mlc2 .mlc-x{top:16px;right:16px;z-index:2;width:34px;height:34px;border-radius:50%;background:#f2f6f3;color:#0f1a14;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center}
.mlc2 .mlc-x:hover{background:#e4ece7}
.mlc2 .mlc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.mlc2 .mlc-grid[hidden]{display:none}
.mlc2 .mlc-left{background:#f5f9f6;border-right:1px solid #e8eeea;padding:32px;display:flex;flex-direction:column;gap:14px}
.mlc2 .mlc-right{padding:56px 32px 32px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.mlc2 .mlc-titles{display:flex;flex-direction:column;gap:4px;padding-right:40px}
.mlc2 .mlc-eyebrow{font:500 11px 'Geist Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#0c8f52}
.mlc2 .mlc-panel h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#0f1a14;line-height:1.2}
.mlc2 .mlc-due{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:end;background:#fff;border:1px solid #dcebe2;border-radius:14px;padding:14px 16px}
.mlc2 .mlc-due-l{font-size:13px;color:#0b3d2a}
.mlc2 .mlc-due-r{font-size:13px;color:#5b6660;text-align:right}
.mlc2 .mlc-due-amt{font-size:28px;font-weight:800;letter-spacing:-.03em;color:#0b3d2a;font-variant-numeric:tabular-nums}
.mlc2 .mlc-due-price{font-size:17px;font-weight:700;text-align:right;white-space:nowrap}
.mlc2 .mlc-due-price small{font-weight:500;color:#5b6660;font-size:14px}
.mlc2 .mlc-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#3d4843}
.mlc2 .mlc-checks li{display:flex;gap:10px;margin:0;padding:0}
.mlc2 .mlc-checks li::before{content:"\2713";color:#0c8f52;font-weight:700;flex:none}
.mlc2 .mlc-checks li[hidden]{display:none}
.mlc2 .mlc-short{display:none;margin:0;font-size:13px;color:#3d4843;line-height:1.45}
.mlc2 .mlc-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mlc2 .mlc-chip{border:1px solid #e4e9e6;background:#fff;border-radius:8px;padding:7px 12px;font:500 13px Geist,system-ui,sans-serif;color:#0f1a14;cursor:pointer;white-space:nowrap}
.mlc2 .mlc-signin{margin-left:auto;font-size:13px;color:#5b6660;white-space:nowrap}
.mlc2 .mlc-signin a{color:#0c8f52;font-weight:600}
.mlc2 .mlc-details{display:flex;flex-direction:column;gap:8px;font-size:13px;border:1px solid #e4e9e6;background:#fff;border-radius:12px;padding:12px 14px}
.mlc2 .mlc-details[hidden]{display:none}
.mlc2 .mlc-details>div{display:flex;justify-content:space-between;gap:12px}
.mlc2 .mlc-details>div[hidden]{display:none}
.mlc2 .mlc-details .g{color:#0c8f52}
.mlc2 .mlc-details .t{font-weight:700;border-top:1px solid #eef1ef;padding-top:8px}
.mlc2 .mlc-secure{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#5b6660;padding-top:8px}
.mlc2 .mlc-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f2f4f3;border-radius:12px;padding:4px;border:0;margin:0}
.mlc2 .mlc-seg button{border:0;border-radius:9px;padding:9px;font:600 14px Geist,system-ui,sans-serif;cursor:pointer;background:transparent;color:#5b6660;margin:0}
.mlc2 .mlc-seg button.is-on{background:#fff;color:#0f1a14;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mlc2 .mlc-form{display:flex;flex-direction:column;gap:12px;margin:0}
.mlc2 .mlc-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#0f1a14}
.mlc2 .mlc-input{border:1px solid #d5ddd8;border-radius:10px;padding:11px 14px;font:15px Geist,system-ui,sans-serif;outline:0;background:#fff;color:#0f1a14;width:100%;box-sizing:border-box}
.mlc2 .mlc-input:focus{border-color:#0c8f52;box-shadow:0 0 0 3px rgba(12,143,82,.15)}
.mlc2 .mlc-input[readonly]{background:#f5f9f6;color:#3d4843}
.mlc2 #mlc-stripe{min-height:0;font-weight:400}
.mlc2 .mlc-pay{border:0;background:#0c8f52;color:#fff;font:700 16px Geist,system-ui,sans-serif;padding:15px;border-radius:12px;cursor:pointer;margin-top:2px;width:100%}
.mlc2 .mlc-pay:hover{background:#0b7a46}
.mlc2 .mlc-pay:disabled{opacity:.6;cursor:default}
.mlc2 .mlc-legal{display:block;font-size:12px;color:#5b6660;text-align:center;line-height:1.45;text-wrap:pretty}
.mlc2 [data-mlc-pane="paypal"]{display:flex;flex-direction:column;gap:10px}
.mlc2 [data-mlc-pane][hidden]{display:none}
.mlc2 .mlc-error{margin:0}
.mlc2 .mlc-state{padding:56px 32px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.mlc2 .mlc-state[hidden]{display:none}
.mlc2 .mlc-state p{margin:0;font-size:14px;color:#5b6660;max-width:360px}
.mlc2 .mlc-ok{width:56px;height:56px;border-radius:50%;background:#0c8f52;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}
.mlc2 .mlc-go{border:0;background:#0f1a14;color:#fff;font:600 15px Geist,system-ui,sans-serif;padding:13px 22px;border-radius:10px;margin-top:8px;text-decoration:none}
.mlc2 .mlc-go:hover{background:#1f2a24;color:#fff}
.mlc2 .mlc-spin{width:36px;height:36px;border-radius:50%;border:3px solid #dcebe2;border-top-color:#0c8f52;animation:mlcspin .8s linear infinite}
@keyframes mlcspin{to{transform:rotate(360deg)}}
.dark .mlc2 .mlc-panel{--b-card:#fff}
/* Narrow or portrait: one column, short summary instead of the checklist */
@media (max-width:819px),(orientation:portrait){
  .mlc2 .mlc-panel{max-width:480px;min-height:0;border-radius:20px}
  .mlc2 .mlc-grid{grid-template-columns:minmax(0,1fr)}
  .mlc2 .mlc-left{background:#fff;border-right:0;padding:20px 20px 4px}
  .mlc2 .mlc-right{padding:12px 20px 20px}
  .mlc2 .mlc-checks,.mlc2 .mlc-secure{display:none}
  .mlc2 .mlc-short{display:block}
}
@media (max-width:479px){
  .mlc2{padding:0;align-items:flex-end}
  .mlc2 .mlc-panel{border-radius:20px 20px 0 0;min-height:0}
  .mlc2 .mlc-signin{margin-left:0}
}

/* Two-step checkout (2026-09-26, ClickFunnels pattern): progress bar, step 1 fields, sign-in switch, "paying as" */
.mlc2 .mlc-progress{display:flex;flex-direction:column;gap:6px;margin-bottom:2px}
.mlc2 .mlc-bar{height:8px;border-radius:999px;background:#e8f5ee;overflow:hidden}
.mlc2 .mlc-bar i{display:block;height:100%;width:50%;background:#0c8f52;border-radius:999px;transition:width .35s ease}
.mlc2 .mlc-progress span{font-size:12px;font-weight:600;color:#5b6660;text-align:center}
.mlc2 .mlc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mlc2 .mlc-form[hidden],.mlc2 [data-mlc-step][hidden]{display:none}
.mlc2 .mlc-switch{margin:2px 0 0;text-align:center;font-size:14px;color:#5b6660}
.mlc2 .mlc-switch button,.mlc2 .mlc-signin button{border:0;background:none;padding:0;color:#0c8f52;font:600 14px Geist,system-ui,sans-serif;cursor:pointer}
.mlc2 .mlc-signin button{font-size:13px}
.mlc2 .mlc-lrow{display:flex;justify-content:space-between;align-items:center}
.mlc2 .mlc-lrow a{font-weight:500;color:#0c8f52}
.mlc2 .mlc-welcome{background:#e8f5ee;color:#0b6b3f;border-radius:10px;padding:10px 12px;font-size:14px}
.mlc2 .mlc-who{display:flex;align-items:center;gap:8px;font-size:13px;color:#3d4843;background:#f5f9f6;border:1px solid #e4e9e6;border-radius:10px;padding:8px 12px;margin-bottom:12px}
.mlc2 .mlc-who iconify-icon{color:#0c8f52;font-size:16px}
.mlc2 .mlc-who span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mlc2 .mlc-who button{border:0;background:none;color:#0c8f52;font:600 13px Geist,system-ui,sans-serif;cursor:pointer;padding:0}
.mlc2 .mlc-legal iconify-icon{vertical-align:-2px}
.mlc2 [data-mlc-lead-form] .mlc-pay,.mlc2 [data-mlc-login-form] .mlc-pay{background:#0c8f52;color:#fff}
.mlc2 [data-mlc-lead-form] .mlc-pay:hover,.mlc2 [data-mlc-login-form] .mlc-pay:hover{background:#0b7a46}
.mlc2 .mlc-right{justify-content:flex-start}
@media (max-width:520px){.mlc2 .mlc-two{grid-template-columns:1fr}}

/* modal plan switch (2026-09-26) */
.mlc2 .mlc-plans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mlc2 .mlc-plans button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid #dcebe2;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;font-family:Geist,system-ui,sans-serif}
.mlc2 .mlc-plans button span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mlc2 .mlc-plans b{font-size:14px;color:#0f1a14}
.mlc2 .mlc-plans em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;background:#0c8f52;color:#fff;padding:2px 7px;border-radius:999px}
.mlc2 .mlc-plans small{font-size:13px;color:#5b6660}
.mlc2 .mlc-plans button.is-on{border-color:#0c8f52;background:#f2f8f4;box-shadow:0 0 0 3px rgba(12,143,82,.12)}

/* QA fixes (2026-09-27): error actions, invalid fields, phone security line, bigger text and tap targets, compact phone sheet */
.mlc2 .mlc-error{line-height:1.5}
.mlc2 .mlc-err-act{border:0;background:#fff;color:#b91c1c;font:700 13px Geist,system-ui,sans-serif;padding:6px 10px;border-radius:8px;margin:6px 6px 0 0;cursor:pointer;box-shadow:inset 0 0 0 1px #f3c4c4;min-height:36px}
.mlc2 .mlc-err-act:hover{background:#fff5f5}
.mlc2 .mlc-input[aria-invalid="true"]{border-color:#b91c1c;box-shadow:0 0 0 3px rgba(185,28,28,.12)}
.mlc2 .mlc-secure-m{display:none;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#5b6660;text-align:center}
.mlc2 .mlc-secure-m iconify-icon{color:#0c8f52;font-size:14px}
.mlc2 .mlc-plans em{font-size:12px;padding:2px 8px}
.mlc2 .mlc-eyebrow{font-size:12px}
.mlc2 .mlc-x{width:40px;height:40px;font-size:22px}
.mlc2 .mlc-input{font-size:16px} /* 16px stops iOS Safari (iPad too) zooming into the field */
.mlc2 .mlc-switch button,.mlc2 .mlc-who button{padding:10px 4px;margin:-10px 0}
@media (max-width:819px),(orientation:portrait){
  .mlc2 .mlc-secure-m{display:flex}
}
@media (max-width:479px){
  .mlc2{align-items:stretch}
  .mlc2 .mlc-panel{min-height:100%;min-height:100dvh;border-radius:0;display:flex;flex-direction:column}
  .mlc2 .mlc-grid{flex:1;align-content:start}
  .mlc2 .mlc-left{padding:16px 16px 2px;gap:10px}
  .mlc2 .mlc-right{padding:8px 16px 20px;gap:10px}
  .mlc2 .mlc-eyebrow{display:none}
  .mlc2 .mlc-panel h2{font-size:20px}
  .mlc2 .mlc-plans button{padding:8px 10px}
  .mlc2 .mlc-due{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:10px 12px}
  .mlc2 .mlc-due-r{display:none}
  .mlc2 .mlc-due-amt{font-size:22px}
  .mlc2 .mlc-due-price{margin-left:auto;font-size:15px}
  .mlc2 .mlc-short{font-size:12.5px}
  .mlc2 .mlc-row{display:none} /* the one-line summary above already says it; keeps Continue on screen */
  .mlc2 .mlc-form{gap:10px}
  .mlc2 .mlc-input{padding:10px 12px}
}