/* AxioraX New: Explore AxioraX (js/explore.js). About AxioraX with its five reads and the position paper,
   the AxioraX Ecosystem, the Investor Portal and the Scientific Desk, in the app's green and gold.
   Every rule sits on a class of its own (ex-...), so no other screen is touched. Logical sides
   throughout, so Arabic mirrors by itself. */

/* ---------- the page ---------- */
.ex{--ex-body:#262626;--ex-rule:#E9ECE9}
.ex .ex-gap{height:22px}
.ex .ex-lead{margin:18px 0 0;margin-inline-start:.667px;font-size:17px;line-height:26px;color:var(--ex-body);text-wrap:pretty}
.ex .ex-lead b,.ex .ex-p b,.ex .ex-cx b,.ex .ex-li b,.ex .ex-rx b{font-weight:700;color:var(--ink)}
.ex em{font-style:normal;color:var(--gold-ink)}
.ex .ex-p{margin:12px 0 0;font-size:16px;line-height:25px;color:var(--ex-body);text-wrap:pretty;overflow-wrap:anywhere}
.ex .ex-p:first-child{margin-top:0}
.ex .ex-h3{margin:22px 0 0;font-size:18px;line-height:25px;font-weight:700;color:var(--ink)}
.ex .ex-note{margin:14px 0 0;font-size:14px;line-height:20px;color:var(--ph);text-align:center;text-wrap:pretty}
html[dir=rtl] .ex .ex-lead{font-size:18px;line-height:29px}
html[dir=rtl] .ex .ex-p{font-size:17px;line-height:28px}
html[dir=rtl] .ex .ex-h3{font-size:19px;line-height:27px}
.ex [dir=ltr]{text-align:left}
.ex bdi{unicode-bidi:isolate}

/* ---------- the hero ---------- */
.ex .ex-hero{position:relative;margin-top:8px;padding:20px 20px 19px;border-radius:28px;background:linear-gradient(150deg,#1E6B45 0%,#135333 70%);color:#fff;overflow:hidden}
.ex .ex-hero::after{content:"";position:absolute;inset-inline-end:-46px;top:-56px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(228,190,63,.30),rgba(228,190,63,0) 70%);pointer-events:none}
.ex .ex-hero > *{position:relative;z-index:1}
.ex .ex-hrow{display:flex;align-items:center;gap:12px}
.ex .ex-hnum{flex:none;display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:14px;background:rgba(255,255,255,.14);font-family:"PJS",sans-serif;font-size:17px;font-weight:700;color:#E9D98A;letter-spacing:.02em}
.ex .ex-hic{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.ex .ex-kick{font-size:13.5px;line-height:18px;font-weight:600;color:#E9D98A;min-width:0}
.ex .ex-htitle{margin-top:14px;font-size:27px;line-height:33px;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}
.ex .ex-htag{margin-top:6px;font-size:17px;line-height:24px;color:rgba(255,255,255,.88);text-wrap:balance}
.ex .ex-hero em{color:#E9D98A}
.ex .ex-hsub{margin-top:10px;font-size:15px;line-height:22px;color:rgba(255,255,255,.84);text-wrap:pretty}
.ex .ex-hfacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.ex .ex-hfacts span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px;border-radius:15px;background:rgba(255,255,255,.14);font-size:13.5px;line-height:18px;font-weight:600;color:#fff}
html[dir=rtl] .ex .ex-htitle{letter-spacing:0;line-height:38px}
html[dir=rtl] .ex .ex-htag{font-size:18px;line-height:27px}
html[dir=rtl] .ex .ex-kick,html[dir=rtl] .ex .ex-hsub{font-size:15px;line-height:22px}
.ex .ex-hero.gold{background:linear-gradient(150deg,#B09C27 0%,#8C7A14 55%,#76670F 100%)}
.ex .ex-hero.gold::after{background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,255,255,0) 70%)}

/* ---------- buttons ---------- */
.ex .ex-btns{display:grid;gap:10px;margin-top:18px}
.ex .ex-btns.two{grid-template-columns:1fr 1fr}
.ex .ex-pdf{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:22px;background:var(--green-soft);color:var(--green);font-size:15.5px;font-weight:600;margin-top:16px;transition:transform .12s}
.ex .ex-pdf:active{transform:scale(.97)}
.ex .bp svg,.ex .bs svg{flex:none}
.ex .ex-link{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600;font-size:15.5px;line-height:22px}

/* ---------- a list of reads, or of ecosystems ---------- */
.ex .ex-list{display:flex;flex-direction:column;gap:12px}
.ex .ex-doc{display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;column-gap:14px;width:100%;padding-block:14px;padding-inline:14px 12px;border-radius:24px;background:var(--row);text-align:start;color:var(--ink);transition:background .15s,transform .15s}
.ex .ex-doc:active{background:#ECECEC;transform:scale(.985)}
.ex .ex-cover{position:relative;display:grid;place-items:center;width:56px;height:72px;border-radius:14px;background:linear-gradient(155deg,#135333 0%,#1E6B45 100%);box-shadow:0 2px 8px rgba(19,83,51,.18);overflow:hidden}
.ex .ex-cover i{font-style:normal;font-family:"PJS",sans-serif;font-size:21px;font-weight:800;color:#E4BE3F;letter-spacing:.01em}
.ex .ex-cover b{position:absolute;top:0;inset-inline-end:9px;width:8px;height:15px;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.ex .ex-cover.gold{background:linear-gradient(155deg,#8C7A14 0%,#A79421 100%)}
.ex .ex-cover.gold i{color:#fff}
.ex .ex-cover.gold b{background:#fff}
.ex .ex-dt{display:flex;flex-direction:column;min-width:0}
.ex .ex-dt em{font-size:13px;line-height:18px;font-weight:600;color:var(--gold-ink)}
.ex .ex-dt b{font-size:17px;line-height:23px;font-weight:600;margin-top:1px}
.ex .ex-dt span{font-size:14.5px;line-height:20px;color:var(--sub);margin-top:2px;text-wrap:pretty}
.ex .ex-dt small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;line-height:18px;color:var(--ph);margin-top:5px}
html[dir=rtl] .ex .ex-dt b{font-size:18px;line-height:25px}
html[dir=rtl] .ex .ex-dt span{font-size:15.5px;line-height:22px}
.ex .ex-doc > .chev{justify-self:end}

/* the tiles that lead somewhere (ecosystems, routes, sections) */
.ex .ex-way{display:flex;align-items:center;gap:14px;width:100%;min-height:80px;padding-block:15px;padding-inline:15px 16px;border-radius:24px;background:var(--row);text-align:start;color:var(--ink);transition:background .15s,transform .15s}
.ex .ex-way:active{background:#ECECEC;transform:scale(.985)}
.ex .ex-wi{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--green-soft)}
.ex .ex-wi.gold{background:var(--gold-soft)}
.ex .ex-wt{flex:1;min-width:0;display:flex;flex-direction:column}
.ex .ex-wt b{font-size:17px;line-height:23px;font-weight:600}
.ex .ex-wt span{font-size:14.5px;line-height:20px;color:var(--sub);margin-top:2px;text-wrap:pretty}
html[dir=rtl] .ex .ex-wt b{font-size:18px;line-height:25px}
html[dir=rtl] .ex .ex-wt span{font-size:15.5px;line-height:22px}
.ex .ex-way > .chev{flex:none}
.ex .ex-joined{gap:2.333px}
.ex .ex-joined .ex-way{border-radius:4px}
.ex .ex-joined .ex-way:first-child{border-top-left-radius:24px;border-top-right-radius:24px}
.ex .ex-joined .ex-way:last-child{border-bottom-left-radius:24px;border-bottom-right-radius:24px}

/* ---------- in this document ---------- */
.ex .ex-toc{display:flex;flex-direction:column;gap:2.333px}
.ex .ex-toc button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding-block:10px;padding-inline:16px 14px;background:var(--row);border-radius:4px;text-align:start;font-size:16px;line-height:22px;color:var(--ink);transition:background .15s}
.ex .ex-toc button:active{background:#EAEAEA}
.ex .ex-toc button:first-child{border-top-left-radius:22px;border-top-right-radius:22px}
.ex .ex-toc button:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.ex .ex-toc i{flex:none;display:grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:13px;background:#fff;font-style:normal;font-family:"PJS",sans-serif;font-size:12.5px;font-weight:700;color:var(--green)}
.ex .ex-toc span{flex:1;min-width:0}
.ex .ex-toc svg{flex:none}
html[dir=rtl] .ex .ex-toc button{font-size:17px;line-height:24px}

/* ---------- a section of a read ---------- */
.ex .ex-sec{margin-top:34px;scroll-margin-top:calc(var(--sat) + 76px)}
.ex .ex-shead{display:flex;align-items:flex-start;gap:12px}
.ex .ex-sn{flex:none;display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:17px;background:var(--green);color:#fff;font-family:"PJS",sans-serif;font-size:13.5px;font-weight:700;margin-top:1px}
.ex .ex-sn.roman{font-size:12.5px;letter-spacing:.02em}
.ex .ex-shw{flex:1;min-width:0}
.ex .ex-sk{font-size:13px;line-height:18px;font-weight:600;color:var(--gold-ink)}
.ex .ex-sh{font-size:22px;line-height:29px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}
html[dir=rtl] .ex .ex-sh{font-size:23px;line-height:33px;letter-spacing:0}
html[dir=rtl] .ex .ex-sk{font-size:14px;line-height:20px}
.ex .ex-sbody{margin-top:14px}
.ex .ex-sbody > *:first-child{margin-top:0}

/* ---------- cards ---------- */
.ex .ex-cards{display:grid;gap:10px;margin-top:14px}
.ex .ex-card{position:relative;padding:16px 17px 17px;border-radius:22px;background:var(--row)}
.ex .ex-card.gold{background:var(--gold-soft)}
.ex .ex-card.green{background:var(--green-soft)}
.ex .ex-card.line{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ex-rule)}
.ex .ex-ctop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ex .ex-cn{flex:none;display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:12px;background:#fff;font-family:"PJS",sans-serif;font-size:12px;font-weight:700;color:var(--green)}
.ex .ex-card.gold .ex-cn,.ex .ex-card.green .ex-cn{background:#fff}
.ex .ex-ck{font-size:13px;line-height:18px;font-weight:600;color:var(--gold-ink)}
.ex .ex-card.green .ex-ck{color:var(--green)}
.ex .ex-ch{margin-top:8px;font-size:17px;line-height:24px;font-weight:700;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere}
.ex .ex-ctop + .ex-ch{margin-top:9px}
.ex .ex-card > .ex-ch:first-child{margin-top:0}
.ex .ex-cx{margin-top:6px;font-size:15px;line-height:22px;color:#3A3A3A;text-wrap:pretty;overflow-wrap:anywhere}
.ex .ex-card > .ex-cx:first-child{margin-top:0}
html[dir=rtl] .ex .ex-ch{font-size:18px;line-height:27px}
html[dir=rtl] .ex .ex-cx{font-size:16px;line-height:26px}
html[dir=rtl] .ex .ex-ck{font-size:14px;line-height:20px}
.ex .ex-tag{display:inline-flex;align-items:center;gap:5px;margin-top:12px;min-height:26px;padding:3px 10px;border-radius:13px;background:#fff;font-size:12.5px;line-height:18px;font-weight:600;color:var(--sub)}
.ex .ex-tag.green{color:var(--green)}
.ex .ex-tag.gold{color:var(--gold-ink)}
.ex .ex-add{margin-top:12px;padding:11px 13px 12px;border-radius:16px;background:#fff}
.ex .ex-add b{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--green)}
.ex .ex-add span{display:block;margin-top:3px;font-size:14.5px;line-height:21px;color:#333;text-wrap:pretty}
html[dir=rtl] .ex .ex-add b{font-size:14px;line-height:20px}
html[dir=rtl] .ex .ex-add span{font-size:15.5px;line-height:25px}
.ex .ex-by{display:flex;align-items:flex-start;gap:7px;margin-top:11px;font-size:13px;line-height:19px;color:var(--sub);font-weight:600}
.ex .ex-by svg{margin-top:1px}
html[dir=rtl] .ex .ex-by{font-size:14px;line-height:21px}

/* ---------- key points ---------- */
.ex .ex-ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ex .ex-card .ex-ul{margin-top:10px}
.ex .ex-li{position:relative;padding-inline-start:19px;font-size:15.5px;line-height:23px;color:var(--ex-body);text-wrap:pretty;overflow-wrap:anywhere}
.ex .ex-li::before{content:"";position:absolute;inset-inline-start:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--green)}
.ex .ex-ul.gold .ex-li::before{background:var(--gold)}
html[dir=rtl] .ex .ex-li{font-size:16.5px;line-height:27px}
html[dir=rtl] .ex .ex-li::before{top:11px}
.ex .ex-ul.num{counter-reset:exn}
.ex .ex-ul.num .ex-li{padding-inline-start:34px;counter-increment:exn}
.ex .ex-ul.num .ex-li::before{content:counter(exn);top:0;inset-inline-start:0;width:24px;height:24px;border-radius:12px;background:var(--green-soft);color:var(--green);font-family:"PJS",sans-serif;font-size:12px;font-weight:700;line-height:24px;text-align:center}
html[dir=rtl] .ex .ex-ul.num .ex-li::before{top:2px}

/* ---------- chips ---------- */
.ex .ex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ex .ex-card .ex-chips{margin-top:10px}
.ex .ex-chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:16px;background:var(--green-soft);color:var(--green);font-size:14px;line-height:20px;font-weight:600;overflow-wrap:anywhere}
.ex .ex-chips.gold .ex-chip{background:var(--gold-soft);color:var(--gold-ink)}
.ex .ex-chips.grey .ex-chip{background:#fff;color:#333;box-shadow:inset 0 0 0 1px var(--ex-rule)}
html[dir=rtl] .ex .ex-chip{font-size:15px;line-height:22px}

/* a path of steps joined by arrows */
.ex .ex-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin-top:14px}
.ex .ex-flow .ex-chip{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ex-rule);font-weight:600}
.ex .ex-flow .ex-chip.on{background:var(--green);color:#fff;box-shadow:none}
.ex .ex-flow svg{flex:none;opacity:.55}
html[dir=rtl] .ex .ex-flow svg{transform:scaleX(-1)}

/* ---------- label and text rows ---------- */
.ex .ex-rows{display:flex;flex-direction:column;gap:2.333px;margin-top:14px}
.ex .ex-row{padding:13px 16px 14px;background:var(--row);border-radius:4px}
.ex .ex-row:first-child{border-top-left-radius:22px;border-top-right-radius:22px}
.ex .ex-row:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.ex .ex-rl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;line-height:22px;font-weight:700;color:var(--ink)}
.ex .ex-rl span{min-width:0;overflow-wrap:anywhere}
.ex .ex-rx{margin-top:3px;font-size:15px;line-height:22px;color:#444;text-wrap:pretty;overflow-wrap:anywhere}
html[dir=rtl] .ex .ex-rl{font-size:17px;line-height:24px}
html[dir=rtl] .ex .ex-rx{font-size:16px;line-height:25px}
.ex .ex-rl .chip{flex:none;height:24px;font-size:12px;padding:0 9px;border-radius:12px}
.ex .ex-row.hi{background:var(--green-soft)}

/* ---------- a quote ---------- */
.ex .ex-quote{position:relative;margin-top:18px;padding:18px 18px 18px;border-radius:22px;background:var(--gold-soft)}
.ex .ex-quote svg{display:block;margin-bottom:8px}
.ex .ex-quote p{margin:0;font-size:18px;line-height:27px;font-weight:600;color:#3B330A;text-wrap:pretty}
.ex .ex-quote em{color:var(--green)}
.ex .ex-quote small{display:block;margin-top:9px;font-size:13px;line-height:18px;font-weight:600;color:var(--gold-ink)}
html[dir=rtl] .ex .ex-quote p{font-size:19px;line-height:31px}
html[dir=rtl] .ex .ex-quote small{font-size:14px;line-height:20px}
.ex .ex-quote.green{background:var(--green-soft)}
.ex .ex-quote.green p{color:#113422}
.ex .ex-quote.green em{color:var(--gold-ink)}

/* ---------- numbered steps ---------- */
.ex .ex-steps{display:flex;flex-direction:column;margin-top:14px}
.ex .ex-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:13px;padding-bottom:16px}
.ex .ex-step:last-child{padding-bottom:0}
.ex .ex-step::before{content:"";position:absolute;inset-inline-start:16px;top:36px;bottom:2px;width:2px;border-radius:1px;background:var(--green-soft)}
.ex .ex-step:last-child::before{display:none}
.ex .ex-step > i{display:grid;place-items:center;width:34px;height:34px;border-radius:17px;background:var(--green-soft);color:var(--green);font-style:normal;font-family:"PJS",sans-serif;font-size:13px;font-weight:700}
.ex .ex-step > div{min-width:0;padding-top:5px}
.ex .ex-step b{display:block;font-size:16.5px;line-height:23px;font-weight:700;color:var(--ink)}
.ex .ex-step span{display:block;margin-top:3px;font-size:15px;line-height:22px;color:#444;text-wrap:pretty}
html[dir=rtl] .ex .ex-step b{font-size:17.5px;line-height:25px}
html[dir=rtl] .ex .ex-step span{font-size:16px;line-height:25px}

/* ---------- figures ---------- */
.ex .ex-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-top:14px}
.ex .ex-stat{padding:14px 12px 13px;border-radius:20px;background:var(--row);text-align:center;min-width:0}
.ex .ex-stat b{display:block;font-family:"PJS",sans-serif;font-size:24px;line-height:30px;font-weight:700;color:var(--green)}
.ex .ex-stat span{display:block;margin-top:3px;font-size:13.5px;line-height:18px;color:var(--sub);text-wrap:balance}
html[dir=rtl] .ex .ex-stat span{font-size:14.5px;line-height:20px}

/* ---------- a persona in its seat (Benefits and Added Value) ---------- */
.ex .ex-seat{margin-top:12px;padding:17px 17px 16px;border-radius:24px;background:var(--row)}
.ex .ex-seat h4{margin:0;display:flex;align-items:center;gap:10px;font-size:18px;line-height:24px;font-weight:700;color:var(--ink)}
.ex .ex-seat h4 i{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff}
.ex .ex-seat blockquote{margin:12px 0 0;font-size:16px;line-height:24px;font-weight:600;color:var(--green);text-wrap:pretty}
html[dir=rtl] .ex .ex-seat h4{font-size:19px;line-height:27px}
html[dir=rtl] .ex .ex-seat blockquote{font-size:17px;line-height:28px}
.ex .ex-seat .ex-sl{margin-top:14px;font-size:12.5px;line-height:17px;font-weight:700;color:var(--gold-ink);letter-spacing:.04em}
html[dir=rtl] .ex .ex-seat .ex-sl{font-size:14px;line-height:20px;letter-spacing:0}
.ex .ex-seat .ex-ul{margin-top:8px}
.ex .ex-seat .ex-later{margin-top:14px;padding:11px 13px 12px;border-radius:16px;background:#fff}
.ex .ex-seat .ex-later b{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--green)}
.ex .ex-seat .ex-later span{display:block;margin-top:3px;font-size:14.5px;line-height:21px;color:#333}
html[dir=rtl] .ex .ex-seat .ex-later b{font-size:14px;line-height:20px}
html[dir=rtl] .ex .ex-seat .ex-later span{font-size:15.5px;line-height:25px}

/* four steps up */
.ex .ex-ladder{display:grid;gap:10px;margin-top:14px}
.ex .ex-rung{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:13px;padding:15px 16px 16px;border-radius:22px;background:var(--row)}
.ex .ex-rung > i{display:grid;place-items:center;width:34px;height:34px;border-radius:17px;background:var(--green);color:#fff;font-style:normal;font-family:"PJS",sans-serif;font-size:13px;font-weight:700}
.ex .ex-rung > div{min-width:0}
.ex .ex-rung h5{margin:5px 0 0;font-size:17px;line-height:24px;font-weight:700;color:var(--ink)}
.ex .ex-rung dl{margin:8px 0 0}
.ex .ex-rung dt{margin-top:8px;font-size:12.5px;line-height:17px;font-weight:700;color:var(--gold-ink);letter-spacing:.04em}
.ex .ex-rung dd{margin:2px 0 0;font-size:15px;line-height:22px;color:#333;text-wrap:pretty}
html[dir=rtl] .ex .ex-rung h5{font-size:18px;line-height:26px}
html[dir=rtl] .ex .ex-rung dt{font-size:14px;line-height:20px;letter-spacing:0}
html[dir=rtl] .ex .ex-rung dd{font-size:16px;line-height:25px}

/* ---------- the next read ---------- */
.ex .ex-next{margin-top:30px}

/* ---------- loading and errors ---------- */
.ex .ex-skh{height:196px;margin-top:8px;border-radius:28px}
.ex .ex-skl{height:18px;margin-top:18px;border-radius:9px}
.ex .ex-skl.s{width:72%}
.ex .ex-skc{height:120px;margin-top:14px;border-radius:22px}
.ex .ex-fail{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:36px;padding:26px 22px 22px;border-radius:26px;background:var(--row)}
.ex .ex-fail .ei{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center}
.ex .ex-fail b{margin-top:14px;font-size:18px;line-height:24px;font-weight:700}
.ex .ex-fail span{margin-top:4px;font-size:15px;line-height:22px;color:var(--sub);max-width:300px}
.ex .ex-fail .bs{margin-top:16px;width:auto;height:44px;padding:0 22px;border-radius:22px;background:#fff}

/* ---------- the ecosystem ---------- */
.ex .ex-ecoi{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--ec,#135333) 13%,#fff)}
@supports not (background:color-mix(in srgb,red 10%,#fff)){.ex .ex-ecoi{background:var(--green-soft)}}
.ex .ex-stages{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.ex .ex-stages span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px 4px 5px;border-radius:15px;background:rgba(255,255,255,.14);font-size:13.5px;line-height:18px;font-weight:600;color:#fff}
html[dir=rtl] .ex .ex-stages span{padding:4px 5px 4px 11px}
.ex .ex-stages span i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fff;color:var(--green);font-style:normal;font-family:"PJS",sans-serif;font-size:11px;font-weight:700}
.ex .ex-ladderlist{display:flex;flex-direction:column;gap:2.333px;margin-top:14px}
.ex .ex-ladderlist button{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;column-gap:12px;width:100%;padding-block:12px;padding-inline:14px 12px;background:var(--row);border-radius:4px;text-align:start;color:var(--ink);transition:background .15s}
.ex .ex-ladderlist button:active{background:#EAEAEA}
.ex .ex-ladderlist button:first-child{border-top-left-radius:24px;border-top-right-radius:24px}
.ex .ex-ladderlist button:last-child{border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.ex .ex-ladderlist i{display:grid;place-items:center;width:34px;height:34px;border-radius:17px;background:#fff;color:var(--green);font-style:normal;font-family:"PJS",sans-serif;font-size:13px;font-weight:700}
.ex .ex-ladderlist span{display:flex;flex-direction:column;min-width:0}
.ex .ex-ladderlist b{font-size:16.5px;line-height:22px;font-weight:700}
.ex .ex-ladderlist small{font-size:14px;line-height:20px;color:var(--sub);margin-top:1px}
html[dir=rtl] .ex .ex-ladderlist b{font-size:17.5px;line-height:25px}
html[dir=rtl] .ex .ex-ladderlist small{font-size:15px;line-height:22px}
.ex .ex-stage{margin-top:14px;padding:18px 17px 17px;border-radius:26px;background:var(--row);scroll-margin-top:calc(var(--sat) + 76px)}
.ex .ex-stage .ex-shead{align-items:center}
.ex .ex-stage .ex-sh{font-size:21px;line-height:27px}
html[dir=rtl] .ex .ex-stage .ex-sh{font-size:22px;line-height:31px}
.ex .ex-ess{margin-top:12px;font-size:18px;line-height:25px;font-weight:700;color:var(--green)}
.ex .ex-q{margin-top:3px;font-size:16px;line-height:23px;font-weight:600;color:var(--gold-ink)}
html[dir=rtl] .ex .ex-ess{font-size:19px;line-height:28px}
html[dir=rtl] .ex .ex-q{font-size:17px;line-height:26px}
.ex .ex-stage .ex-p{margin-top:10px}
.ex .ex-engine{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 13px;border-radius:18px;background:#fff}
.ex .ex-engine > i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft)}
.ex .ex-engine > span{display:flex;flex-direction:column;min-width:0}
.ex .ex-engine small{font-size:12.5px;line-height:17px;font-weight:700;color:var(--gold-ink)}
.ex .ex-engine b{font-size:15.5px;line-height:21px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
html[dir=rtl] .ex .ex-engine small{font-size:13.5px;line-height:19px}
html[dir=rtl] .ex .ex-engine b{font-size:16.5px;line-height:24px}
.ex .ex-io{display:grid;gap:10px;margin-top:10px}
.ex .ex-iob{padding:12px 13px 13px;border-radius:18px;background:#fff}
.ex .ex-iob > b{display:flex;align-items:center;gap:7px;font-size:13px;line-height:18px;font-weight:700;color:var(--green)}
.ex .ex-iob.out > b{color:var(--gold-ink)}
html[dir=rtl] .ex .ex-iob > b{font-size:14px;line-height:20px}
.ex .ex-iob .ex-chips{margin-top:8px;gap:6px}
.ex .ex-iob .ex-chip{min-height:28px;padding:4px 10px;border-radius:14px;font-size:13.5px;line-height:19px;font-weight:600}
.ex .ex-iob.out .ex-chip{background:var(--gold-soft);color:var(--gold-ink)}
html[dir=rtl] .ex .ex-iob .ex-chip{font-size:14.5px;line-height:21px}
.ex .ex-stage .ex-chips.tags{margin-top:12px}
.ex .ex-stage .ex-chips.tags .ex-chip{background:#fff;color:var(--sub);min-height:28px;padding:4px 11px;font-size:13px;line-height:19px}
html[dir=rtl] .ex .ex-stage .ex-chips.tags .ex-chip{font-size:14px;line-height:21px}

/* the closed loop */
.ex .ex-loop{position:relative;width:100%;max-width:330px;aspect-ratio:1/1;margin:18px auto 0}
.ex .ex-loop svg.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ex .ex-lnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:104px;text-align:center}
.ex .ex-lnode i{display:grid;place-items:center;width:40px;height:40px;border-radius:20px;background:var(--green);color:#fff;font-style:normal;font-family:"PJS",sans-serif;font-size:13.5px;font-weight:700;box-shadow:0 0 0 5px #fff}
.ex .ex-lnode b{font-size:14px;line-height:18px;font-weight:700;color:var(--ink);background:#fff;padding:1px 6px;border-radius:8px}
html[dir=rtl] .ex .ex-lnode b{font-size:15px;line-height:21px}
.ex .ex-lmid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center}
.ex .ex-lmid b{display:block;font-family:"NU",sans-serif;font-size:22px;line-height:26px;font-weight:800;color:var(--green)}
.ex .ex-lmid b i{font-style:normal;color:var(--gold)}
.ex .ex-lmid span{display:block;margin-top:3px;font-size:13px;line-height:18px;color:var(--sub)}
html[dir=rtl] .ex .ex-lmid span{font-size:14px;line-height:20px}

/* ---------- the investor portal ---------- */
.ex .ex-live{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px 4px 10px;border-radius:14px;background:rgba(255,255,255,.14);font-size:13px;line-height:18px;font-weight:600;color:#fff}
html[dir=rtl] .ex .ex-live{padding:4px 10px 4px 12px}
.ex .ex-live i{width:8px;height:8px;border-radius:50%;background:#7EE2A8;box-shadow:0 0 0 3px rgba(126,226,168,.25)}
.ex .ex-route{padding:17px 17px 16px;border-radius:26px;background:var(--row)}
.ex .ex-route.gold{background:linear-gradient(160deg,#FBF6E2 0%,#F6F1DC 100%)}
.ex .ex-rtop{display:flex;align-items:center;gap:12px}
.ex .ex-rtop > i{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff}
.ex .ex-rtop > span{display:flex;flex-direction:column;min-width:0}
.ex .ex-rtop small{font-family:"PJS",sans-serif;font-size:12.5px;line-height:16px;font-weight:700;color:var(--gold-ink);letter-spacing:.04em}
.ex .ex-rtop b{font-size:18px;line-height:24px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-rtop b{font-size:19px;line-height:27px}
.ex .ex-route h4{margin:14px 0 0;font-size:20px;line-height:26px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-route h4{font-size:21px;line-height:30px}
.ex .ex-route > p{margin:6px 0 0;font-size:15px;line-height:22px;color:#3F3F3F;text-wrap:pretty}
html[dir=rtl] .ex .ex-route > p{font-size:16px;line-height:26px}
.ex .ex-metric{margin-top:14px;padding:13px 15px 14px;border-radius:18px;background:#fff}
.ex .ex-metric b{display:block;font-family:"PJS",sans-serif;font-size:26px;line-height:32px;font-weight:800;color:var(--green);letter-spacing:-.01em}
.ex .ex-route.gold .ex-metric b{color:var(--gold-ink)}
.ex .ex-metric span{display:block;margin-top:1px;font-size:14px;line-height:20px;color:var(--sub)}
html[dir=rtl] .ex .ex-metric span{font-size:15px;line-height:22px}
.ex .ex-route .ex-ul{margin-top:14px}
.ex .ex-route .bp,.ex .ex-route .bs{margin-top:16px;height:48px;border-radius:24px;font-size:16px}
.ex .ex-route .bs{background:#fff}
.ex .ex-terms{display:flex;flex-direction:column;gap:2.333px;margin-top:14px}
.ex .ex-term{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 16px 14px;background:var(--row);border-radius:4px}
.ex .ex-term:first-child{border-top-left-radius:22px;border-top-right-radius:22px}
.ex .ex-term:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.ex .ex-term > span{flex:1 1 42%;min-width:0;font-size:14.5px;line-height:21px;color:var(--sub);font-weight:500;padding-top:1px}
.ex .ex-term > div{flex:1 1 58%;min-width:0;text-align:end}
.ex .ex-term b{display:block;font-size:16px;line-height:22px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.ex .ex-term small{display:block;margin-top:2px;font-size:13.5px;line-height:19px;color:var(--sub);text-wrap:pretty}
html[dir=rtl] .ex .ex-term > span{font-size:15.5px;line-height:23px}
html[dir=rtl] .ex .ex-term b{font-size:17px;line-height:24px}
html[dir=rtl] .ex .ex-term small{font-size:14.5px;line-height:21px}
.ex .ex-term.gold{background:var(--gold-soft)}
.ex .ex-duo{display:grid;gap:10px;margin-top:14px}
.ex .ex-cmp{padding:15px 16px 14px;border-radius:22px;background:var(--row)}
.ex .ex-cmp h5{margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-cmp h5{font-size:17px;line-height:25px}
.ex .ex-cmp dl{margin:6px 0 0}
.ex .ex-cmp dl > div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;padding-top:9px;margin-top:9px;box-shadow:0 -1px 0 #E4E4E4}
.ex .ex-cmp dl > div:first-child{margin-top:4px}
.ex .ex-cmp dt{font-family:"PJS",sans-serif;font-size:12px;line-height:22px;font-weight:700;color:var(--green);min-width:24px}
.ex .ex-cmp dt.gold{color:var(--gold-ink)}
.ex .ex-cmp dd{margin:0;font-size:14.5px;line-height:22px;color:#333;text-wrap:pretty}
.ex .ex-cmp dd small{display:block;font-size:12.5px;line-height:17px;font-weight:700;color:var(--sub)}
html[dir=rtl] .ex .ex-cmp dd{font-size:15.5px;line-height:25px}
html[dir=rtl] .ex .ex-cmp dd small{font-size:13.5px;line-height:19px}
.ex .ex-lock{padding:18px 17px 17px;border-radius:26px;background:linear-gradient(160deg,#FBF6E2 0%,#F3F7F1 100%)}
.ex .ex-lock .ex-rtop > i{box-shadow:0 1px 4px rgba(167,148,33,.18)}
.ex .ex-lock p{margin:12px 0 0;font-size:15px;line-height:22px;color:#3F3F3F}
html[dir=rtl] .ex .ex-lock p{font-size:16px;line-height:26px}
.ex .ex-lock .bp{margin-top:16px}
.ex .ex-lock small{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:13px;line-height:18px;color:var(--sub);text-align:center}
.ex .ex-legal{margin-top:26px;padding:16px 17px 17px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ex-rule)}
.ex .ex-legal b{display:flex;align-items:center;gap:7px;font-size:14px;line-height:20px;font-weight:700;color:var(--ink)}
.ex .ex-legal p{margin:8px 0 0;font-size:13.5px;line-height:20px;color:var(--sub);text-wrap:pretty}
html[dir=rtl] .ex .ex-legal b{font-size:15px;line-height:22px}
html[dir=rtl] .ex .ex-legal p{font-size:14.5px;line-height:24px}
.ex .ex-sign{margin-top:14px;font-size:14px;line-height:20px;color:var(--sub)}
.ex .ex-sign b{display:block;color:var(--ink);font-weight:700}

/* the enquiry form */
.ex .ex-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.ex .ex-fld{display:block}
.ex .ex-fld > span{display:block;margin:0 0 6px;margin-inline-start:4px;font-size:14px;line-height:20px;font-weight:600;color:var(--sub)}
.ex .ex-fld > span em{color:var(--red);font-style:normal}
html[dir=rtl] .ex .ex-fld > span{font-size:15px;line-height:22px}
.ex .ex-fld input,.ex .ex-fld textarea,.ex .ex-pick{display:block;width:100%;border:0;border-radius:18px;background:var(--row);padding:0 16px;height:52px;font-size:16.5px;color:var(--ink);outline:none;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .15s;text-align:start}
.ex .ex-fld textarea{height:auto;min-height:120px;padding:14px 16px;line-height:23px;resize:none}
.ex .ex-fld input:focus,.ex .ex-fld textarea:focus{box-shadow:inset 0 0 0 1.5px var(--green)}
.ex .ex-fld input::placeholder,.ex .ex-fld textarea::placeholder{color:#9A9A9A}
.ex .ex-fld.err input,.ex .ex-fld.err textarea,.ex .ex-fld.err .ex-pick{box-shadow:inset 0 0 0 1.5px var(--red)}
.ex .ex-fld .ex-ferr{display:none;margin:6px 0 0;margin-inline-start:4px;font-size:13.5px;line-height:19px;color:var(--red)}
.ex .ex-fld.err .ex-ferr{display:block}
.ex .ex-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.ex .ex-pick span{min-width:0;text-align:start;line-height:22px;padding:8px 0}
.ex .ex-pick span.ph{color:#9A9A9A}
.ex .ex-consent{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:var(--row);text-align:start;font-size:14.5px;line-height:21px;color:#333;width:100%}
.ex .ex-consent .check{margin-top:1px;background:#fff}
.ex .ex-consent .check.on{background:var(--green)}
html[dir=rtl] .ex .ex-consent{font-size:15.5px;line-height:25px}
.ex .ex-consent.err{box-shadow:inset 0 0 0 1.5px var(--red)}
.ex .ex-banner{display:none;padding:12px 15px;border-radius:16px;background:var(--red-soft);color:var(--red);font-size:14.5px;line-height:21px;font-weight:600}
.ex .ex-banner.on{display:block}
.ex .ex-fine{margin:10px 0 0;font-size:13px;line-height:19px;color:var(--ph);text-align:center}
.ex .ex-done{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:18px;padding:26px 20px 22px;border-radius:26px;background:var(--green-soft)}
.ex .ex-done .ei{width:60px;height:60px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.ex .ex-done b{margin-top:14px;font-size:20px;line-height:27px;font-weight:700;color:var(--ink)}
.ex .ex-done p{margin:8px 0 0;font-size:15px;line-height:22px;color:#2E3F35;text-wrap:pretty}
html[dir=rtl] .ex .ex-done p{font-size:16px;line-height:26px}
.ex .ex-done .ex-ref{margin-top:14px;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 13px;border-radius:15px;background:#fff;font-size:14px;line-height:20px;font-weight:700;color:var(--green)}

/* the investor document */
.ex{--ex-num:"PJS","TJ",system-ui,sans-serif}
.ex .ex-seg{display:flex;padding:4px;border-radius:24px;background:var(--row);gap:4px;margin-top:12px}
.ex .ex-seg button{flex:1 1 0;min-width:0;min-height:40px;padding:4px 6px;border-radius:20px;font-size:14.5px;line-height:19px;font-weight:600;color:var(--sub);overflow-wrap:anywhere;transition:background .18s,color .18s,box-shadow .18s}
.ex .ex-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
html[dir=rtl] .ex .ex-seg button{font-size:15.5px;line-height:21px}
.ex .ex-years{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}
.ex .ex-years button{min-height:38px;border-radius:19px;background:var(--row);font-family:var(--ex-num);font-size:14px;font-weight:700;color:var(--sub);transition:background .15s,color .15s}
.ex .ex-years button.proj{background:#fff;box-shadow:inset 0 0 0 1.5px #DCE1DC}
.ex .ex-years button.on{background:var(--green);color:#fff;box-shadow:none}
.ex .ex-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ex .ex-kvc{padding:13px 14px 14px;border-radius:20px;background:var(--row);min-width:0}
.ex .ex-kvc small{display:block;font-size:13px;line-height:18px;color:var(--sub);font-weight:600}
.ex .ex-kvc b{display:block;margin-top:4px;font-family:var(--ex-num);font-size:22px;line-height:28px;font-weight:800;color:var(--green);overflow-wrap:anywhere}
.ex .ex-kvc b small{display:inline;margin-inline-start:1px;font-size:14px;line-height:inherit;font-weight:700;color:inherit}
.ex .ex-kvc span{display:block;margin-top:4px;font-size:12.5px;line-height:17px;color:var(--sub);text-wrap:pretty}
html[dir=rtl] .ex .ex-kvc small{font-size:14px;line-height:20px}
html[dir=rtl] .ex .ex-kvc b small{font-size:14.5px}
html[dir=rtl] .ex .ex-kvc span{font-size:13.5px;line-height:19px}
.ex .ex-kvc.gold b{color:var(--gold-ink)}
.ex .ex-tg{display:inline-flex;align-items:center;min-height:22px;margin:2px 0 0;margin-inline-end:5px;padding:1px 8px;border-radius:11px;background:#fff;font-style:normal;font-size:12px;line-height:18px;font-weight:700;color:var(--sub)}
.ex .ex-tg.up{color:var(--green)}
.ex .ex-tg.dn{color:var(--red)}
html[dir=rtl] .ex .ex-tg{font-size:13px}

/* who pays */
.ex .ex-buys{display:grid;gap:10px;margin-top:14px}
.ex .ex-buy{padding:16px 17px;border-radius:24px;background:var(--row)}
.ex .ex-bwho{font-size:13px;line-height:18px;font-weight:600;color:var(--gold-ink)}
.ex .ex-bname,.ex .ex-dh{display:flex;align-items:center;gap:8px}
.ex .ex-bname{margin-top:3px;font-size:19px;line-height:25px;font-weight:700;color:var(--ink)}
.ex .ex-bname i,.ex .ex-dh i{flex:none;width:12px;height:12px;border-radius:4px;background:var(--c)}
.ex .ex-bprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:8px}
.ex .ex-bprice b{font-family:var(--ex-num);font-size:28px;line-height:34px;font-weight:800;color:var(--green)}
.ex .ex-bprice small{font-size:14px;line-height:20px;font-weight:600;color:var(--sub)}
.ex .ex-buy p{margin:8px 0 0;font-size:15px;line-height:22px;color:#3A3A3A;text-wrap:pretty}
.ex .ex-bfoot{margin-top:12px;padding:11px 13px 12px;border-radius:16px;background:#fff}
.ex .ex-bfoot small{display:block;font-size:12.5px;line-height:17px;font-weight:700;color:var(--gold-ink)}
.ex .ex-bfoot span{display:block;margin-top:2px;font-size:14.5px;line-height:21px;font-weight:600;color:var(--ink)}
html[dir=rtl] .ex .ex-bwho,html[dir=rtl] .ex .ex-bfoot small{font-size:14px;line-height:20px}
html[dir=rtl] .ex .ex-bname{font-size:20px;line-height:28px}
html[dir=rtl] .ex .ex-bprice small{font-size:15px;line-height:22px}
html[dir=rtl] .ex .ex-buy p{font-size:16px;line-height:26px}
html[dir=rtl] .ex .ex-bfoot span{font-size:15.5px;line-height:24px}

/* the dials */
.ex .ex-ctl{margin-top:16px}
.ex .ex-ctl > small{display:block;margin-inline-start:4px;font-size:13.5px;line-height:19px;font-weight:600;color:var(--sub)}
.ex .ex-ctl .ex-seg,.ex .ex-ctl .ex-years{margin-top:8px}
html[dir=rtl] .ex .ex-ctl > small{font-size:14.5px;line-height:21px}
.ex .ex-reset{margin-top:14px;height:46px;border-radius:23px;font-size:15.5px}
.ex .ex-reset:disabled{opacity:.42;cursor:default}
.ex .ex-dials{display:grid;gap:12px;margin-top:14px}
.ex .ex-dial{padding:16px;border-radius:24px;background:var(--row)}
.ex .ex-dh b{min-width:0;font-size:17.5px;line-height:24px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-dh b{font-size:18.5px;line-height:27px}
.ex .ex-dd{margin:4px 0 0;font-size:14px;line-height:20px;color:var(--sub);text-wrap:pretty}
html[dir=rtl] .ex .ex-dd{font-size:15px;line-height:23px}
.ex .ex-dial .ex-fld{margin-top:12px}
.ex .ex-dial .ex-fld input{height:48px;background:#fff;font-family:var(--ex-num);font-weight:600}
html[dir=rtl] .ex .ex-dnum input,html[dir=rtl] .ex .ex-inputs input{text-align:right}
.ex .ex-rng{margin-top:12px}
.ex .ex-rngh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-inline:4px}
.ex .ex-rngh span{min-width:0;font-size:14px;line-height:20px;font-weight:600;color:var(--sub)}
.ex .ex-rngh b{flex:none;font-family:var(--ex-num);font-size:15px;line-height:20px;font-weight:800;color:var(--ink)}
html[dir=rtl] .ex .ex-rngh span{font-size:15px;line-height:22px}
.ex input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:2px 0 0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}
.ex input[type=range]:focus{outline:none}
.ex input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--c,var(--green)) calc(var(--p,0) * 100%),#D9DED9 calc(var(--p,0) * 100%))}
html[dir=rtl] .ex input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--c,var(--green)) calc(var(--p,0) * 100%),#D9DED9 calc(var(--p,0) * 100%))}
.ex input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24),inset 0 0 0 7px var(--c,var(--green))}
.ex input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(19,83,51,.18),inset 0 0 0 7px var(--c,var(--green))}
.ex input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#D9DED9}
.ex input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--c,var(--green))}
.ex input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24),inset 0 0 0 7px var(--c,var(--green))}
.ex .ex-dout{margin-top:14px;padding:13px 14px 14px;border-radius:18px;background:#fff}
.ex .ex-dout > small{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--gold-ink)}
.ex .ex-dout > b{display:block;margin-top:2px;font-family:var(--ex-num);font-size:26px;line-height:32px;font-weight:800;color:var(--green);overflow-wrap:anywhere}
.ex .ex-dout > b small{display:inline;margin-inline-start:1px;font-size:15px;font-weight:700;color:inherit}
.ex .ex-dout p{margin:6px 0 0;font-size:14px;line-height:21px;color:#3A3A3A;text-wrap:pretty}
.ex .ex-dout p b{font-weight:700;color:var(--ink)}
.ex .ex-dout .ex-dnote{font-size:13px;line-height:19px;color:var(--sub)}
html[dir=rtl] .ex .ex-dout > small{font-size:14px;line-height:20px}
html[dir=rtl] .ex .ex-dout p{font-size:15px;line-height:24px}
html[dir=rtl] .ex .ex-dout .ex-dnote{font-size:14px;line-height:22px}

/* the returns */
.ex .ex-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ex .ex-inputs .ex-fld > span{min-height:36px;display:flex;align-items:flex-end;font-size:13px;line-height:18px;margin-bottom:5px}
html[dir=rtl] .ex .ex-inputs .ex-fld > span{min-height:40px;font-size:14px;line-height:20px}
.ex .ex-inputs .ex-fld input{height:48px;border-radius:16px;padding:0 14px;font-family:var(--ex-num);font-weight:700;font-size:16px}
.ex .ex-fine2{margin:10px 4px 0;font-size:13px;line-height:19px;color:var(--sub);text-wrap:pretty}
html[dir=rtl] .ex .ex-fine2{font-size:14px;line-height:22px}
.ex .ex-tcard{margin-top:14px;padding:15px 12px 13px;border-radius:24px;background:var(--row)}
.ex .ex-tcard > .ex-ch,.ex .ex-tcard > .ex-cx{margin-inline:4px}
.ex .ex-tcard > .ex-seg:first-child{margin-top:0}
.ex .ex-tcard .ex-seg,.ex .ex-accb .ex-seg{background:#fff}
.ex .ex-tcard .ex-seg button.on,.ex .ex-accb .ex-seg button.on{background:var(--green);color:#fff;box-shadow:none}
.ex .ex-tcard .ex-roi{margin-top:12px;font-size:14px;line-height:21px}
html[dir=rtl] .ex .ex-tcard .ex-roi{font-size:15px;line-height:24px}
.ex .ex-tb{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.ex .ex-tr{display:grid;grid-template-columns:42px repeat(var(--n),minmax(0,1fr));column-gap:8px;align-items:center;min-height:36px;padding:6px 10px;border-radius:12px;background:#fff;font-family:var(--ex-num);font-size:13.5px;line-height:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ex .ex-tr > span{min-width:0;text-align:end;overflow-wrap:anywhere}
.ex .ex-tr > span:first-child{text-align:start}
.ex .ex-tr > span:first-child i{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:12px;background:var(--green-soft);font-style:normal;font-size:12.5px;font-weight:700;color:var(--green)}
.ex .ex-tr.proj{color:#505050}
.ex .ex-tr.proj > span:first-child i{background:#fff;color:var(--sub);box-shadow:inset 0 0 0 1.5px #D5DAD5}
.ex .ex-tr.hi{background:var(--green-soft)}
.ex .ex-tr.hi > span:first-child i{background:var(--green);color:#fff;box-shadow:none}
.ex .ex-tr.ex-th{min-height:0;padding:2px 10px 4px;background:none;font-family:inherit;font-size:12px;line-height:16px;font-weight:700;color:var(--sub)}
.ex .ex-tr.tot{background:var(--gold-soft);font-weight:800}
.ex .ex-tr.tot > span:first-child{font-family:inherit;font-size:12px;line-height:15px;font-weight:700;color:var(--gold-ink)}
.ex .ex-tr small{font-family:inherit;font-size:11.5px;line-height:15px;font-weight:600;color:var(--sub)}
html[dir=rtl] .ex .ex-tr{font-size:13px}
html[dir=rtl] .ex .ex-tr.ex-th{font-size:13px;line-height:18px}
html[dir=rtl] .ex .ex-tr.tot > span:first-child{font-size:13px;line-height:17px}
.ex .ex-tbn{margin:8px 4px 0;font-size:12.5px;line-height:18px;color:var(--ph)}
html[dir=rtl] .ex .ex-tbn{font-size:13.5px;line-height:20px}
.ex .ex-cases{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.ex .ex-case{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:14px;background:#fff}
.ex .ex-case > span{min-width:0;display:flex;flex-direction:column}
.ex .ex-case b{font-size:15.5px;line-height:21px;font-weight:700;color:var(--ink)}
.ex .ex-case small{margin-top:1px;font-size:12.5px;line-height:18px;color:var(--sub)}
.ex .ex-case strong{flex:none;font-family:var(--ex-num);font-size:20px;line-height:26px;font-weight:800;color:var(--green)}
.ex .ex-case.on{box-shadow:inset 0 0 0 1.5px var(--green)}
html[dir=rtl] .ex .ex-case b{font-size:16.5px;line-height:24px}
html[dir=rtl] .ex .ex-case small{font-size:13.5px;line-height:20px}
.ex .ex-cav{margin-top:12px}

/* the plan */
.ex .ex-pyear{margin-top:14px}
.ex .ex-pyh small{display:block;margin-inline-start:4px;font-size:13.5px;line-height:19px;font-weight:700;color:var(--gold-ink)}
html[dir=rtl] .ex .ex-pyh small{font-size:14.5px;line-height:21px}
.ex .ex-bars{margin-top:14px;padding:12px 10px 8px;border-radius:22px;background:var(--row)}
.ex .ex-bars svg{display:block;width:100%;height:auto;overflow:visible}
.ex .ex-bars text{font-family:var(--ex-num)}
.ex .ex-ct{font-size:10px;font-weight:600;fill:#7E847F}
.ex .ex-cu{font-size:10px;font-weight:700;fill:var(--sub)}
.ex .ex-cy{font-size:11px;font-weight:600;fill:var(--sub)}
.ex .ex-cy.on{font-weight:800;fill:var(--ink)}
.ex .ex-cv{font-size:10.5px;font-weight:800;fill:#fff}
.ex .ex-cb{font-size:10px;font-weight:600;fill:#6F7570}
html[dir=rtl] .ex .ex-cu,html[dir=rtl] .ex .ex-cb{font-size:11px}
.ex .ex-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 4px 0;font-size:13px;line-height:18px;color:var(--sub)}
.ex .ex-legend span{display:inline-flex;align-items:center;gap:6px}
.ex .ex-legend i{flex:none;width:11px;height:11px;border-radius:3px}
.ex .ex-legend i.hatch{background:repeating-linear-gradient(135deg,#9AA59E 0 2px,#fff 2px 4px);box-shadow:inset 0 0 0 1px #9AA59E}
html[dir=rtl] .ex .ex-legend{font-size:14px;line-height:20px}

/* can the price hold */
.ex .ex-scale{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;line-height:18px;font-weight:600;color:var(--sub)}
.ex .ex-scale svg{flex:none}
html[dir=rtl] .ex .ex-scale{font-size:14px;line-height:20px}
.ex .ex-lane{margin-top:12px;padding:15px 16px 14px;border-radius:22px;background:var(--row)}
.ex .ex-lane h5{margin:0;font-size:17px;line-height:23px;font-weight:700;color:var(--ink)}
.ex .ex-lane > small{display:block;margin-top:1px;font-size:13px;line-height:18px;color:var(--sub)}
html[dir=rtl] .ex .ex-lane h5{font-size:18px;line-height:26px}
html[dir=rtl] .ex .ex-lane > small{font-size:14px;line-height:20px}
.ex .ex-strip{margin-top:10px;padding:8px 6px 2px;border-radius:16px;background:#fff}
.ex .ex-strip svg{display:block;width:100%;height:auto}
.ex .ex-lane ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.ex .ex-lane li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:19px;color:#333;min-width:0}
.ex .ex-lane li span{flex:none;width:118px;min-width:0;overflow-wrap:anywhere}
.ex .ex-lane li i{flex:1;min-width:24px;height:8px;border-radius:4px;background:#E3E3E3;position:relative;overflow:hidden}
.ex .ex-lane li i u{position:absolute;inset-block:0;inset-inline-start:0;border-radius:4px;background:#BDBDBD}
.ex .ex-lane li b{flex:none;min-width:58px;text-align:end;font-family:var(--ex-num);font-size:13.5px;font-weight:700;color:var(--ink)}
.ex .ex-lane li.us span,.ex .ex-lane li.us b{color:var(--green);font-weight:800}
.ex .ex-lane li.us i u{background:var(--c,var(--green))}
html[dir=rtl] .ex .ex-lane li{font-size:14.5px;line-height:21px}
.ex .ex-ratio{margin-top:14px;padding:12px 13px 13px;border-radius:16px;background:#fff}
.ex .ex-ratio > b{display:block;font-family:var(--ex-num);font-size:26px;line-height:32px;font-weight:800;color:var(--green)}
.ex .ex-ratio small{display:block;font-size:12.5px;line-height:17px;font-weight:700;color:var(--gold-ink)}
.ex .ex-ratio p{margin:6px 0 0;font-size:14px;line-height:21px;color:#3A3A3A;text-wrap:pretty}
.ex .ex-ratio p b{font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-ratio small{font-size:13.5px;line-height:20px}
html[dir=rtl] .ex .ex-ratio p{font-size:15px;line-height:24px}

/* what a customer is worth */
.ex .ex-worths{display:grid;gap:10px;margin-top:14px}
.ex .ex-worth{padding:16px 17px 15px;border-radius:24px;background:var(--row)}
.ex .ex-wv{margin-top:8px;font-family:var(--ex-num);font-size:30px;line-height:36px;font-weight:800;color:var(--green)}
.ex .ex-worth p{margin:4px 0 0;font-size:14.5px;line-height:21px;color:#3A3A3A;text-wrap:pretty}
.ex .ex-worth dl{margin:12px 0 0;padding:2px 13px;border-radius:16px;background:#fff}
.ex .ex-worth dl div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0}
.ex .ex-worth dl div + div{box-shadow:0 -1px 0 #EDEDED}
.ex .ex-worth dt{font-size:14px;line-height:20px;color:var(--sub)}
.ex .ex-worth dd{margin:0;font-family:var(--ex-num);font-size:15px;line-height:20px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-worth p{font-size:15.5px;line-height:25px}
html[dir=rtl] .ex .ex-worth dt{font-size:15px;line-height:22px}

/* the annex */
.ex details.ex-acc{margin-top:10px;border-radius:22px;background:var(--row);overflow:hidden}
.ex details.ex-acc summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer}
.ex details.ex-acc summary::-webkit-details-marker{display:none}
.ex details.ex-acc summary > i{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff}
.ex details.ex-acc summary > span{flex:1;min-width:0;display:flex;flex-direction:column}
.ex details.ex-acc summary b{font-size:16px;line-height:22px;font-weight:700;color:var(--ink)}
.ex details.ex-acc summary small{margin-top:2px;font-size:13.5px;line-height:19px;color:var(--sub)}
html[dir=rtl] .ex details.ex-acc summary b{font-size:17px;line-height:25px}
html[dir=rtl] .ex details.ex-acc summary small{font-size:14.5px;line-height:21px}
.ex details.ex-acc summary > svg{flex:none;transition:transform .2s}
.ex details.ex-acc[open] summary > svg{transform:rotate(180deg)}
.ex details.ex-acc .ex-accb{padding:0 14px 16px}
.ex details.ex-acc .ex-accb > .ex-p:first-child{margin-top:0}
.ex details.ex-acc .ex-accb .ex-p{font-size:15px;line-height:23px}
html[dir=rtl] .ex details.ex-acc .ex-accb .ex-p{font-size:16px;line-height:26px}
.ex details.ex-acc .ex-accb .ex-p.ex-small{font-size:13.5px;line-height:20px;color:var(--sub)}
html[dir=rtl] .ex details.ex-acc .ex-accb .ex-p.ex-small{font-size:14.5px;line-height:23px}
.ex details.ex-acc .ex-rows .ex-row{background:#fff}
.ex details.ex-acc .ex-rl{font-size:15px;line-height:21px}
.ex details.ex-acc .ex-rx{font-size:14px;line-height:21px}
html[dir=rtl] .ex details.ex-acc .ex-rl{font-size:16px;line-height:24px}
html[dir=rtl] .ex details.ex-acc .ex-rx{font-size:15px;line-height:24px}
.ex details.ex-acc .ex-h3{font-size:16.5px;line-height:23px}
.ex .ex-plad{margin-top:12px;padding:13px 14px 6px;border-radius:18px;background:#fff}
.ex .ex-pr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}
.ex .ex-dh + .ex-pr{margin-top:4px}
.ex .ex-pr + .ex-pr{box-shadow:0 -1px 0 #EFEFEF}
.ex .ex-pr > span{min-width:0;display:flex;flex-direction:column}
.ex .ex-pr > span b{font-size:15px;line-height:21px;font-weight:700;color:var(--ink)}
.ex .ex-pr > span small{font-size:13px;line-height:18px;color:var(--sub)}
.ex .ex-pr > strong{flex:none;font-family:var(--ex-num);font-size:15px;line-height:21px;font-weight:800;color:var(--green)}
html[dir=rtl] .ex .ex-pr > span small{font-size:14px;line-height:20px}
.ex .ex-asms{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.ex .ex-asm{padding:11px 12px 12px;border-radius:14px;background:#fff}
.ex .ex-asm > b{display:block;font-size:14.5px;line-height:20px;font-weight:700;color:var(--ink)}
.ex .ex-asm > div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.ex .ex-asm > div span{display:flex;flex-direction:column;align-items:center;padding:6px 4px 7px;border-radius:11px;background:var(--row);text-align:center;min-width:0}
.ex .ex-asm > div span.on{background:var(--green-soft)}
.ex .ex-asm small{font-size:11.5px;line-height:15px;font-weight:600;color:var(--sub)}
.ex .ex-asm strong{margin-top:1px;font-family:var(--ex-num);font-size:15px;line-height:20px;font-weight:800;color:var(--ink)}
html[dir=rtl] .ex .ex-asm > b{font-size:15.5px;line-height:23px}
html[dir=rtl] .ex .ex-asm small{font-size:12.5px;line-height:17px}
.ex .ex-decs{display:flex;flex-direction:column;gap:2px}
.ex .ex-dec{padding:12px 13px;border-radius:14px;background:#fff}
.ex .ex-dech{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ex .ex-dech b{min-width:0;font-size:15px;line-height:21px;font-weight:700;color:var(--ink)}
.ex .ex-verd{flex:none;display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:12px;font-style:normal;font-size:12px;line-height:18px;font-weight:700}
.ex .ex-verd.adopt{background:var(--green-soft);color:var(--green)}
.ex .ex-verd.cond{background:var(--gold-soft);color:var(--gold-ink)}
.ex .ex-verd.reject{background:var(--red-soft);color:var(--red)}
.ex .ex-decv{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:6px;font-size:13.5px;line-height:19px;color:var(--sub)}
.ex .ex-decv b{font-family:var(--ex-num);font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-dech b{font-size:16px;line-height:24px}
html[dir=rtl] .ex .ex-verd{font-size:13px}
html[dir=rtl] .ex .ex-decv{font-size:14.5px;line-height:22px}
.ex .ex-legal p + p{margin-top:8px}

/* ---------- the scientific desk ---------- */
.ex .ex-prof{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px;border-radius:24px;background:var(--row);text-align:start;width:100%;color:var(--ink)}
button.ex-prof{transition:background .15s,transform .15s}
button.ex-prof:active{background:#ECECEC;transform:scale(.985)}
.ex .ex-ava{flex:none;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--gold-soft);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--av-ring)}
.ex .ex-ava img{display:block;width:100%;height:100%;object-fit:cover}
.ex .ex-ava.big{width:76px;height:76px}
.ex .ex-profT{flex:1;min-width:0;display:flex;flex-direction:column}
.ex .ex-profT b{font-size:17px;line-height:23px;font-weight:700}
.ex .ex-profT span{font-size:14.5px;line-height:20px;color:var(--sub);margin-top:2px}
.ex .ex-profT em{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:14px;line-height:19px;font-weight:600;color:var(--green)}
html[dir=rtl] .ex .ex-profT b{font-size:18px;line-height:25px}
html[dir=rtl] .ex .ex-profT span{font-size:15.5px;line-height:22px}
.ex .ex-scholar{margin-top:18px;padding:18px 17px 17px;border-radius:26px;background:var(--row)}
.ex .ex-scholar .ex-prof{margin:0;padding:0;background:none}
.ex .ex-bio{margin:14px 0 0;font-size:15.5px;line-height:24px;color:#2F2F2F;text-wrap:pretty}
.ex .ex-bio b{font-weight:700;color:var(--ink)}
.ex .ex-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.ex .ex-figs div{padding:11px 6px 10px;border-radius:16px;background:#fff;text-align:center;min-width:0}
.ex .ex-figs b{display:block;font-family:"PJS",sans-serif;font-size:20px;line-height:25px;font-weight:800;color:var(--green)}
.ex .ex-figs span{display:block;margin-top:2px;font-size:12.5px;line-height:17px;color:var(--sub);text-wrap:balance}
html[dir=rtl] .ex .ex-figs span{font-size:13.5px;line-height:19px}
.ex .ex-orcid{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:12px;padding:18px 17px 17px;border-radius:26px;background:var(--row)}
.ex .ex-orcid .ex-oh{display:flex;align-items:center;gap:8px;font-size:15px;line-height:20px;font-weight:700;color:var(--ink)}
.ex .ex-orcid .ex-qr{width:152px;height:152px;margin-top:12px;padding:12px;border-radius:18px;background:#fff}
.ex .ex-orcid .ex-qr svg{display:block;width:128px;height:128px}
.ex .ex-orcid .ex-oid{margin-top:10px;font-family:"PJS",sans-serif;font-size:15px;line-height:20px;font-weight:700;color:var(--ink);letter-spacing:.02em}
.ex .ex-orcid .ex-ocap{margin-top:3px;font-size:13.5px;line-height:19px;color:var(--sub)}
html[dir=rtl] .ex .ex-orcid .ex-ocap{font-size:14.5px;line-height:21px}
.ex .ex-orcid .bs{margin-top:14px;background:#fff}
.ex .ex-tl{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ex .ex-tl li{position:relative;padding-inline-start:19px}
.ex .ex-tl li::before{content:"";position:absolute;inset-inline-start:2px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.ex .ex-tl b{display:block;font-size:15.5px;line-height:22px;font-weight:700;color:var(--ink)}
.ex .ex-tl span{display:block;margin-top:1px;font-size:14px;line-height:20px;color:var(--sub)}
.ex .ex-pubs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2.333px}
.ex .ex-pub{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;padding:13px 15px 14px;background:var(--row);border-radius:4px}
.ex .ex-pub:first-child{border-top-left-radius:22px;border-top-right-radius:22px}
.ex .ex-pub:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.ex .ex-pub > i{display:grid;place-items:center;height:26px;border-radius:13px;background:#fff;font-style:normal;font-family:"PJS",sans-serif;font-size:12.5px;font-weight:700;color:var(--green)}
.ex .ex-pub > div{min-width:0}
.ex .ex-pub b{display:block;font-size:15px;line-height:21px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ex .ex-pub span{display:block;margin-top:3px;font-size:13.5px;line-height:19px;color:var(--sub);overflow-wrap:anywhere}
.ex .ex-pub span em{color:#444;font-style:italic}
.ex .ex-pub .chip{margin-top:6px;height:22px;font-size:11.5px;padding:0 8px;border-radius:11px}
.ex .ex-more{margin-top:12px}

/* big numbers with a line each */
.ex .ex-nums{display:flex;flex-direction:column;gap:2.333px;margin-top:16px}
.ex .ex-num{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--row);border-radius:4px}
.ex .ex-num:first-child{border-top-left-radius:22px;border-top-right-radius:22px}
.ex .ex-num:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.ex .ex-num > b{flex:none;min-width:46px;font-family:"PJS",sans-serif;font-size:30px;line-height:36px;font-weight:800;color:var(--green);text-align:center}
.ex .ex-num > span{flex:1;min-width:0;font-size:14.5px;line-height:21px;color:var(--sub)}
.ex .ex-num strong{display:block;font-size:16px;line-height:22px;font-weight:700;color:var(--ink)}
html[dir=rtl] .ex .ex-num > span{font-size:15.5px;line-height:23px}
html[dir=rtl] .ex .ex-num strong{font-size:17px;line-height:25px}