/**
 * Reason: subscription, trial and locked-feature states need one responsive,
 * accessible visual language across the homepage, plans page and user panel.
 * Fix: add scoped navy/gold membership components with 44px actions, visible
 * focus, light/dark tokens and zero dependency on the theme utility build.
 * Dependencies: markup emitted by zarinchart-memberships.php only.
 * Regression history: generic full-width cards previously made panel tools too
 * tall on mobile; these layouts collapse intentionally without horizontal scroll.
 * 2026-11-01 panel commerce migration: add a compact, responsive payment ledger
 * and receipt detail surface inside the canonical user panel. Dependencies:
 * zc_membership_render_payments_panel() and existing membership color tokens.
 * Regression warning: payment buttons remain native Woo URLs; styling must not
 * hide pending-order actions or introduce horizontal overflow on narrow phones.
 * 2026-10-24 chart access correction: replace the candle-obscuring floating
 * notice with a compact in-flow access strip. The chart remains fully visible
 * while upgrade context and a keyboard-accessible action stay discoverable.
 * Dependencies: zc-currency.php membership state only; no chart transport.
 * 2026-10-24 pricing: plan cards now distinguish the original amount, discount
 * percentage and final checkout price without relying on color alone. The
 * responsive price block uses existing membership tokens in both themes.
 * 2026-10-24 chart-tool feedback: the former text-only quota toast now supports
 * an explicit locked-feature explanation and a plans action. It remains scoped
 * to the chart stage and is pointer-active only while visible.
 * 2026-11-06 plans product redesign: replace the article-like pricing page with
 * a decision-first RTL product surface. Pricing remains server-rendered by the
 * membership plugin; these styles add no script, quote request or WebSocket.
 * Scope warning: new presentation rules are descendants of .zcm-plans so the
 * homepage membership block, account panel and chart access strip do not drift.
 * 2026-11-06 platform comparison: add a Chartix-inspired, product-native
 * comparison directly after plan cards. The table only presents capabilities
 * emitted by the membership page and collapses with native details (no script).
 * Follow-up simplification keeps one continuous three-column table on phones;
 * stacked cards and repeated mobile labels made the first version too noisy.
 */
