.rc { --rc-cl:var(--accent); --rc-you:#12A97A; --rc-you-ink:#0B8A63; --rc-up:#A07CF5; --rc-co:#98A2BD; --rc-cols:104px repeat(3,minmax(0,1fr)) 92px;
  position:relative; isolation:isolate; overflow:hidden; margin-bottom:24px; border:1px solid var(--line); border-radius:22px; background:var(--surface);
  box-shadow:0 1px 2px rgba(19,28,59,.04),0 34px 80px -46px rgba(19,28,59,.38); container-type:inline-size; }
.rc::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(560px 280px at 70% 40%,rgba(18,169,122,.08),transparent 70%),
    linear-gradient(rgba(61,107,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(61,107,255,.04) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;
  -webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 30%,transparent 88%); mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 30%,transparent 88%); }
.rc-head { padding:26px 28px 4px; }
.rc-kicker { display:inline-flex; align-items:center; gap:10px; margin:0; font:600 11.5px/1.5 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
html[lang="ar"] .rc-kicker,html[lang="hi"] .rc-kicker { letter-spacing:0; font-family:inherit; font-size:13px; text-transform:none; }
.rc-kicker i { width:8px; height:8px; border-radius:50%; background:var(--rc-you); animation:rcPing 2.2s ease-out infinite; }
@keyframes rcPing { 0% { box-shadow:0 0 0 0 rgba(18,169,122,.5); } 70%,100% { box-shadow:0 0 0 10px rgba(18,169,122,0); } }
.rc h2 { margin:8px 0 8px; font-size:clamp(22px,2.6cqi,30px); line-height:1.15; font-weight:650; letter-spacing:-.025em; color:var(--ink); }
.rc-lead { margin:0; max-width:70ch; font-size:15px; line-height:1.65; color:var(--ink-2); }

.rc-scenes { display:grid; margin:18px 20px 0; }
.rc-scene { grid-area:1/1; display:flex; min-width:0; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1), visibility 0s .45s; }
.rc-scene.is-on { opacity:1; visibility:visible; transform:none; transition:opacity .45s ease .05s, transform .55s cubic-bezier(.16,1,.3,1) .05s, visibility 0s; }
.rc-scene>div { flex:1; min-width:0; padding:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,var(--surface),var(--surface-alt)); }
.rc-av { display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:50%; background:linear-gradient(140deg,#8FA6FF,var(--accent)); color:#fff; box-shadow:0 10px 22px -12px rgba(61,107,255,.8); }
.rc-av svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }

.rc-split { display:flex; flex-direction:column; justify-content:center; gap:16px; }
.rc-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; }
.rc-who { display:flex; align-items:center; gap:12px; min-width:0; }
.rc-who-t { display:flex; flex-direction:column; gap:2px; min-width:0; }
.rc-who-t b { font-size:15px; color:var(--ink); }
.rc-basis { font-size:12.5px; color:var(--ink-3); }
.rc-gain { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:end; }
.rc-gain span { font-size:12.5px; color:var(--ink-3); }
.rc-gain-v { font:700 clamp(24px,3.4cqi,32px)/1.1 'JetBrains Mono',monospace; letter-spacing:-.03em; color:var(--ink); direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.rc-bar { display:flex; gap:0; height:30px; padding:4px; border-radius:12px; background:var(--surface); border:1px solid var(--line); transition:gap .5s cubic-bezier(.16,1,.3,1); box-sizing:border-box; }

.rc-bar i { position:relative; display:block; height:100%; background:var(--line-2); transform:scaleX(0); transform-origin:left; transition:transform .5s cubic-bezier(.16,1,.3,1), background .45s, box-shadow .45s, border-radius .4s; }
.rc-b0 { width:50%; border-radius:8px 0 0 8px; } .rc-b1 { width:8.75%; } .rc-b2 { width:26.25%; } .rc-b3 { width:15%; border-radius:0 8px 8px 0; }
[dir="rtl"] .rc-bar i { transform-origin:right; }
[dir="rtl"] .rc-b0 { border-radius:0 8px 8px 0; } [dir="rtl"] .rc-b3 { border-radius:8px 0 0 8px; }
.rc-bar.is-full i { transform:none; }
.rc-bar.is-full .rc-b1 { transition-delay:.38s; } .rc-bar.is-full .rc-b2 { transition-delay:.48s; } .rc-bar.is-full .rc-b3 { transition-delay:.78s; } .rc-bar.is-full .rc-b0 { transition-delay:0s; }
.rc-bar.is-split { gap:5px; }
.rc-bar.is-split i { border-radius:7px; }
.rc-bar.is-split .rc-b0 { background:var(--rc-cl); }
.rc-bar.is-split .rc-b1 { background:var(--rc-you); }
.rc-bar.is-split .rc-b2 { background:var(--rc-up); opacity:.75; }
.rc-bar.is-split .rc-b3 { background:var(--rc-co); }
.rc-bar.is-you .rc-b1 { animation:rcGlow 1.4s ease-in-out infinite; }
@keyframes rcGlow { 50% { box-shadow:0 0 0 5px rgba(18,169,122,.22),0 0 18px rgba(18,169,122,.55); } }
.rc-legend { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin:0; padding:0; }
.rc-legend li { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 12px; border-radius:12px; border:1px solid var(--line); background:var(--surface); opacity:0; transform:translateY(6px); transition:opacity .4s, transform .5s cubic-bezier(.16,1,.3,1), border-color .35s, box-shadow .35s; }
.rc-legend li.is-in { opacity:1; transform:none; }
.rc-legend li>i { width:12px; height:12px; border-radius:4px; }
.rc-l0>i { background:var(--rc-cl); } .rc-l1>i { background:var(--rc-you); } .rc-l2>i { background:var(--rc-up); opacity:.75; } .rc-l3>i { background:var(--rc-co); }
.rc-legend em { font:600 12px 'JetBrains Mono',monospace; font-style:normal; color:var(--ink-3); direction:ltr; unicode-bidi:isolate; }
html[lang="ar"] .rc-legend em,html[lang="hi"] .rc-legend em { font-family:inherit; }
.rc-legend span { font-size:13.5px; line-height:1.35; color:var(--ink-2); }
.rc-legend b { font:700 14px 'JetBrains Mono',monospace; color:var(--ink); direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.rc-l1.is-you { border-color:color-mix(in srgb,var(--rc-you) 60%,var(--line)); box-shadow:0 0 0 4px rgba(18,169,122,.12); }
.rc-l1.is-you span { color:var(--ink); font-weight:650; }
.rc-l1 b { color:var(--rc-you-ink); }

.rc-net { display:grid; grid-template-columns:1fr; gap:14px; align-items:center; }
.rc-tree { display:flex; flex-direction:column; min-width:0; }
.rc-row { position:relative; display:grid; grid-template-columns:var(--rc-cols); align-items:center; height:50px; }
.rc-row+.rc-row,.rc-bus+.rc-row { margin-top:12px; }
.rc-rootrow { height:46px; }
.rc-lv { display:flex; flex-direction:column; gap:1px; min-width:0; font-size:12.5px; line-height:1.25; color:var(--ink-3); transition:color .3s; }
.rc-lv b { font-weight:650; }
.rc-lv em { font:600 11.5px 'JetBrains Mono',monospace; font-style:normal; direction:ltr; unicode-bidi:isolate; text-align:start; }
html[lang="ar"] .rc-lv em,html[lang="hi"] .rc-lv em { font-family:inherit; }
[dir="rtl"] .rc-lv em { text-align:right; }
.rc-row.is-done .rc-lv { color:var(--ink); }
.rc-root { position:relative; grid-column:2/span 3; justify-self:center; display:flex; align-items:center; opacity:.4; transform:scale(.9); transition:opacity .4s, transform .5s cubic-bezier(.34,1.56,.64,1); }
.rc-root b { position:absolute; inset-inline-start:calc(100% + 10px); font-size:14px; font-weight:700; color:var(--ink); white-space:nowrap; }
.rc-root.is-on { opacity:1; transform:none; }
.rc-me { width:40px; height:40px; background:linear-gradient(140deg,#34D399,var(--rc-you)); box-shadow:0 10px 22px -10px rgba(18,169,122,.8); }
.rc-root::after { content:''; position:absolute; top:100%; left:50%; width:2px; height:9px; margin-left:-1px; background:var(--line-2); transition:background .4s; }
.rc-root.is-on::after { background:var(--rc-you); }
.rc-bus { position:relative; height:0; }
.rc-bus::before { content:''; position:absolute; top:6px; left:calc(104px + (100% - 196px) / 6); right:calc(92px + (100% - 196px) / 6); height:2px; border-radius:2px; background:var(--line-2); transform:scaleX(.2); transition:transform .6s cubic-bezier(.16,1,.3,1), background .4s; }
[dir="rtl"] .rc-bus::before { left:calc(92px + (100% - 196px) / 6); right:calc(104px + (100% - 196px) / 6); }
.rc-bus.is-on::before { transform:none; background:var(--rc-you); }
.rc-node { position:relative; display:grid; place-items:center; height:100%; }
.rc-node::before { content:''; position:absolute; left:50%; top:-19px; width:2px; height:26px; margin-left:-1px; background:var(--line-2); transition:background .35s; }
.rc-row[data-l="0"] .rc-node::before { display:none; }
.rc-node i { position:relative; z-index:1; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--surface); border:1.5px solid var(--line-2); color:var(--ink-3); transform:scale(.82); transition:background .35s, border-color .35s, color .35s, transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s; }
.rc-node i svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.rc-node.is-on i { background:var(--accent); border-color:var(--accent); color:#fff; transform:none; box-shadow:0 0 0 5px rgba(61,107,255,.14); }
.rc-node.is-on::before { background:var(--accent); }
.rc-rsum { justify-self:end; font:700 13px 'JetBrains Mono',monospace; color:var(--rc-you-ink); direction:ltr; unicode-bidi:isolate; opacity:0; transform:translateX(-6px); transition:opacity .35s, transform .45s cubic-bezier(.16,1,.3,1); }
.rc-rsum.is-on { opacity:1; transform:none; }
.rc-total { display:flex; flex-direction:column; gap:6px; padding:16px 18px; border-radius:16px; border:1px solid var(--line); background:var(--surface); opacity:.4; transition:opacity .4s, border-color .4s, box-shadow .4s; }
.rc-total.is-on { opacity:1; }
.rc-total.is-full { border-color:color-mix(in srgb,var(--rc-you) 55%,var(--line)); box-shadow:0 0 0 4px rgba(18,169,122,.10),0 18px 34px -24px rgba(18,169,122,.6); }
.rc-total-k { font-size:13px; font-weight:600; color:var(--ink-2); }
.rc-total-v { font:700 clamp(28px,4cqi,38px)/1.05 'JetBrains Mono',monospace; letter-spacing:-.04em; color:var(--rc-you-ink); direction:ltr; unicode-bidi:isolate; text-align:start; font-variant-numeric:tabular-nums; }
[dir="rtl"] .rc-total-v { text-align:right; }
.rc-total-n { font-size:13px; font-weight:600; color:var(--ink); }
.rc-each { font-size:12.5px; line-height:1.45; color:var(--ink-3); }
.rc-sim { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; margin-top:4px; font:500 10px/1.3 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
html[lang="ar"] .rc-sim,html[lang="hi"] .rc-sim,html[lang="ru"] .rc-sim { letter-spacing:0; font-family:inherit; font-size:11px; text-transform:none; }
.rc-sim::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.6; }

.rc-adv { display:flex; flex-direction:column; justify-content:center; gap:14px; }
.rc-adv ul { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; margin:0; padding:0; }
.rc-adv li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:var(--surface); opacity:0; transform:translateY(8px); transition:opacity .4s, transform .5s cubic-bezier(.16,1,.3,1), border-color .35s; }
.rc-adv li.is-in { opacity:1; transform:none; border-color:color-mix(in srgb,var(--rc-you) 35%,var(--line)); }
.rc-adv-i { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:rgba(61,107,255,.12); color:var(--accent); }
.rc-adv-i svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.rc-adv-t { display:flex; flex-direction:column; gap:2px; min-width:0; }
.rc-adv-t b { font-size:14.5px; font-weight:650; line-height:1.3; color:var(--ink); }
.rc-adv-t span { font-size:13px; line-height:1.5; color:var(--ink-2); }
.rc-adv-ok { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--line); color:#fff; transform:scale(.6); transition:background .3s .15s, transform .45s cubic-bezier(.34,1.56,.64,1) .15s; }
.rc-adv-ok svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.rc-adv li.is-in .rc-adv-ok { background:var(--rc-you); transform:none; }
.rc-cta-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin:0; }
.rc-cta { min-height:46px; padding:0 22px; border:0; border-radius:999px; background:var(--accent); color:#fff; font:inherit; font-size:14.5px; font-weight:650; cursor:pointer; box-shadow:0 14px 28px -14px rgba(61,107,255,.85); opacity:.35; transform:translateY(6px); transition:opacity .4s, transform .5s cubic-bezier(.16,1,.3,1), filter .2s; }
.rc-cta.is-in { opacity:1; transform:none; }
.rc-cta:hover { filter:brightness(1.08); }
.rc-cta:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.rc-done { font-size:13px; font-weight:600; color:var(--rc-you-ink); }

.rc-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 20px 0; padding:0; }
.rc-steps button { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:8px; row-gap:8px; width:100%; padding:8px 4px 4px; border:0; background:none; font:inherit; color:var(--ink-3); cursor:pointer; text-align:start; }
.rc-step-n { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; border:1.5px solid var(--line-2); font:700 11.5px/1 'JetBrains Mono',monospace; transition:background .3s, color .3s, border-color .3s; }
.rc-step-l { font-size:13px; font-weight:600; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rc-step-bar { grid-column:1/-1; height:3px; border-radius:3px; background:var(--line); overflow:hidden; }
.rc-step-bar i { display:block; height:100%; background:linear-gradient(90deg,var(--accent),var(--rc-you)); transform-origin:left; transform:scaleX(0); }
[dir="rtl"] .rc-step-bar i { transform-origin:right; }
.rc-steps button.is-on,.rc-steps button.is-done { color:var(--ink); }
.rc-steps button.is-on .rc-step-n { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 0 0 4px rgba(61,107,255,.15); }
.rc-steps button.is-done .rc-step-n { border-color:var(--accent); color:var(--accent); }
.rc-foot-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin-top:12px; padding:14px 22px 16px; border-top:1px solid var(--line); background:var(--surface-alt); }
.rc-cap { flex:1 1 320px; min-height:3.1em; margin:0; font-size:14px; line-height:1.55; color:var(--ink-2); }
.rc-ctrl { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.rc-ctrl button { min-height:40px; padding:0 16px; border:1px solid var(--line-2); border-radius:999px; background:var(--surface); color:var(--ink); font:inherit; font-size:13.5px; font-weight:600; cursor:pointer; transition:border-color .2s, color .2s; }
.rc-ctrl button:hover { border-color:var(--accent); color:var(--accent); }
.rc-ctrl button:focus-visible,.rc-steps button:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.rc:not(.rc-on) .rc-scenes { opacity:0; translate:0 18px; }
.rc-scenes { transition:opacity .7s ease, translate .9s cubic-bezier(.16,1,.3,1); }

@container (min-width:780px) {
  .rc-scenes,.rc-steps { margin-left:28px; margin-right:28px; }
  .rc-scene>div { padding:20px 24px; }
  .rc-net { grid-template-columns:minmax(0,1fr) minmax(220px,.42fr); gap:24px; }
  .rc-foot-bar { padding:14px 28px 18px; }
}
@container (max-width:560px) {
  .rc { --rc-cols:58px repeat(3,minmax(0,1fr)) 0px; }
  .rc-head { padding:22px 18px 2px; }
  .rc-scenes,.rc-steps { margin-left:12px; margin-right:12px; }
  .rc-scene>div { padding:14px 12px; }
  .rc-gain { align-items:flex-start; text-align:start; }
  .rc-legend,.rc-adv ul { grid-template-columns:1fr; }
  .rc-lv { font-size:11px; }
  .rc-lv em { font-size:10.5px; }
  .rc-rsum { display:none; }
  .rc-bus::before { left:calc(58px + (100% - 58px) / 6); right:calc((100% - 58px) / 6); }
  [dir="rtl"] .rc-bus::before { left:calc((100% - 58px) / 6); right:calc(58px + (100% - 58px) / 6); }
  .rc-node i { width:32px; height:32px; }
  .rc-steps button { grid-template-columns:1fr; justify-items:center; }
  .rc-step-l { display:none; }
  .rc-foot-bar { padding:12px 16px 14px; }
}
@media (prefers-reduced-motion:reduce) { .rc *,.rc::before { animation:none!important; transition:none!important; } }
html.nbx-rm .rc *,html.nbx-rm .rc::before { animation:none!important; transition:none!important; }
@media print { .rc { display:none!important; } }