/* /easydesk — additions on top of product-page.css */
.ed-after{margin:14px 0 0;font:400 17px/1.68 var(--font-body);color:var(--ink-mutedb)}

/* what hasn't changed — three plain tracks, no cards, no icons */
.ed-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:36px;border-top:1px solid var(--border-a)}
.ed-track{padding-top:18px}
.ed-track h3{margin:0;font:500 11px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-700b)}
.ed-track ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.ed-track li{font:400 16.5px/1.4 var(--font-body);color:var(--ink-a);text-wrap:pretty}

/* needs-confirmation placeholder — deliberately non-brand neutral */
.ed-nc{margin:30px 0 0;padding:16px 18px;border:1px dashed #A0A6A3;border-radius:14px;background:transparent}
.ed-nc-l{display:inline-block;margin:0 0 8px;font:500 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#4E5450}
.ed-nc p{margin:0;font:400 15.5px/1.6 var(--font-body);color:#4B4B4B;text-wrap:pretty}
.ed-nc p+p{margin-top:10px}
.ed-nc b{font-weight:600;color:#3A403D}

/* price band — light */
.ed-price-line{margin:22px 0 0;font:500 17.5px/1.5 var(--font-body);color:var(--ink-a);font-variant-numeric:tabular-nums}
.ed-price-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:60ch}
.ed-price-list li{font:400 17px/1.6 var(--font-body);color:var(--ink-mutedb)}
.ed-fine{margin:18px 0 0;font:400 14.5px/1.5 var(--font-body);color:var(--ink-mutedb)}
.ed-nofree{margin:28px 0 0;padding:18px 20px;border:1px solid var(--border-a);border-radius:16px;background:var(--mint-50);font:500 17.5px/1.55 var(--font-body);color:#12241C;max-width:60ch}

/* workspace mock with the setup switcher — the one visual on the page */
.ed-ws{margin-top:32px}
.ed-ws-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:28px}
.ed-seg{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--border-a);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md-g)}
.ed-seg button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--ink-mutedb);font:500 15px/1 var(--font-body);cursor:pointer;white-space:nowrap;transition:background-color .16s ease-out,color .16s ease-out}
.ed-seg button:hover{color:var(--green-700b)}
.ed-seg button[aria-selected="true"]{background:var(--green-500b);color:#fff}
.ed-seg-note{margin:0;font:400 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--ink-mutedb)}
.ed-mock{max-width:940px;border:1px solid var(--border-a);border-radius:28px;background:var(--canvas);box-shadow:var(--shadow-lg-g);overflow:hidden}
.ed-mock-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--border-a);background:var(--surface)}
.ed-mock-bar i{width:9px;height:9px;flex:none;border-radius:999px;background:var(--border-a)}
.ed-mock-bar span{margin-left:8px;font:500 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mutedb)}
.ed-mock-body{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.ed-mock-nav{padding:16px 14px;border-right:1px solid var(--border-a);background:var(--surface)}
.ed-mock-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
/* every row keeps its slot in every tab: the sidebar height never changes */
.ed-mrow>span{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:10px;font:500 14.5px/1 var(--font-body);color:var(--ink-mutedb)}
.ed-mrow>span::before{content:"";width:14px;height:14px;flex:none;border-radius:4px;background:var(--mint-200)}
.ed-mrow.off>span{opacity:0;transition:opacity .18s linear}
.ed-mrow>span .ed-core,.ed-mrow>span em{font-style:normal}
.ed-mrow>span em{margin-left:auto;font:500 10px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--green-700b)}
.ed-mrow>span.ed-core{background:var(--mint-50);color:var(--green-700b)}
.ed-mrow>span.ed-core::before{background:var(--green-500b)}
@keyframes edRowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pp-motion .ed-mrow.on:not(.ed-hold)>span{animation:edRowIn .26s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*60ms)}
.ed-mock-main{padding:22px;display:flex;flex-direction:column;gap:14px;background:var(--canvas)}
.ed-mk-row{display:flex;gap:12px}
.ed-mk{border:1px solid var(--border-a);border-radius:14px;background:var(--surface)}
.ed-mk-t{flex:1;height:70px;padding:14px}
.ed-mk-t b{display:block;font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mutedb)}
.ed-mk-t em{display:block;margin-top:8px;font:600 20px/1 var(--font-body);font-style:normal;color:var(--ink-a);font-variant-numeric:tabular-nums}
.ed-mk-l{flex:1;min-height:0;padding:2px 14px;display:flex;flex-direction:column}
.ed-mk-l i{display:flex;align-items:center;flex:1;min-height:36px;border-bottom:1px solid var(--border-a)}
.ed-mk-l i:last-child{border-bottom:0}
.ed-mk-l i::before{content:"";display:block;width:70%;height:9px;border-radius:999px;background:var(--mint-100)}
.ed-mk-l i:nth-child(2)::before{width:82%}.ed-mk-l i:nth-child(3)::before{width:64%}.ed-mk-l i:nth-child(4)::before{width:74%}.ed-mk-l i:nth-child(5)::before{width:52%}.ed-mk-l i:nth-child(6)::before{width:78%}.ed-mk-l i:nth-child(7)::before{width:60%}.ed-mk-l i:nth-child(8)::before{width:72%}.ed-mk-l i:nth-child(9)::before{width:56%}
.ed-ws-note{margin:26px 0 0;font:400 15px/1.6 var(--font-body);color:var(--ink-mutedb);text-wrap:pretty}

@media(max-width:1000px){.ed-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.ed-track:nth-child(n+3){margin-top:26px;padding-top:18px;border-top:1px solid var(--border-a)}}
@media(max-width:820px){.ed-mock-body{grid-template-columns:1fr}.ed-mock-nav{border-right:0;border-bottom:1px solid var(--border-a)}.ed-seg{display:flex;width:100%;overflow-x:auto;border-radius:16px}.ed-seg button{flex:1 0 auto;padding:0 14px}}
@media(max-width:720px){
 .ed-tracks{grid-template-columns:1fr}.ed-track+.ed-track{margin-top:24px;padding-top:18px;border-top:1px solid var(--border-a)}
 .ed-row-v p,.ed-after{font-size:16.5px}
}
@media(prefers-reduced-motion:reduce){.pp-motion .ed-mrow.on:not(.ed-hold)>span{animation:none}.ed-mrow.off>span{transition:none}.ed-seg button{transition:none}}