.zcm-plans,.zcm-home,.zcm-account,.zcm-payments,.zcm-lock,.zcm-chart-access,.zcm-chart-quota{--zcm-bg:#f5f7f8;--zcm-surface:#fff;--zcm-soft:#edf2f5;--zcm-ink:#142a43;--zcm-muted:#5f7080;--zcm-line:#d8e2e8;--zcm-navy:#173652;--zcm-gold:#b9934b;--zcm-gold-soft:#f7efd9;--zcm-positive:#17634d;color:var(--zcm-ink);font-family:'IRANYekan',Tahoma,sans-serif;box-sizing:border-box}
html.dark .zcm-plans,html.dark .zcm-home,html.dark .zcm-account,html.dark .zcm-payments,html.dark .zcm-lock,html.dark .zcm-chart-access,html.dark .zcm-chart-quota{--zcm-bg:#0e1c2c;--zcm-surface:#142a3e;--zcm-soft:#1d3449;--zcm-ink:#f0f5f8;--zcm-muted:#b4c3d0;--zcm-line:#344b60;--zcm-navy:#d3e6f5;--zcm-gold:#e7c98b;--zcm-gold-soft:#353428;--zcm-positive:#93dfba}
.zcm-plans *,.zcm-home *,.zcm-account *,.zcm-payments *,.zcm-lock *{box-sizing:border-box}
.zcm-plans{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:clamp(34px,5vw,72px) 0 84px;direction:rtl}
.zcm-eyebrow{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--zcm-gold) 45%,transparent);border-radius:999px;background:var(--zcm-gold-soft);color:var(--zcm-ink);font-size:.8rem;font-weight:800}.zcm-eyebrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.zcm-product-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);align-items:center;gap:clamp(28px,5vw,70px);min-height:600px;padding:clamp(30px,5.4vw,70px);overflow:hidden;border:1px solid rgba(217,190,128,.22);border-radius:32px;background:radial-gradient(circle at 15% 8%,rgba(217,190,128,.13),transparent 31%),linear-gradient(135deg,#102b42 0%,#0b1d2e 60%,#081723 100%);color:#f6f8fa;box-shadow:0 32px 80px -52px rgba(3,17,28,.92)}
.zcm-product-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to left,black,transparent 72%)}
.zcm-product-hero::after{content:'';position:absolute;inset-inline-start:-120px;bottom:-180px;width:430px;height:430px;border:1px solid rgba(231,201,139,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(231,201,139,.025),0 0 0 110px rgba(231,201,139,.018);pointer-events:none}
.zcm-product-hero__copy,.zcm-workspace-preview{position:relative;z-index:1;min-width:0}.zcm-product-hero .zcm-eyebrow{border-color:rgba(231,201,139,.3);background:rgba(231,201,139,.1);color:#ead19a}.zcm-product-hero h1{max-width:13ch;margin:18px 0 16px;color:#fff;font-size:clamp(2.25rem,5vw,4rem);font-weight:900;line-height:1.38;letter-spacing:-.025em;text-wrap:balance}.zcm-product-hero__copy>p{max-width:58ch;margin:0;color:#c1ced8;font-size:clamp(.96rem,1.6vw,1.08rem);line-height:2}
.zcm-product-hero__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.zcm-product-hero .zcm-button{min-height:50px;padding-inline:22px}.zcm-button--ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#edf3f7!important}.zcm-button--ghost:hover{border-color:rgba(231,201,139,.48);background:rgba(231,201,139,.09)}
.zcm-product-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.09);list-style:none}.zcm-product-proof li{display:flex;align-items:flex-start;gap:8px;min-width:0}.zcm-product-proof svg{width:17px;height:17px;flex:0 0 auto;margin-top:4px;fill:none;stroke:#e7c98b;stroke-width:2.4}.zcm-product-proof span{display:grid;min-width:0;gap:2px}.zcm-product-proof strong{color:#edf3f7;font-size:.76rem}.zcm-product-proof small{color:#91a6b6;font-size:.65rem;line-height:1.7}.zcm-review-notice{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:16px 0 0;padding:12px 14px;border:1px solid rgba(231,201,139,.32);border-radius:13px;background:rgba(231,201,139,.09);color:#fff;line-height:1.8}.zcm-review-notice span{color:#b9c8d2}.zcm-current{display:flex;align-items:center;gap:8px;margin:14px 0 0!important;color:#bde9d2;font-weight:800}.zcm-current>span{width:8px;height:8px;border-radius:50%;background:#64c996;box-shadow:0 0 0 5px rgba(100,201,150,.12)}
.zcm-workspace-preview{padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:rgba(7,22,34,.78);box-shadow:0 30px 70px -35px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(10px)}.zcm-workspace-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px}.zcm-workspace-preview header>div{display:flex;align-items:center;gap:9px}.zcm-workspace-preview header>div>span:last-child{display:grid;gap:1px}.zcm-workspace-preview header strong{color:#f3f6f8;font-size:.82rem}.zcm-workspace-preview header small{color:#8298a8;font-size:.64rem}.zcm-workspace-preview__mark{display:grid;width:37px;height:37px;place-items:center;border:1px solid rgba(231,201,139,.25);border-radius:11px;background:rgba(231,201,139,.09);color:#e7c98b}.zcm-workspace-preview__mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.zcm-workspace-preview__state{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:4px 9px;border:1px solid rgba(100,201,150,.18);border-radius:999px;background:rgba(100,201,150,.08);color:#9be1bc;font-size:.64rem;font-weight:800;white-space:nowrap}.zcm-workspace-preview__state i{width:6px;height:6px;border-radius:50%;background:#64c996}
.zcm-workspace-preview__canvas{position:relative;height:260px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0b2031;background-size:48px 48px}.zcm-workspace-preview__canvas svg{position:absolute;inset:17px 0 0;width:100%;height:calc(100% - 17px);color:#d1ad65;overflow:visible}.zcm-workspace-preview__area{fill:url(#zcm-plan-area)}.zcm-workspace-preview__line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.zcm-workspace-preview__candles{fill:rgba(231,201,139,.12);stroke:#e7c98b;stroke-width:2;vector-effect:non-scaling-stroke}.zcm-workspace-preview__signal{position:absolute;top:18px;inset-inline-end:17px;padding:5px 9px;border:1px solid rgba(231,201,139,.25);border-radius:999px;background:#132d42;color:#e7c98b;font-size:.63rem;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.zcm-workspace-preview__tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.zcm-workspace-preview__tools span{display:flex;min-height:42px;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);color:#b9c8d2;font-size:.62rem;font-weight:750;white-space:nowrap}.zcm-workspace-preview__tools svg{width:15px;height:15px;fill:none;stroke:#e7c98b;stroke-width:1.8}.zcm-workspace-preview footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 5px 1px;color:#8298a8;font-size:.66rem}.zcm-workspace-preview footer svg{width:17px;height:17px;fill:none;stroke:#e7c98b;stroke-width:1.8}
.zcm-trust-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-1px clamp(18px,4vw,45px) 0;border:1px solid var(--zcm-line);border-top:0;border-radius:0 0 20px 20px;background:var(--zcm-surface);box-shadow:0 18px 45px -42px rgba(12,36,55,.75)}.zcm-trust-rail>div{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:17px 12px;border-inline-start:1px solid var(--zcm-line)}.zcm-trust-rail>div:first-child{border-inline-start:0}.zcm-trust-rail svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:var(--zcm-gold);stroke-width:1.8}.zcm-trust-rail span{display:grid;gap:2px}.zcm-trust-rail strong{font-size:.75rem}.zcm-trust-rail small{color:var(--zcm-muted);font-size:.65rem}
.zcm-section-head{max-width:760px;margin:0 auto clamp(25px,4vw,40px);text-align:center}.zcm-section-head h2{margin:12px 0 8px;font-size:clamp(1.65rem,3.8vw,2.55rem);line-height:1.55;text-wrap:balance}.zcm-section-head p{max-width:65ch;margin:0 auto;color:var(--zcm-muted);line-height:1.95}.zcm-plan-picker,.zcm-platform-compare,.zcm-capabilities,.zcm-access-compare,.zcm-activation{padding-top:clamp(68px,8vw,104px);scroll-margin-top:80px}
.zcm-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}.zcm-plan{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(23px,3vw,30px);border:1px solid var(--zcm-line);border-radius:24px;background:var(--zcm-surface);box-shadow:0 24px 58px -48px rgba(15,38,59,.8)}.zcm-plan::after{content:'';position:absolute;inset-inline:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--zcm-line),transparent)}.zcm-plan.is-recommended{border-color:color-mix(in srgb,var(--zcm-gold) 65%,var(--zcm-line));background:linear-gradient(180deg,color-mix(in srgb,var(--zcm-gold-soft) 43%,var(--zcm-surface)),var(--zcm-surface) 28%);box-shadow:0 32px 70px -45px color-mix(in srgb,var(--zcm-gold) 46%,transparent);transform:translateY(-10px)}.zcm-plan.is-recommended::after{background:linear-gradient(90deg,transparent,var(--zcm-gold),transparent)}.zcm-plan__badge{position:absolute;top:-14px;inset-inline-end:22px;z-index:1;padding:6px 13px;border:1px solid color-mix(in srgb,var(--zcm-gold) 75%,#fff);border-radius:999px;background:var(--zcm-gold);color:#172b3e;font-size:.72rem;font-weight:900;box-shadow:0 9px 20px -12px var(--zcm-gold)}.zcm-plan__head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.zcm-plan__head>span{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--zcm-gold) 34%,var(--zcm-line));border-radius:14px;background:var(--zcm-gold-soft);color:var(--zcm-ink);font-size:1.2rem;font-weight:900}.zcm-plan__head>div{display:grid;gap:2px}.zcm-plan h3{margin:0;font-size:1.12rem}.zcm-plan__head small{color:var(--zcm-muted);font-size:.7rem}
.zcm-plan__offer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;color:var(--zcm-muted);font-size:.77rem}.zcm-plan__offer>span{display:inline-flex;min-height:28px;align-items:center;padding:3px 9px;border:1px solid color-mix(in srgb,var(--zcm-positive) 36%,var(--zcm-line));border-radius:999px;background:color-mix(in srgb,var(--zcm-positive) 10%,var(--zcm-surface));color:var(--zcm-positive);font-weight:900;white-space:nowrap}.zcm-plan__offer del{font-variant-numeric:tabular-nums;text-decoration-thickness:1.5px}.zcm-plan__price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:0;color:var(--zcm-muted)}.zcm-plan__price strong{color:var(--zcm-ink);font-size:clamp(1.85rem,3vw,2.45rem);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.zcm-plan__price small{flex:0 0 100%;margin-bottom:-5px;color:var(--zcm-muted);font-size:.69rem;font-weight:750}.zcm-plan__price.is-discounted strong{color:var(--zcm-positive)}.zcm-plan__monthly{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 18px;color:var(--zcm-muted);font-size:.73rem}.zcm-plan__monthly strong{color:var(--zcm-ink);font-variant-numeric:tabular-nums}.zcm-plan__access{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--zcm-line);border-bottom:1px solid var(--zcm-line);font-size:.8rem;font-weight:800}.zcm-plan__access svg{width:18px;height:18px;fill:none;stroke:var(--zcm-positive);stroke-width:2.2}.zcm-plan__saving{min-height:28px;margin:12px 0 20px;color:var(--zcm-positive);font-size:.75rem}.zcm-plan__saving.is-neutral{color:var(--zcm-muted)}.zcm-plan .zcm-button{width:100%;margin-top:auto}.zcm-plan__footnote{margin-top:10px;color:var(--zcm-muted);font-size:.64rem;line-height:1.7;text-align:center}
.zcm-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--zcm-line);border-radius:11px;background:var(--zcm-surface);color:var(--zcm-ink)!important;font-weight:800;text-decoration:none!important;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.zcm-button:hover{border-color:var(--zcm-gold);transform:translateY(-1px)}.zcm-button--primary{border-color:var(--zcm-gold);background:var(--zcm-gold);color:#172b3e!important}.zcm-button:focus-visible{outline:3px solid var(--zcm-navy);outline-offset:3px}
.zcm-button--disabled{cursor:not-allowed;opacity:.68;background:var(--zcm-soft);color:var(--zcm-muted)!important}.zcm-button--disabled:hover{border-color:var(--zcm-line);transform:none}
.zcm-platform-compare__intro{margin-bottom:24px}.zcm-platform-compare__intro p{max-width:52ch}.zcm-platform-table{width:min(980px,100%);margin-inline:auto;overflow:hidden;border:1px solid rgba(231,201,139,.18);border-radius:18px;background:#0b1d2e;color:#edf3f7;box-shadow:0 28px 64px -52px rgba(3,17,28,.9)}.zcm-platform-table__head,.zcm-platform-table__row{display:grid;grid-template-columns:minmax(190px,1.3fr) repeat(2,minmax(150px,.85fr));align-items:center;gap:12px;padding:12px clamp(16px,2.4vw,28px)}.zcm-platform-table__head{min-height:64px;background:#10283b;color:#d7e2e9;font-size:.73rem}.zcm-platform-table__head>strong{display:flex;align-items:center;justify-content:center;gap:7px;color:#eef3f6;font-size:.76rem;text-align:center}.zcm-platform-table__head>strong:nth-child(2){color:#e7c98b}.zcm-platform-table__brand{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:rgba(231,201,139,.1);color:#e7c98b}.zcm-platform-table__brand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.zcm-platform-table__group{display:flex;min-height:40px;align-items:center;padding:8px clamp(16px,2.4vw,28px);border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.05);background:#0e2436;color:#e7c98b}.zcm-platform-table__group strong{font-size:.71rem}.zcm-platform-table__row{min-height:54px;border-bottom:1px solid rgba(255,255,255,.055)}.zcm-platform-table__row>strong{color:#e7edf1;font-size:.76rem;line-height:1.7}.zcm-platform-table__value{display:flex;align-items:center;justify-content:center;gap:6px;color:#a7bac7;font-size:.72rem;font-weight:700;text-align:center;line-height:1.6}.zcm-platform-table__value.is-zarin{color:#a9e5c7;font-weight:850}.zcm-platform-table__value.is-zarin::before,.zcm-platform-table__value.is-supported::before{content:'✓';display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid rgba(147,223,186,.18);border-radius:50%;background:rgba(147,223,186,.08);color:#93dfba;font-size:.62rem}.zcm-platform-table__value.is-supported{color:#bdd1dc}.zcm-platform-table__value.is-limited{color:#d7ba7d}.zcm-platform-compare__details{background:#0b1d2e}.zcm-platform-compare__details>summary{display:flex;min-height:50px;align-items:center;justify-content:center;gap:7px;padding:8px 16px;cursor:pointer;color:#e7c98b;font-size:.72rem;font-weight:850;list-style:none;transition:background .18s ease}.zcm-platform-compare__details>summary::-webkit-details-marker{display:none}.zcm-platform-compare__details>summary:hover{background:rgba(231,201,139,.055)}.zcm-platform-compare__details>summary:focus-visible{outline:3px solid #e7c98b;outline-offset:-5px}.zcm-platform-compare__details>summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}.zcm-platform-compare__details[open]>summary svg{transform:rotate(180deg)}.zcm-platform-compare__less,.zcm-platform-compare__details[open] .zcm-platform-compare__more{display:none}.zcm-platform-compare__details[open] .zcm-platform-compare__less{display:inline}.zcm-platform-compare__details[open]>summary{border-bottom:1px solid rgba(255,255,255,.055)}
.zcm-capability-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.zcm-capability{grid-column:span 5;display:flex;gap:18px;min-width:0;padding:clamp(24px,3vw,34px);border:1px solid var(--zcm-line);border-radius:22px;background:var(--zcm-surface);box-shadow:0 24px 55px -50px rgba(12,36,55,.8)}.zcm-capability--chart,.zcm-capability--simulator{grid-column:span 7}.zcm-capability--chart{background:linear-gradient(145deg,color-mix(in srgb,var(--zcm-gold-soft) 54%,var(--zcm-surface)),var(--zcm-surface) 58%)}.zcm-capability__icon{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--zcm-gold) 35%,var(--zcm-line));border-radius:15px;background:var(--zcm-gold-soft);color:var(--zcm-gold)}.zcm-capability__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.zcm-capability h3{margin:2px 0 8px;font-size:1.1rem}.zcm-capability p{margin:0;color:var(--zcm-muted);font-size:.86rem;line-height:1.9}.zcm-capability ul{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 0;padding:0;list-style:none}.zcm-capability li{padding:5px 9px;border:1px solid var(--zcm-line);border-radius:999px;background:var(--zcm-soft);color:var(--zcm-muted);font-size:.66rem;font-weight:750}
.zcm-access-compare{scroll-margin-top:80px}.zcm-compare{overflow:hidden;border:1px solid var(--zcm-line);border-radius:22px;background:var(--zcm-surface);box-shadow:0 24px 60px -52px rgba(12,36,55,.8)}.zcm-compare>div{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(2,minmax(160px,.75fr));align-items:center;gap:20px;min-height:64px;padding:13px clamp(18px,3vw,32px);border-top:1px solid var(--zcm-line)}.zcm-compare>div:first-child{border-top:0}.zcm-compare__head{background:var(--zcm-soft);font-size:.78rem;font-weight:900}.zcm-compare strong{font-size:.83rem}.zcm-compare span{color:var(--zcm-muted);font-size:.78rem}.zcm-compare .is-included,.zcm-compare .is-locked{display:inline-flex;align-items:center;gap:7px;font-weight:800}.zcm-compare .is-included{color:var(--zcm-positive)}.zcm-compare .is-locked{color:var(--zcm-muted)}.zcm-compare .is-included::before,.zcm-compare .is-locked::before{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:50%;font-size:.7rem}.zcm-compare .is-included::before{content:'✓';background:color-mix(in srgb,var(--zcm-positive) 12%,var(--zcm-surface));color:var(--zcm-positive)}.zcm-compare .is-locked::before{content:'—';background:var(--zcm-soft);color:var(--zcm-muted)}
.zcm-activation ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.zcm-activation ol::before{content:'';position:absolute;top:29px;inset-inline:16%;height:1px;background:linear-gradient(90deg,transparent,var(--zcm-line) 12%,var(--zcm-line) 88%,transparent)}.zcm-activation li{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--zcm-line);border-radius:18px;background:var(--zcm-surface)}.zcm-activation li>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--zcm-gold) 45%,var(--zcm-line));border-radius:12px;background:var(--zcm-gold-soft);font-weight:900}.zcm-activation li div{display:grid;gap:5px}.zcm-activation strong{font-size:.86rem}.zcm-activation p{margin:0;color:var(--zcm-muted);font-size:.73rem;line-height:1.8}
.zcm-purchase-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:clamp(68px,8vw,104px);padding:clamp(25px,4vw,42px);border:1px solid color-mix(in srgb,var(--zcm-gold) 42%,var(--zcm-line));border-radius:24px;background:linear-gradient(125deg,color-mix(in srgb,var(--zcm-gold-soft) 55%,var(--zcm-surface)),var(--zcm-surface));box-shadow:0 28px 68px -54px color-mix(in srgb,var(--zcm-gold) 55%,transparent)}.zcm-purchase-footer h2{max-width:22ch;margin:11px 0 7px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.55}.zcm-purchase-footer>div>p{max-width:66ch;margin:0;color:var(--zcm-muted);line-height:1.9}.zcm-purchase-footer__actions{display:grid;justify-items:center;gap:10px;min-width:230px}.zcm-purchase-footer__actions .zcm-button{width:100%}.zcm-purchase-footer__actions p{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;font-size:.65rem}.zcm-purchase-footer__actions a:not(.zcm-button){color:var(--zcm-muted);font-weight:700;text-underline-offset:3px}.zcm-purchase-footer__actions span{color:var(--zcm-line)}
.zcm-home{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,5vw,72px);align-items:center;margin:0 0 var(--zch-section-space,7rem);padding:clamp(28px,5vw,52px);border:1px solid var(--zcm-line);border-top:2px solid var(--zcm-gold);border-radius:18px;background:var(--zcm-surface);box-shadow:0 26px 62px -48px rgba(15,38,59,.7)}
.zcm-home h2{margin:12px 0 10px;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.6}.zcm-home p{max-width:62ch;margin:0 0 22px;color:var(--zcm-muted);line-height:2}.zcm-home__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.zcm-home__features li{min-height:54px;padding:14px;border:1px solid var(--zcm-line);border-radius:11px;background:var(--zcm-soft);font-weight:700}
.zcm-account{display:grid;gap:22px}.zcm-account__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--zcm-line);border-radius:18px;background:var(--zcm-surface)}.zcm-account__head h1{margin:10px 0 6px;font-size:clamp(1.55rem,3vw,2.15rem)}.zcm-account__head p{margin:0;color:var(--zcm-muted);line-height:1.9}.zcm-state{display:inline-flex;min-height:34px;align-items:center;gap:8px;white-space:nowrap;padding:5px 11px;border-radius:999px;background:var(--zcm-soft);font-weight:800}.zcm-state span{width:8px;height:8px;border-radius:50%;background:var(--zcm-muted)}.zcm-state.is-active span,.zcm-state.is-trial span{background:var(--zcm-positive)}
.zcm-account__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zcm-account__summary>div{display:grid;gap:7px;padding:20px;border:1px solid var(--zcm-line);border-radius:14px;background:var(--zcm-surface)}.zcm-account__summary small{color:var(--zcm-muted)}.zcm-account__summary strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.zcm-note{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:18px;border-inline-start:3px solid var(--zcm-gold);border-radius:12px;background:var(--zcm-soft)}.zcm-note span{color:var(--zcm-muted)}.zcm-account__actions{display:flex;gap:10px;flex-wrap:wrap}
.zcm-orders{padding:22px;border:1px solid var(--zcm-line);border-radius:16px;background:var(--zcm-surface)}.zcm-orders h2{margin:0 0 16px;font-size:1.2rem}.zcm-orders__list{display:grid;gap:8px}.zcm-orders article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px;border-radius:10px;background:var(--zcm-soft)}.zcm-orders article>div{display:grid;gap:3px}.zcm-orders small{color:var(--zcm-muted)}.zcm-orders span{color:var(--zcm-muted)}.zcm-orders bdi{font-weight:800}
.zcm-orders article a{color:var(--zcm-ink);text-decoration:none}.zcm-orders article a:hover{text-decoration:underline;text-underline-offset:3px}
.zcm-payments{display:grid;min-width:0;gap:18px}.zcm-payments__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px;border:1px solid var(--zcm-line);border-radius:18px;background:linear-gradient(145deg,var(--zcm-surface),color-mix(in srgb,var(--zcm-gold-soft) 26%,var(--zcm-surface)))}.zcm-payments__head h1{margin:10px 0 6px;font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.55}.zcm-payments__head p{max-width:62ch;margin:0;color:var(--zcm-muted);line-height:1.9}.zcm-payments__notice{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:14px 16px;border-inline-start:3px solid #b45353;border-radius:12px;background:color-mix(in srgb,#b45353 10%,var(--zcm-surface));color:var(--zcm-ink)}.zcm-payments__notice span{color:var(--zcm-muted)}
.zcm-payment-list{display:grid;gap:10px}.zcm-payment-row{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(130px,auto) auto;align-items:center;gap:16px;min-width:0;padding:17px 18px;border:1px solid var(--zcm-line);border-radius:14px;background:var(--zcm-surface);box-shadow:0 15px 36px -34px rgba(10,35,55,.8)}.zcm-payment-row__identity{display:grid;min-width:0;gap:3px}.zcm-payment-row__identity small,.zcm-payment-row__identity time{color:var(--zcm-muted);font-size:.78rem}.zcm-payment-row__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zcm-payment-state{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--zcm-line);border-radius:999px;background:var(--zcm-soft);color:var(--zcm-muted);font-size:.78rem;font-weight:850;white-space:nowrap}.zcm-payment-state.is-completed,.zcm-payment-state.is-processing{border-color:color-mix(in srgb,var(--zcm-positive) 36%,var(--zcm-line));background:color-mix(in srgb,var(--zcm-positive) 10%,var(--zcm-surface));color:var(--zcm-positive)}.zcm-payment-state.is-failed,.zcm-payment-state.is-cancelled{border-color:color-mix(in srgb,#b45353 35%,var(--zcm-line));background:color-mix(in srgb,#b45353 9%,var(--zcm-surface));color:#a44747}.zcm-payment-row__amount{font-weight:900;white-space:nowrap}.zcm-payment-row__view{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--zcm-line);border-radius:10px;color:var(--zcm-ink)!important;font-weight:850;text-decoration:none!important;white-space:nowrap}.zcm-payment-row__view:hover{border-color:var(--zcm-gold);background:var(--zcm-gold-soft)}.zcm-payment-row__view:focus-visible{outline:3px solid var(--zcm-navy);outline-offset:2px}
.zcm-payments__empty{display:grid;justify-items:center;gap:9px;padding:clamp(36px,7vw,70px) 20px;border:1px dashed var(--zcm-line);border-radius:18px;background:var(--zcm-surface);text-align:center}.zcm-payments__empty>span{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:var(--zcm-gold-soft);color:var(--zcm-gold);font-size:2rem}.zcm-payments__empty strong{font-size:1.1rem}.zcm-payments__empty p{max-width:56ch;margin:0 0 8px;color:var(--zcm-muted);line-height:1.85}.zcm-payment-pages{display:flex;justify-content:center;gap:7px}.zcm-payment-pages a{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--zcm-line);border-radius:10px;background:var(--zcm-surface);color:var(--zcm-ink);font-weight:800;text-decoration:none}.zcm-payment-pages a.is-current{border-color:var(--zcm-gold);background:var(--zcm-gold);color:#172b3e}
.zcm-receipt{display:grid;gap:18px}.zcm-receipt__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zcm-receipt__summary>div{display:grid;gap:7px;padding:18px;border:1px solid var(--zcm-line);border-radius:13px;background:var(--zcm-surface)}.zcm-receipt__summary small{color:var(--zcm-muted)}.zcm-receipt__summary strong{font-size:.98rem}.zcm-receipt__items{padding:22px;border:1px solid var(--zcm-line);border-radius:16px;background:var(--zcm-surface)}.zcm-receipt__items h2{margin:0 0 14px;font-size:1.15rem}.zcm-receipt__item,.zcm-receipt__total{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--zcm-line)}.zcm-receipt__item>span{display:grid;gap:3px;font-weight:800}.zcm-receipt__item small,.zcm-receipt__total span{color:var(--zcm-muted);font-size:.8rem;font-weight:650}.zcm-receipt__item bdi,.zcm-receipt__total bdi{font-weight:850;white-space:nowrap}.zcm-receipt__total:last-child{font-size:1.05rem}.zcm-payment-actions{display:flex;gap:10px;flex-wrap:wrap}
.zcm-lock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px;border:1px solid var(--zcm-line);border-radius:16px;background:var(--zcm-surface)}.zcm-lock__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--zcm-gold-soft);color:var(--zcm-gold)}.zcm-lock__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.zcm-lock h2{margin:0 0 6px;font-size:1.25rem}.zcm-lock p{margin:0;color:var(--zcm-muted);line-height:1.8}
.zcm-chart-access{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--zcm-gold) 32%,var(--zcm-line));background:color-mix(in srgb,var(--zcm-gold-soft) 62%,var(--zcm-surface));font:700 .72rem/1.65 'IRANYekan',Tahoma,sans-serif}.zcm-chart-access__icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--zcm-gold) 35%,var(--zcm-line));border-radius:9px;background:var(--zcm-surface);color:var(--zcm-gold)}.zcm-chart-access__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}.zcm-chart-access__copy{display:grid;min-width:0;gap:1px}.zcm-chart-access__copy strong{color:var(--zcm-ink);font-size:.76rem}.zcm-chart-access__copy>span{overflow:hidden;color:var(--zcm-muted);text-overflow:ellipsis;white-space:nowrap}.zcm-chart-access>a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:6px 11px;border:1px solid var(--zcm-gold);border-radius:9px;background:var(--zcm-gold);color:#172b3e;font-size:.7rem;font-weight:900;text-decoration:none;white-space:nowrap}.zcm-chart-access>a:hover{filter:brightness(.97)}.zcm-chart-access>a:focus-visible{outline:3px solid var(--zcm-navy);outline-offset:2px}
.zcm-chart-quota{position:absolute;z-index:24;inset-inline-start:50%;bottom:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:max-content;max-width:min(520px,calc(100% - 28px));padding:11px 12px;border:1px solid color-mix(in srgb,var(--zcm-gold) 65%,var(--zcm-line));border-radius:12px;background:color-mix(in srgb,var(--zcm-surface) 97%,transparent);color:var(--zcm-ink);font:800 .76rem/1.75 'IRANYekan',Tahoma,sans-serif;text-align:start;box-shadow:0 18px 38px -25px rgba(0,0,0,.75);opacity:0;visibility:hidden;pointer-events:none;transform:translate(50%,8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.zcm-chart-quota.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(50%,0);transition-delay:0s}.zcm-chart-quota__copy{display:grid;min-width:0;gap:1px}.zcm-chart-quota__copy strong{font-size:.8rem}.zcm-chart-quota__copy>span{color:var(--zcm-muted);font-size:.7rem;font-weight:650}.zcm-chart-quota__action{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--zcm-gold);border-radius:9px;background:var(--zcm-gold);color:#172b3e!important;font-size:.68rem;font-weight:900;text-decoration:none!important;white-space:nowrap}.zcm-chart-quota__action:focus-visible{outline:3px solid var(--zcm-navy);outline-offset:2px}
.zcm-commerce{--zcm-bg:#f5f7f8;--zcm-surface:#fff;--zcm-soft:#edf2f5;--zcm-ink:#142a43;--zcm-muted:#5f7080;--zcm-line:#d8e2e8;--zcm-navy:#173652;--zcm-gold:#b9934b;width:min(1180px,calc(100% - 32px));min-height:65vh;margin:0 auto;padding:clamp(42px,6vw,78px) 0 72px;color:var(--zcm-ink);font-family:'IRANYekan',Tahoma,sans-serif}.zcm-commerce__head{margin-bottom:24px}.zcm-commerce__head h1{margin:12px 0 0;font-size:clamp(1.8rem,4vw,2.7rem)}.zcm-commerce__content{padding:clamp(18px,4vw,34px);border:1px solid var(--zcm-line);border-radius:18px;background:var(--zcm-surface);box-shadow:0 24px 58px -46px rgba(15,38,59,.7)}html.dark .zcm-commerce{--zcm-bg:#0e1c2c;--zcm-surface:#142a3e;--zcm-soft:#1d3449;--zcm-ink:#f0f5f8;--zcm-muted:#b4c3d0;--zcm-line:#344b60;--zcm-navy:#d3e6f5;--zcm-gold:#e7c98b}.zcm-commerce :where(input,select,textarea){border-color:var(--zcm-line)!important;background:var(--zcm-bg)!important;color:var(--zcm-ink)!important}.zcm-commerce :where(button,.button,.wc-block-components-button){min-height:44px;border-radius:10px!important}.zcm-commerce a:focus-visible,.zcm-commerce button:focus-visible,.zcm-commerce input:focus-visible{outline:3px solid var(--zcm-navy);outline-offset:3px}
@media(max-width:1050px){.zcm-product-hero{grid-template-columns:minmax(0,1fr);min-height:0}.zcm-product-hero h1{max-width:16ch}.zcm-workspace-preview{width:min(680px,100%);max-width:100%;margin-inline:auto}.zcm-capability{grid-column:span 6}.zcm-capability--chart,.zcm-capability--simulator{grid-column:span 6}}
@media(max-width:900px){.zcm-trust-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.zcm-trust-rail>div:nth-child(3){border-top:1px solid var(--zcm-line);border-inline-start:0}.zcm-trust-rail>div:nth-child(4){border-top:1px solid var(--zcm-line)}.zcm-capability{grid-column:1/-1}.zcm-purchase-footer{grid-template-columns:1fr}.zcm-purchase-footer__actions{justify-items:start;min-width:0}.zcm-purchase-footer__actions .zcm-button{width:auto;min-width:220px}.zcm-payment-row{grid-template-columns:minmax(0,1fr) auto}.zcm-payment-row__amount{grid-column:1}.zcm-payment-row__view{grid-column:2;grid-row:2}.zcm-receipt__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.zcm-plan-grid{grid-template-columns:1fr}.zcm-home{grid-template-columns:1fr}.zcm-account__summary{grid-template-columns:1fr}.zcm-lock{grid-template-columns:auto minmax(0,1fr)}.zcm-lock .zcm-button{grid-column:1/-1}.zcm-plan.is-recommended{order:-1;transform:none}.zcm-compare>div{grid-template-columns:minmax(160px,1.1fr) repeat(2,minmax(120px,.9fr));gap:12px}.zcm-activation ol{grid-template-columns:1fr}.zcm-activation ol::before{display:none}.zcm-payments__head{align-items:stretch;flex-direction:column}.zcm-payments__head .zcm-button{align-self:flex-start}}
@media(max-width:620px){.zcm-product-proof{grid-template-columns:1fr}.zcm-trust-rail{margin-inline:10px}.zcm-workspace-preview__tools{grid-template-columns:repeat(2,minmax(0,1fr))}.zcm-platform-table{border-radius:14px}.zcm-platform-table__head,.zcm-platform-table__row{grid-template-columns:minmax(112px,1.35fr) repeat(2,minmax(68px,.82fr));gap:5px;padding:10px 11px}.zcm-platform-table__head{display:grid;min-height:56px;font-size:.62rem}.zcm-platform-table__head>strong{gap:4px;font-size:.61rem;line-height:1.55}.zcm-platform-table__brand{display:none}.zcm-platform-table__group{min-height:37px;padding:7px 11px}.zcm-platform-table__group strong{font-size:.65rem}.zcm-platform-table__row{min-height:52px}.zcm-platform-table__row>strong{font-size:.66rem;line-height:1.65}.zcm-platform-table__value{gap:4px;font-size:.61rem;line-height:1.5}.zcm-platform-table__value.is-zarin::before,.zcm-platform-table__value.is-supported::before{width:17px;height:17px;font-size:.54rem}.zcm-platform-compare__details>summary{min-height:48px}.zcm-compare{display:grid;gap:10px;padding:10px;border:0;background:transparent;box-shadow:none}.zcm-compare>div,.zcm-compare__head{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;border:1px solid var(--zcm-line);border-radius:14px;background:var(--zcm-surface)}.zcm-compare__head{display:none}.zcm-compare>div strong{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid var(--zcm-line)}.zcm-compare>div span{display:grid;align-content:start;gap:4px}.zcm-compare>div span::after{display:block;color:var(--zcm-muted);font-size:.61rem;font-weight:700}.zcm-compare>div span:nth-child(2)::after{content:'دسترسی عمومی'}.zcm-compare>div span:nth-child(3)::after{content:'اشتراک کامل'}.zcm-compare .is-included,.zcm-compare .is-locked{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:start}.zcm-compare .is-included::after,.zcm-compare .is-locked::after{grid-column:1/-1;grid-row:2}}
@media(max-width:520px){.zcm-plans{width:calc(100% - 20px);max-width:1200px;padding-top:24px;overflow-x:clip}.zcm-product-hero{display:flex;width:100%;max-width:100%;flex-direction:column;gap:28px;padding:24px 18px;border-radius:23px}.zcm-product-hero__copy,.zcm-workspace-preview{width:100%;max-width:100%;min-width:0}.zcm-product-hero h1{width:100%;max-width:none;margin-top:14px;font-size:clamp(1.92rem,10vw,2.55rem);line-height:1.45;overflow-wrap:anywhere}.zcm-product-hero__copy>p{width:100%;font-size:.88rem;line-height:1.9;overflow-wrap:anywhere}.zcm-product-hero__actions,.zcm-product-hero__actions .zcm-button{width:100%;max-width:100%}.zcm-product-hero__actions .zcm-button{min-height:48px}.zcm-product-proof{width:100%;gap:8px;margin-top:22px;padding-top:16px}.zcm-product-proof li{align-items:center}.zcm-product-proof small{font-size:.62rem}.zcm-workspace-preview{padding:9px;border-radius:18px}.zcm-workspace-preview__canvas{height:205px}.zcm-workspace-preview header{padding:3px 3px 10px}.zcm-workspace-preview__state{padding-inline:7px}.zcm-workspace-preview__tools span{font-size:.59rem}.zcm-workspace-preview footer span{max-width:26ch}.zcm-trust-rail{grid-template-columns:1fr;margin-inline:9px;border-radius:0 0 16px 16px}.zcm-trust-rail>div{justify-content:flex-start;padding:13px 16px;border-top:1px solid var(--zcm-line);border-inline-start:0}.zcm-trust-rail>div:first-child{border-top:0}.zcm-section-head{text-align:start}.zcm-section-head h2{font-size:1.55rem}.zcm-plan-picker,.zcm-platform-compare,.zcm-capabilities,.zcm-access-compare,.zcm-activation{padding-top:66px}.zcm-plan{padding:22px;border-radius:20px}.zcm-plan__monthly{align-items:flex-start;flex-direction:column}.zcm-capability{align-items:flex-start;gap:13px;padding:20px;border-radius:18px}.zcm-capability__icon{width:44px;height:44px}.zcm-capability p{font-size:.8rem}.zcm-purchase-footer{gap:23px;padding:22px;border-radius:19px}.zcm-purchase-footer__actions,.zcm-purchase-footer__actions .zcm-button{width:100%}.zcm-purchase-footer__actions p{justify-content:flex-start}.zcm-home,.zcm-account__head,.zcm-lock{padding:20px}.zcm-home__features{grid-template-columns:1fr}.zcm-account__head{flex-direction:column}.zcm-account__actions,.zcm-account__actions .zcm-button{width:100%}.zcm-orders article{grid-template-columns:1fr auto}.zcm-orders article>bdi{grid-column:1/-1}.zcm-payments__head{padding:20px}.zcm-payments__head .zcm-button{width:100%}.zcm-payment-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px}.zcm-payment-row__identity{grid-column:1/-1}.zcm-payment-row__identity strong{white-space:normal}.zcm-payment-row__amount{grid-column:1;grid-row:2}.zcm-payment-row__view{grid-column:1/-1;grid-row:3;justify-content:center}.zcm-receipt__summary{grid-template-columns:1fr}.zcm-receipt__items{padding:17px}.zcm-receipt__item,.zcm-receipt__total{align-items:flex-start;flex-direction:column;gap:7px}.zcm-payment-actions,.zcm-payment-actions .zcm-button{width:100%}}
@media(max-width:520px){.zcm-chart-access{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px}.zcm-chart-access__icon{width:30px;height:30px}.zcm-chart-access__copy>span{display:none}.zcm-chart-access>a{min-height:34px;padding-inline:9px}}
@media(max-width:520px){.zcm-chart-quota{bottom:52px;grid-template-columns:minmax(0,1fr);gap:7px;width:calc(100% - 20px);max-width:none;padding:10px}.zcm-chart-quota__copy>span{display:none}.zcm-chart-quota__action{width:100%}}
@media(prefers-reduced-motion:reduce){.zcm-button,.zcm-chart-quota{transition:none}.zcm-button:hover{transform:none}}
.zcm-platform-compare__intro{margin-bottom:22px}.zcm-platform-compare__intro h2{margin:0}

/*
 * 2026-11-06 — Platform comparison alignment correction.
 * Reason: centered flex values made checkmarks drift horizontally and allowed short status labels to wrap.
 * Fix: reserves a fixed RTL icon rail, keeps every value on one line, right-aligns all cells, and supports real brand images.
 * Dependencies: zcm-platform-table markup in zarinchart-memberships.php and assets/tradingview.svg.
 * Regression note: the previous centered layout caused the uneven rows visible in the reported mobile screenshot.
 */
.zcm-platform-table__head>span,.zcm-platform-table__head>strong,.zcm-platform-table__row>strong,.zcm-platform-table__value{text-align:right}.zcm-platform-table__head>strong{min-width:0;justify-content:flex-start}.zcm-platform-table__brand{width:30px;height:30px;flex:0 0 auto;overflow:hidden;border-radius:9px;background:transparent}.zcm-platform-table__brand img{display:block;width:100%;height:100%;object-fit:contain}.zcm-platform-table__brand--rivals{padding:5px;background:#f4f7f9}.zcm-platform-table__row>strong,.zcm-platform-table__value>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zcm-platform-table__value{position:relative;display:block;min-width:0;padding-inline-start:28px;white-space:nowrap}.zcm-platform-table__value.is-zarin::before,.zcm-platform-table__value.is-supported::before{position:absolute;inset-block-start:50%;inset-inline-start:0;margin:0;transform:translateY(-50%)}
@media(max-width:620px){.zcm-platform-table__head,.zcm-platform-table__row{grid-template-columns:minmax(118px,1.42fr) repeat(2,minmax(75px,.79fr));gap:4px;padding-inline:10px}.zcm-platform-table__head>strong{align-items:flex-start;flex-direction:column;gap:3px}.zcm-platform-table__brand{display:grid;width:24px;height:24px}.zcm-platform-table__brand--rivals{padding:4px}.zcm-platform-table__head>strong>span:last-child{font-size:.56rem;white-space:nowrap}.zcm-platform-table__value{padding-inline-start:21px}.zcm-platform-table__row>strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zcm-platform-table__value>span{font-size:.57rem}}

/*
 * 2026-11-06 — Conversion-focused platform comparison and homepage teaser.
 * Reason: the accurate matrix read as a utility table, while the former home
 * subscription card did not show a concrete product difference or invite deeper exploration.
 * Fix: add a segmented proof rail, a continuous highlighted Zarin Chart column,
 * clearer row rhythm, and a four-row request-free comparison preview on the homepage.
 * Dependencies: canonical comparison catalogue and markup in zarinchart-memberships.php.
 * Regression note: the previous centered/flexible cells drifted on phones; fixed
 * three-column grids, nowrap values and the existing 620px contract stay intact.
 */
.zcm-platform-compare{position:relative}.zcm-platform-compare__intro{max-width:700px}.zcm-platform-compare__intro .zcm-eyebrow{margin-bottom:10px}.zcm-platform-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,calc(100% - 32px));margin:0 auto -1px;overflow:hidden;border:1px solid rgba(231,201,139,.2);border-bottom:0;border-radius:18px 18px 0 0;background:#10283b;color:#eef3f6}.zcm-platform-proof>span{display:flex;min-height:74px;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-inline-start:1px solid rgba(255,255,255,.08)}.zcm-platform-proof>span:first-child{border-inline-start:0}.zcm-platform-proof strong{color:#e7c98b;font-size:1.4rem;font-variant-numeric:tabular-nums}.zcm-platform-proof small{color:#adbfca;font-size:.7rem;font-weight:750}.zcm-platform-table{border-color:rgba(231,201,139,.25);border-radius:22px;background:linear-gradient(180deg,#0c2133,#091b2b);box-shadow:0 34px 74px -50px rgba(3,17,28,.95)}.zcm-platform-table__head{min-height:76px;background:linear-gradient(90deg,#10283b,#122e44)}.zcm-platform-table__head>strong:nth-child(2){position:relative;align-self:stretch;margin-block:-12px;padding-block:12px;border-inline:1px solid rgba(231,201,139,.15);background:rgba(231,201,139,.07)}.zcm-platform-table__head>strong:nth-child(2)>span:last-child{display:grid;gap:2px}.zcm-platform-table__head>strong:nth-child(2) small{color:#92a8b7;font-size:.57rem;font-weight:650}.zcm-platform-table__group{min-height:44px;background:#10293d}.zcm-platform-table__group strong{display:flex;align-items:center;gap:8px}.zcm-platform-table__group strong::before{content:'';width:18px;height:2px;border-radius:99px;background:#e7c98b}.zcm-platform-table__row{min-height:58px;transition:background-color .16s ease}.zcm-platform-table__row:nth-of-type(2n){background:rgba(255,255,255,.012)}.zcm-platform-table__row>.zcm-platform-table__value:nth-child(2){align-self:stretch;margin-block:-12px;padding-block:12px;padding-inline-start:28px;border-inline:1px solid rgba(231,201,139,.09);background:rgba(231,201,139,.025)}.zcm-platform-table__row>.zcm-platform-table__value:nth-child(2)::before{inset-inline-start:10px}.zcm-platform-compare__details>summary{min-height:58px;border-top:1px solid rgba(231,201,139,.1);background:linear-gradient(90deg,rgba(231,201,139,.02),rgba(231,201,139,.07),rgba(231,201,139,.02))}.zcm-platform-compare__details>summary:hover{background:rgba(231,201,139,.09)}
.zcm-home{position:relative;isolation:isolate;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:clamp(30px,5vw,68px);overflow:hidden;padding:clamp(30px,5vw,58px);border:1px solid rgba(231,201,139,.26);border-top:1px solid rgba(231,201,139,.42);border-radius:28px;background:radial-gradient(circle at 9% 18%,rgba(231,201,139,.13),transparent 30%),linear-gradient(135deg,#102b42 0%,#0a1d2d 66%,#071824 100%);color:#f1f5f7;box-shadow:0 34px 80px -55px rgba(3,17,28,.98)}.zcm-home::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to left,black,transparent 76%)}.zcm-home__copy{min-width:0}.zcm-home .zcm-eyebrow{border-color:rgba(231,201,139,.32);background:rgba(231,201,139,.1);color:#ecd49e}.zcm-home h2{max-width:15ch;margin:17px 0 13px;color:#fff;font-size:clamp(1.7rem,3.2vw,2.65rem);line-height:1.55;text-wrap:balance}.zcm-home p{max-width:53ch;margin-bottom:17px;color:#b7c6d1;font-size:.92rem;line-height:2}.zcm-home__benefits{display:flex;gap:9px 18px;flex-wrap:wrap;margin:0 0 24px;padding:0;list-style:none}.zcm-home__benefits li{position:relative;padding-inline-start:19px;color:#dbe5eb;font-size:.73rem;font-weight:750}.zcm-home__benefits li::before{content:'✓';position:absolute;inset-inline-start:0;color:#93dfba}.zcm-home .zcm-button{gap:10px;min-height:50px;padding-inline:20px}.zcm-home .zcm-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.zcm-home-compare{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(5,20,31,.72);box-shadow:0 28px 64px -38px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.04)}.zcm-home-compare__head,.zcm-home-compare__row{display:grid;grid-template-columns:minmax(150px,1.35fr) repeat(2,minmax(92px,.75fr));align-items:center;gap:7px;padding:12px 16px}.zcm-home-compare__head{min-height:68px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#9eb2bf;font-size:.65rem}.zcm-home-compare__head>strong{display:flex;min-width:0;align-items:center;gap:7px;color:#edf3f6;font-size:.68rem}.zcm-home-compare__head>strong:nth-child(2){color:#e7c98b}.zcm-home-compare__brand{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:8px}.zcm-home-compare__brand img{display:block;width:100%;height:100%;object-fit:contain}.zcm-home-compare__brand.is-rival{padding:4px;background:#f4f7f9}.zcm-home-compare__row{min-height:57px;border-bottom:1px solid rgba(255,255,255,.065);font-size:.68rem}.zcm-home-compare__row>strong{min-width:0;overflow:hidden;color:#e3ebef;text-overflow:ellipsis;white-space:nowrap}.zcm-home-compare__row>span{min-width:0;overflow:hidden;color:#aebfca;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.zcm-home-compare__row>span:nth-child(2){align-self:stretch;display:flex;align-items:center;gap:6px;margin-block:-12px;padding-block:12px;padding-inline:9px;border-inline:1px solid rgba(231,201,139,.1);background:rgba(231,201,139,.045);color:#9ce0bf}.zcm-home-compare__row i{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid rgba(147,223,186,.18);border-radius:50%;background:rgba(147,223,186,.08);color:#93dfba;font-size:.55rem;font-style:normal}.zcm-home-compare__row .is-limited{color:#d7ba7d}.zcm-home-compare__more{display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:#e7c98b!important;font-size:.72rem;font-weight:850;text-decoration:none!important}.zcm-home-compare__more:hover{background:rgba(231,201,139,.06)}.zcm-home-compare__more:focus-visible{outline:3px solid #e7c98b;outline-offset:-5px}
@media(max-width:800px){.zcm-home{grid-template-columns:1fr}.zcm-home h2{max-width:20ch}.zcm-home-compare{width:100%}}
@media(max-width:620px){.zcm-platform-proof{width:calc(100% - 20px)}.zcm-platform-proof>span{min-height:60px;gap:6px;padding:9px 7px}.zcm-platform-proof strong{font-size:1.05rem}.zcm-platform-proof small{font-size:.58rem}.zcm-platform-table__head>strong:nth-child(2){margin-block:-10px;padding-block:10px}.zcm-platform-table__head>strong:nth-child(2) small{display:none}.zcm-platform-table__row>.zcm-platform-table__value:nth-child(2){margin-block:-10px;padding-block:10px;padding-inline-start:21px}.zcm-platform-table__row>.zcm-platform-table__value:nth-child(2)::before{inset-inline-start:4px}.zcm-home{padding:24px 18px;border-radius:22px}.zcm-home h2{font-size:clamp(1.55rem,7vw,2rem)}.zcm-home-compare__head,.zcm-home-compare__row{grid-template-columns:minmax(112px,1.3fr) repeat(2,minmax(67px,.78fr));gap:4px;padding-inline:10px}.zcm-home-compare__head>strong{align-items:flex-start;flex-direction:column;gap:3px;font-size:.58rem}.zcm-home-compare__brand{width:23px;height:23px}.zcm-home-compare__row{font-size:.58rem}.zcm-home-compare__row>span:nth-child(2){padding-inline:5px}.zcm-home-compare__more{min-height:48px}}
@media(prefers-reduced-motion:reduce){.zcm-platform-table__row{transition:none}}