.eplot-pricing { container-type:inline-size; width:100%; max-width:1560px; margin:0 auto; padding:14px 0; color:var(--mud-palette-text-primary); }
.eplot-pricing-heading { text-align:center; margin:0 auto 22px; max-width:760px; }
.eplot-pricing-eyebrow { font-size:13px; letter-spacing:.12em; color:var(--mud-palette-primary); }
.eplot-pricing-heading h1 { font-size:clamp(24px, 3vw, 34px); font-weight:650; line-height:1.4; margin:10px 0 12px; }
.eplot-pricing-heading p, .eplot-pricing-note { color:var(--mud-palette-text-secondary); font-size:14px; line-height:1.8; }
.eplot-plan-tabs { display:grid; grid-template-columns:1fr 1fr; width:min(360px,100%); margin:16px auto 0; padding:4px; border:1px solid var(--mud-palette-lines-default); border-radius:999px; background:var(--mud-palette-background-gray); }
.eplot-plan-tab { min-height:38px; padding:7px 22px; border:0; border-radius:999px; color:var(--mud-palette-text-secondary); background:transparent; font:inherit; font-size:14px; cursor:pointer; transition:background-color .18s ease,color .18s ease,box-shadow .18s ease; }
.eplot-plan-tab:hover:not(:disabled) { color:var(--mud-palette-text-primary); }
.eplot-plan-tab-active { color:var(--mud-palette-primary-text); background:var(--mud-palette-primary); box-shadow:0 5px 16px color-mix(in srgb,var(--mud-palette-primary) 24%,transparent); }
.eplot-plan-tab:focus-visible,.eplot-service-promise-close:focus-visible { outline:3px solid var(--mud-palette-primary); outline-offset:2px; }
.eplot-plan-tab:disabled { cursor:default; opacity:.65; }
.eplot-service-promise { position:fixed; z-index:1300; top:72px; right:24px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; width:min(380px,calc(100vw - 48px)); margin:0; padding:14px 44px 14px 16px; border:1px solid color-mix(in srgb,var(--mud-palette-primary) 42%,var(--mud-palette-lines-default)); border-radius:14px; background:linear-gradient(90deg,var(--mud-palette-primary-hover),transparent),var(--mud-palette-surface); box-shadow:0 12px 34px rgba(0,0,0,.2); }
.eplot-service-promise strong { display:block; margin-bottom:4px; color:var(--mud-palette-text-primary); font-size:14px; }
.eplot-service-promise p { margin:0; color:var(--mud-palette-text-secondary); font-size:13px; line-height:1.7; }
.eplot-service-promise-close { position:absolute; top:10px; right:12px; width:30px; height:30px; padding:0; border:0; border-radius:50%; color:var(--mud-palette-text-secondary); background:transparent; font:inherit; font-size:22px; line-height:28px; cursor:pointer; }
.eplot-service-promise-close:hover { color:var(--mud-palette-text-primary); background:var(--mud-palette-primary-hover); }
.eplot-plans { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; align-items:stretch; }
.eplot-plan { flex:0 1 calc((100% - 32px)/3); min-width:0; min-height:620px; display:flex; flex-direction:column; padding:22px; border:1px solid var(--mud-palette-lines-default); border-radius:18px; background:var(--mud-palette-surface); overflow-wrap:anywhere; }
.eplot-plan-recommended { border-color:var(--mud-palette-primary); background:linear-gradient(var(--mud-palette-primary-hover),var(--mud-palette-primary-hover)),var(--mud-palette-surface); }
.eplot-plan-advance { border-color:color-mix(in srgb,var(--mud-palette-primary) 65%,var(--mud-palette-lines-default)); }
.eplot-plan-free { background:var(--mud-palette-background-gray); }
.eplot-plan-label { min-height:25px; font-size:12px; font-weight:600; color:var(--mud-palette-text-secondary); }
.eplot-plan-recommended .eplot-plan-label { color:var(--mud-palette-primary); }
.eplot-plan h2 { font-size:22px; font-weight:600; line-height:1.4; margin:5px 0 9px; }
.eplot-plan-price { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:5px; line-height:1.3; }
.eplot-plan-price strong { font-size:38px; font-weight:600; letter-spacing:-1px; white-space:nowrap; }
.eplot-plan-price span { font-size:13px; color:var(--mud-palette-text-secondary); }
.eplot-plan-original { min-height:24px; font-size:12px; color:var(--mud-palette-text-secondary); margin-top:6px; }
.eplot-plan-summary { font-size:13px; line-height:1.7; min-height:58px; margin:12px 0 16px; }
.eplot-plan-button { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--mud-palette-primary); border-radius:24px; color:var(--mud-palette-primary); font:inherit; font-size:14px; font-weight:600; cursor:pointer; background:transparent; line-height:1.5; }
.eplot-plan-button:hover:not(:disabled) { background:var(--mud-palette-primary-hover); }
.eplot-plan-button:focus-visible { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
.eplot-plan-recommended .eplot-plan-button { background:var(--mud-palette-primary); color:var(--mud-palette-primary-text); }
.eplot-plan-recommended .eplot-plan-button:hover:not(:disabled) { filter:brightness(1.08); }
.eplot-plan-button:disabled { cursor:default; color:var(--mud-palette-text-secondary); background:var(--mud-palette-action-disabled-background); border-color:var(--mud-palette-lines-default); }
.eplot-plan h3 { font-size:14px; font-weight:600; margin:20px 0 13px; }
.eplot-plan ul { list-style:none; margin:0; padding:0; font-size:13px; line-height:1.8; }
.eplot-plan li { position:relative; padding-left:21px; margin-bottom:10px; }
.eplot-plan li::before { content:'✓'; position:absolute; left:0; color:var(--mud-palette-primary); font-weight:600; }
.eplot-plan-free li::before { content:'–'; color:var(--mud-palette-text-secondary); }
.eplot-plan-footnote { margin-top:auto; padding-top:16px; font-size:12px; line-height:1.65; color:var(--mud-palette-text-secondary); }
.eplot-advance-coming { width:min(760px,100%); min-height:320px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin:4px auto; padding:46px 34px; border:1px dashed color-mix(in srgb,var(--mud-palette-primary) 55%,var(--mud-palette-lines-default)); border-radius:18px; background:linear-gradient(145deg,var(--mud-palette-primary-hover),transparent 62%),var(--mud-palette-surface); }
.eplot-advance-coming-badge { padding:6px 12px; border-radius:999px; color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); font-size:12px; font-weight:600; }
.eplot-advance-coming h2 { margin:18px 0 10px; font-size:24px; }
.eplot-advance-coming p { max-width:560px; margin:0; color:var(--mud-palette-text-secondary); font-size:14px; line-height:1.8; }
.eplot-advance-coming small { margin-top:18px; color:var(--mud-palette-text-secondary); }
.eplot-pricing-note { text-align:center; margin:16px auto 0; max-width:900px; }
.eplot-checkout { text-align:center; }
.eplot-checkout-summary { margin-bottom:20px; }
.eplot-checkout-summary h3 { font-size:20px; font-weight:600; }
.eplot-checkout-price { font-size:34px; font-weight:600; margin:8px 0; }
.eplot-checkout-caption { color:var(--mud-palette-text-secondary); font-size:13px; line-height:1.8; }
.eplot-checkout-qr { position:relative; display:grid; place-items:center; width:224px; height:224px; max-width:100%; margin:0 auto 16px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:12px; }
.eplot-checkout-qr img { display:block; width:100%; height:100%; object-fit:contain; }
.eplot-checkout-expired { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; background:rgba(255,255,255,.96); border-radius:12px; color:#333; }
.eplot-checkout-order { font-size:12px; overflow-wrap:anywhere; color:var(--mud-palette-text-secondary); margin:12px 0; }
.eplot-checkout-debug-status { margin:10px 0 0; color:var(--mud-palette-primary); font-size:13px; line-height:1.6; }
.eplot-checkout-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; width:100%; }
@container (min-width:1180px) { .eplot-plan { flex-basis:calc((100% - 48px)/4); } }
@container (max-width:849px) { .eplot-plan { flex-basis:calc((100% - 16px)/2); } }
@container (max-width:559px) { .eplot-plan { flex-basis:100%; } }
@media (max-width:599px) { .eplot-pricing { padding:12px 0; } .eplot-pricing-heading { margin-bottom:18px; } .eplot-plan-tab { padding-inline:12px; } .eplot-service-promise { top:64px; right:12px; left:12px; width:auto; box-sizing:border-box; padding:13px 42px 13px 14px; } .eplot-plan { min-height:0; padding:22px; } .eplot-plan-summary { min-height:0; } .eplot-advance-coming { min-height:270px; padding:36px 22px; } }