/* r2 visuals (26.09.2026): What is QuiNVarium, Mining, Roadmap on quinvarium.org.
   Site palette and fonts; motion follows «Pause motion» (body.motion-paused) and prefers-reduced-motion.
   Without motion every scene shows its final frame. */
.qv{--qv-ink:var(--text,#f0f3f7);--qv-dim:var(--muted,#949da7);--qv-faint:var(--subtle,#78828d);--qv-line:var(--line,#ffffff18);
  --qv-acc:#a9d5fa;--qv-acc2:#85bfff;--qv-glow:#a9d5fa73;--qv-panel:#0e1318;--qv-panel2:#141b23;--qv-mono:var(--mono,"SFMono-Regular",Menlo,Consolas,monospace);
  --qv-grad:linear-gradient(92deg,#e6f1fb 0%,#a9d5fa 55%,#6ebafa 100%);color:var(--qv-ink);overflow:hidden}
html[data-theme=light] .qv{--qv-acc:#286694;--qv-acc2:#2e76b7;--qv-glow:#2866943d;--qv-panel:#f8fafc;--qv-panel2:#e6edf3;--qv-grad:linear-gradient(92deg,#14202b 0%,#285f92 60%,#2e76b7 100%)}
.qv *{box-sizing:border-box}
.qv-wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}
.qv-kicker{display:flex;align-items:center;gap:10px;margin:0;font:600 12px/1.2 var(--qv-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--qv-faint)}
.qv-kicker i{width:7px;height:7px;border-radius:50%;background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);flex:none}
.qv h1{font-size:clamp(40px,5.1vw,68px);line-height:1.03;letter-spacing:-.035em;font-weight:500;margin:22px 0 22px}
.qv h1 span,.qv h2 span{background:var(--qv-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qv h2{font-size:clamp(28px,3.1vw,42px);line-height:1.1;letter-spacing:-.025em;font-weight:500;margin:12px 0 0}
.qv h3{font-size:19px;line-height:1.3;font-weight:560;letter-spacing:-.01em;margin:0 0 8px}
.qv p{margin:0}
.qv-lead{font-size:18px;line-height:1.62;color:var(--qv-dim);max-width:540px}
.qv-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}
.qv .text-link{display:inline-flex;align-items:center;gap:8px}
.qv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;padding-top:70px;padding-bottom:70px}
.qv-sec{padding-top:78px;padding-bottom:78px;border-top:1px solid var(--qv-line)}
.qv-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px}
.qv-sec-head>p{color:var(--qv-dim);max-width:430px;font-size:15px;line-height:1.6}

/* reveal on scroll (only for blocks that start below the fold) */
.qv-reveal{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.qv-reveal.qv-wait{opacity:0;transform:translateY(22px)}

/* stage */
.qv-stage{position:relative;margin:0;border:1px solid var(--qv-line);border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 90% at 70% 10%,#1d304566,transparent 62%),linear-gradient(180deg,var(--qv-panel),transparent 130%)}
html[data-theme=light] .qv-stage{background:radial-gradient(120% 90% at 70% 10%,#d7e6f3,transparent 62%),var(--qv-panel)}
.qv-stage svg{display:block;width:100%;height:auto}

/* ── cards with small art ── */
.qv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qv-card{border:1px solid var(--qv-line);border-radius:14px;padding:26px 26px 24px;background:linear-gradient(165deg,#141b2680,transparent 70%);display:flex;flex-direction:column}
html[data-theme=light] .qv-card{background:var(--qv-panel)}
.qv-card p{color:var(--qv-dim);font-size:15px;line-height:1.6;margin-bottom:20px;flex:1}
.qv-art{height:108px;margin:0 0 24px;border-bottom:1px solid var(--qv-line);display:flex;align-items:flex-end;gap:5px;padding-bottom:14px}
.qv-art-work i{flex:1;height:30%;border-radius:2px;background:linear-gradient(180deg,var(--qv-acc),transparent);opacity:.75}
.qv-art-work i:nth-child(3n){height:62%}.qv-art-work i:nth-child(4n+1){height:44%}.qv-art-work i:nth-child(5n+2){height:80%}
.qv-art-sign{align-items:center;justify-content:center;gap:16px}
.qv-art-sign i{width:18px;height:18px;border-radius:50%;border:1.4px solid var(--qv-acc);background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow)}
.qv-art-sign i:nth-child(5){background:transparent;box-shadow:none;opacity:.55}
.qv-art-sign b{font:600 12px/1 var(--qv-mono);color:var(--qv-acc);margin-left:8px;letter-spacing:.08em}
.qv-art-eras i{flex:1;height:var(--h);background:linear-gradient(180deg,var(--qv-acc),#a9d5fa22);border-radius:2px 2px 0 0;opacity:.8;transform-origin:bottom}
@media (prefers-reduced-motion:no-preference){
  .qv-art-work i{animation:qv-bars 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.17s)}
  .qv-art-sign i{animation:qv-sign 4.8s ease infinite}
  .qv-art-sign i:nth-child(2){animation-name:qv-sign2}.qv-art-sign i:nth-child(3){animation-name:qv-sign3}.qv-art-sign i:nth-child(4){animation-name:qv-sign4}.qv-art-sign i:nth-child(5){animation-name:qv-sign5}
  .qv-art-sign b{animation:qv-signb 4.8s steps(1,end) infinite}
  .qv-card.qv-wait .qv-art-eras i{transform:scaleY(0)}
  .qv-art-eras i{transition:transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 45ms + .2s)}
}
@keyframes qv-bars{0%{transform:scaleY(.35)}100%{transform:scaleY(1.25)}}
@keyframes qv-sign{0%,8%{background:transparent;box-shadow:none;opacity:.5}14%,82%{background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);opacity:1}92%,100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-sign2{0%,20%{background:transparent;box-shadow:none;opacity:.5}26%,82%{background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);opacity:1}92%,100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-sign3{0%,32%{background:transparent;box-shadow:none;opacity:.5}38%,82%{background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);opacity:1}92%,100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-sign4{0%,44%{background:transparent;box-shadow:none;opacity:.5}50%,82%{background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);opacity:1}92%,100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-sign5{0%,64%{background:transparent;box-shadow:none;opacity:.5}70%,82%{background:var(--qv-acc);box-shadow:0 0 14px var(--qv-glow);opacity:1}92%,100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-signb{0%{opacity:0}50%{opacity:1}90%{opacity:0}}

/* ── figures ── */
.qv-figs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding-top:0;padding-bottom:0}
.qv-fig{padding:40px 22px 40px 0;border-right:1px solid var(--qv-line);margin-right:22px}
.qv-fig:last-child{border-right:0;margin-right:0}
.qv-fig strong{display:block;font-size:clamp(34px,3.6vw,52px);line-height:1;font-weight:500;letter-spacing:-.04em;background:var(--qv-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.qv-fig strong small{font-size:.42em;letter-spacing:0;margin-left:4px}
.qv-fig p{margin-top:14px;color:var(--qv-dim);font-size:14px;line-height:1.5;max-width:200px}

/* ── table ── */
.qv-table-wrap{border:1px solid var(--qv-line);border-radius:14px;overflow-x:auto}
.qv-table{width:100%;border-collapse:collapse;font-size:15px}
.qv-table th,.qv-table td,.qv-table thead,.qv-table tr{background:transparent!important;box-shadow:none}
.qv-table th,.qv-table td{text-align:left;padding:17px 22px;border-bottom:1px solid var(--qv-line);vertical-align:top;line-height:1.45}
.qv-table tr:last-child th,.qv-table tr:last-child td{border-bottom:0}
.qv-table thead th{font:600 12px/1 var(--qv-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--qv-faint)}
.qv-table tbody th{color:var(--qv-dim);font:500 15px/1.45 var(--font,inherit);letter-spacing:0;text-transform:none;width:26%}
.qv-table td{color:var(--qv-dim)}
.qv-table td:last-child,.qv-table thead .qv-us{color:var(--qv-ink);background:linear-gradient(90deg,#a9d5fa12,#a9d5fa06)!important}
.qv-table thead .qv-us{color:var(--qv-acc)}

/* ── call to action ── */
.qv-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px 52px;border:1px solid var(--qv-line);border-radius:18px;
  background:radial-gradient(90% 140% at 100% 50%,#28437666,transparent 70%),linear-gradient(180deg,var(--qv-panel),transparent)}
html[data-theme=light] .qv-cta{background:radial-gradient(90% 140% at 100% 50%,#cfe0ef,transparent 70%),var(--qv-panel)}
.qv-cta h2{margin:0 0 12px}
.qv-cta p{color:var(--qv-dim);max-width:560px}
.qv-cta .qv-actions{margin-top:0;flex:none}

/* ── mining: photo hero + console ── */
.qv-photo-hero{position:relative;background:#07090b;color:#f0f3f7;isolation:isolate}
.qv-photo-hero .qv-lead{color:#aab4be}
.qv-photo-hero .qv-kicker{color:#8f9aa6}
.qv-photo-hero .qv-kicker i{background:#a9d5fa;box-shadow:0 0 14px #a9d5fa73}
.qv-photo-hero h1 span{background:linear-gradient(92deg,#e6f1fb 0%,#a9d5fa 55%,#6ebafa 100%);-webkit-background-clip:text;background-clip:text}
.qv-photo-hero .text-link{color:#e6eef6}
.qv-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.qv-photo img{width:100%;height:100%;object-fit:cover;object-position:62% 82%;opacity:.7;transform:scale(1.04)}
.qv-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090b 8%,#07090bcc 42%,#07090b40 75%,#07090b99),linear-gradient(0deg,#07090b 0%,transparent 30%)}
.qv-photo-hero .qv-hero{padding-top:92px;padding-bottom:96px}
.qv-console{--c:#a9d5fa;border:1px solid #b7ccdd2e;border-radius:14px;background:#0a0e13d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08 inset;font:500 12.5px/1.5 var(--qv-mono);color:#c9d3dd;position:relative;overflow:hidden;max-width:560px;justify-self:end;width:100%}
.qv-console-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid #b7ccdd1f;font-size:11px;letter-spacing:.12em;color:#8f9aa6}
.qv-console-bar span{flex:1}
.qv-console-bar i{width:8px;height:8px;border-radius:50%;background:#b7ccdd33}
.qv-console-meta{display:grid;grid-template-columns:1fr 1.3fr .9fr;border-bottom:1px solid #b7ccdd1f}
.qv-console-meta div{padding:12px 16px;border-right:1px solid #b7ccdd1f}
.qv-console-meta div:last-child{border-right:0}
.qv-console-meta small{display:block;font-size:10px;letter-spacing:.14em;color:#78828d;margin-bottom:4px}
.qv-console-meta b{font-weight:600;color:#e6eef6}
.qv-state{position:relative;display:block;height:1.5em}
.qv-state span{position:absolute;left:0;top:0}
.qv-state span:first-child{opacity:0}
.qv-state span:last-child{color:var(--c)}
.qv-feed{height:212px;overflow:hidden;position:relative;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.qv-row{display:grid;grid-template-columns:1fr 1.4fr 20px;gap:12px;padding:6px 16px;color:#8f9aa6}
.qv-row em{font-style:normal;color:#d9776f99;text-align:right}
.qv-found{display:grid;grid-template-columns:20px 1.2fr auto;gap:12px;align-items:center;margin:0 12px 12px;padding:12px 14px;border:1px solid #a9d5fa66;border-radius:10px;background:#a9d5fa14;color:#e6eef6;box-shadow:0 0 30px #a9d5fa22}
.qv-found em{font-style:normal;color:var(--c)}
.qv-found b{color:var(--c);font-weight:600}
.qv-reward{position:absolute;right:18px;top:118px;font-weight:600;font-size:20px;line-height:1;color:#e6f1fb;text-shadow:0 0 22px #6ebafa;letter-spacing:-.01em}
@media (prefers-reduced-motion:no-preference){
  .qv-feed-list{animation:qv-feed 5s linear infinite}
  .qv-feed{animation:qv-feed-dim 6s ease infinite}
  .qv-found{animation:qv-found 6s ease infinite}
  .qv-reward{animation:qv-reward 6s ease infinite}
  .qv-state span:first-child{animation:qv-state-a 6s steps(1,end) infinite}
  .qv-state span:last-child{animation:qv-state-b 6s steps(1,end) infinite}
  .qv-photo img{animation:qv-drift 24s ease-in-out infinite alternate}
}
@keyframes qv-feed{to{transform:translateY(-50%)}}
@keyframes qv-feed-dim{0%,58%{opacity:1}64%,90%{opacity:.35}96%,100%{opacity:1}}
@keyframes qv-found{0%,58%{opacity:0;transform:translateY(8px)}64%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(8px)}}
@keyframes qv-reward{0%,64%{opacity:0;transform:translateY(14px)}70%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes qv-state-a{0%{opacity:1}62%{opacity:0}94%{opacity:1}}
@keyframes qv-state-b{0%{opacity:0}62%{opacity:1}94%{opacity:0}}
@keyframes qv-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.1) translateX(-1.5%)}}

/* ── mining: steps, flow, split, era chart, specs ── */
.qv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.qv-step{position:relative;border:1px solid var(--qv-line);border-radius:14px;padding:28px 26px;background:linear-gradient(165deg,#141b2680,transparent 70%);transition-delay:calc(var(--d) * 120ms)}
html[data-theme=light] .qv-step{background:var(--qv-panel)}
.qv-step-n{position:absolute;top:24px;right:24px;font:600 12px/1 var(--qv-mono);color:var(--qv-faint);letter-spacing:.1em}
.qv-ico{width:30px;height:30px;color:var(--qv-acc);margin-bottom:26px}
.qv-step p{color:var(--qv-dim);font-size:15px;line-height:1.6;margin-bottom:16px}
.qv-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.qv-flow::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:1px;background:linear-gradient(90deg,var(--qv-acc),var(--qv-line))}
.qv-flow::after{content:"";position:absolute;top:24px;left:28px;width:7px;height:7px;border-radius:50%;background:var(--qv-acc);box-shadow:0 0 16px 3px var(--qv-glow);opacity:0}
.qv-flow li{position:relative}
.qv-flow-node{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--qv-line);background:var(--qv-panel);position:relative;z-index:1;margin-bottom:20px}
.qv-flow-node .qv-ico{width:24px;height:24px;margin:0;color:var(--qv-dim)}
.qv-flow p{color:var(--qv-dim);font-size:14.5px;line-height:1.55}
@media (prefers-reduced-motion:no-preference){
  .qv-flow::after{animation:qv-flow-pulse 5s cubic-bezier(.5,0,.5,1) infinite}
  .qv-flow-node{animation:qv-flow-node 5s ease infinite;animation-delay:calc(var(--i) * 1s - 5s)}
  .qv-flow-node .qv-ico{animation:qv-flow-ico 5s ease infinite;animation-delay:calc(var(--i) * 1s - 5s)}
}
@keyframes qv-flow-pulse{0%{left:28px;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% - 28px);opacity:0}}
@keyframes qv-flow-node{0%,4%{border-color:var(--qv-line);box-shadow:none}10%,26%{border-color:var(--qv-acc);box-shadow:0 0 24px var(--qv-glow)}40%,100%{border-color:var(--qv-line);box-shadow:none}}
@keyframes qv-flow-ico{0%,4%{color:var(--qv-dim)}10%,26%{color:var(--qv-acc)}40%,100%{color:var(--qv-dim)}}
.qv-split{margin-bottom:26px}
.qv-split-bar{display:flex;height:18px;border-radius:9px;overflow:hidden;background:var(--qv-panel2);gap:3px}
.qv-split-bar span{width:var(--w);transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.qv-split.qv-wait .qv-split-bar span{width:0}
.qv-split-bar .m,.qv-split-legend .m b::before{background:linear-gradient(90deg,#6ebafa,#a9d5fa)}
.qv-split-bar .r,.qv-split-legend .r b::before{background:#5a7896}
.qv-split-bar .d,.qv-split-legend .d b::before{background:#8e9fb1}
.qv-split-legend{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qv-split-legend li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline}
.qv-split-legend b{font-size:28px;font-weight:500;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.qv-split-legend b::before{content:"";width:10px;height:10px;border-radius:3px}
.qv-split-legend span{color:var(--qv-ink);font-size:15px}
.qv-split-legend code{grid-column:1/-1;font:500 13px/1.4 var(--qv-mono);color:var(--qv-dim)}
.qv-era{border:1px solid var(--qv-line);border-radius:14px;padding:26px 26px 22px;margin-top:40px;background:linear-gradient(180deg,var(--qv-panel),transparent)}
.qv-era-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px;flex-wrap:wrap}
.qv-era-legend{display:flex;gap:20px;font-size:13px;color:var(--qv-dim)}
.qv-era-legend span{display:flex;align-items:center;gap:8px}
.qv-era-legend span::before{content:"";width:22px;height:0;border-top:2px solid var(--qv-acc)}
.qv-era-legend .g::before{border-top:1.5px dashed var(--qv-faint)}
.qv-era-svg{display:block;width:100%;height:auto;margin-bottom:12px;overflow:visible}
.qv-era-svg text{font:500 11px/1 var(--qv-mono);fill:var(--qv-faint)}
.qv-era-grid line{stroke:var(--qv-line)}
.qv-era-h8{stroke:var(--qv-faint);stroke-dasharray:3 4}
.qv-era-note{fill:var(--qv-dim)!important;font-size:12px!important}
.qv-era-gross{fill:none;stroke:var(--qv-faint);stroke-width:1.4;stroke-dasharray:.006 .006;opacity:.8}
.qv-era-miner{fill:none;stroke:var(--qv-acc);stroke-width:2.6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px var(--qv-glow));transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1) .2s}
.qv-era.qv-wait .qv-era-miner{stroke-dashoffset:1}
.qv-era-now circle:first-child{fill:var(--qv-acc);opacity:.18}
.qv-era-now circle:last-child{fill:var(--qv-acc)}
.qv-era-now text{fill:var(--qv-ink)!important;font-size:12px!important}
@media (prefers-reduced-motion:no-preference){.qv-era-now circle:first-child{animation:qv-now 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes qv-now{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.35);opacity:.1}}
.qv-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--qv-line);border-left:1px solid var(--qv-line)}
.qv-spec{padding:26px 24px;border-right:1px solid var(--qv-line);border-bottom:1px solid var(--qv-line)}
.qv-spec small{display:block;font:600 11px/1.2 var(--qv-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qv-faint);margin-bottom:14px}
.qv-spec strong{display:block;font-size:30px;font-weight:500;letter-spacing:-.03em;margin-bottom:8px}
.qv-spec p{color:var(--qv-dim);font-size:14px;line-height:1.5}

/* ── roadmap ── */
.qv-road-hero{padding-top:74px;padding-bottom:70px}
.qv-rail{margin-top:54px;position:relative}
.qv-rail-line{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--qv-line);transform:translateY(-50%)}
.qv-rail-line span{position:absolute;left:0;top:0;bottom:0;width:calc(100% * 4.5 / 11);background:linear-gradient(90deg,#a9d5fa55,var(--qv-acc))}
.qv-rail-line em{position:absolute;top:50%;left:0;width:60px;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,#fff);opacity:0;filter:drop-shadow(0 0 6px var(--qv-acc))}
.qv-rail-dots{position:relative;display:grid;grid-template-columns:repeat(11,1fr)}
.qv-rail-dots i{justify-self:center;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--qv-line);background:var(--bg,#07090b)}
.qv-rail-dots i.done{background:var(--qv-acc);border-color:var(--qv-acc)}
.qv-rail-dots i.current{border-color:var(--qv-acc);box-shadow:0 0 0 5px #a9d5fa1f,0 0 18px var(--qv-glow)}
.qv-rail-legend{list-style:none;display:flex;gap:28px;margin:26px 0 0;padding:0;color:var(--qv-dim);font-size:14px}
.qv-rail-legend b{font-size:20px;color:var(--qv-ink);font-weight:500;margin-right:4px}
.qv-rail-legend .current b{color:var(--qv-acc)}
@media (prefers-reduced-motion:no-preference){
  .qv-rail-line em{animation:qv-comet 3.6s cubic-bezier(.6,0,.4,1) infinite}
  .qv-rail-dots i.current{animation:qv-cur 2.4s ease-in-out infinite}
  .qv-rail-dots i.current:nth-child(4){animation-delay:.3s}.qv-rail-dots i.current:nth-child(5){animation-delay:.6s}
  .qv-tl-item.current .qv-tl-node{animation:qv-cur 2.4s ease-in-out infinite}
}
@keyframes qv-comet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% * 4.5 / 11 - 60px);opacity:0}}
@keyframes qv-cur{0%,100%{box-shadow:0 0 0 4px #a9d5fa14,0 0 12px var(--qv-glow)}50%{box-shadow:0 0 0 9px #a9d5fa0a,0 0 26px var(--qv-glow)}}
.qv-road{padding-bottom:30px}
.qv-tl-phase{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding:56px 0;border-top:1px solid var(--qv-line)}
.qv-tl-phase>header{position:sticky;top:130px;align-self:start}
.qv-tl-phase>header p:last-child{margin-top:14px;color:var(--qv-dim);font-size:15px;line-height:1.55}
.qv-tl-phase.current>header .qv-kicker{color:var(--qv-acc)}
.qv-tl{list-style:none;margin:0;padding:0}
.qv-tl-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:24px;padding-bottom:34px}
.qv-tl-item:last-child{padding-bottom:0}
.qv-tl-item::before{content:"";position:absolute;left:20px;top:44px;bottom:2px;width:1.5px;background:var(--qv-line)}
.qv-tl-item:last-child::before{display:none}
.qv-tl-item.done::before{background:var(--qv-acc);opacity:.6}
.qv-tl-item.current::before{background:linear-gradient(180deg,var(--qv-acc),var(--qv-line))}
.qv-tl-node{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--qv-line);background:var(--qv-panel);font:600 12px/1 var(--qv-mono);color:var(--qv-faint)}
.qv-tl-item.done .qv-tl-node{background:var(--qv-acc);border-color:var(--qv-acc);color:#0a1420}
.qv-tl-ico{width:20px;height:20px;stroke-width:2}
.qv-tl-item.current .qv-tl-node{border-color:var(--qv-acc);color:var(--qv-acc)}
.qv-tl-body{border:1px solid var(--qv-line);border-radius:14px;padding:22px 24px;background:linear-gradient(165deg,#141b2666,transparent 70%)}
html[data-theme=light] .qv-tl-body{background:var(--qv-panel)}
.qv-tl-item.current .qv-tl-body{border-color:#a9d5fa55;background:linear-gradient(165deg,#a9d5fa12,transparent 70%)}
.qv-tl-body small{display:block;font:600 11px/1 var(--qv-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qv-faint);margin-bottom:12px}
.qv-tl-item.current .qv-tl-body small{color:var(--qv-acc)}
.qv-tl-body p{color:var(--qv-dim);font-size:15px;line-height:1.6;margin-bottom:12px}
.qv-tl-item.next .qv-tl-body{border-style:dashed}

/* pause switch of the site and reduced motion */
body.motion-paused .qv *,body.motion-paused .qv *::before,body.motion-paused .qv *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.qv-reveal.qv-wait{opacity:1;transform:none}}

/* ── responsive ── */
@media (max-width:1000px){
  .qv-hero{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:56px}
  .qv-console{justify-self:stretch;max-width:none}
  .qv-cards,.qv-steps{grid-template-columns:1fr}
  .qv-figs{grid-template-columns:repeat(2,1fr)}
  .qv-fig{border-right:0;margin-right:0;border-bottom:1px solid var(--qv-line);padding:26px 0}
  .qv-flow{grid-template-columns:1fr;gap:0}
  .qv-flow::before{left:27px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:linear-gradient(180deg,var(--qv-acc),var(--qv-line))}
  .qv-flow::after{display:none}
  .qv-flow li{display:grid;grid-template-columns:56px 1fr;column-gap:20px;padding-bottom:22px}
  .qv-flow li p{grid-column:2}
  .qv-flow-node{grid-row:span 2;margin:0}
  .qv-specs{grid-template-columns:repeat(2,1fr)}
  .qv-split-legend{grid-template-columns:1fr}
  .qv-tl-phase{grid-template-columns:1fr;gap:26px}
  .qv-tl-phase>header{position:static}
  .qv-cta{flex-direction:column;align-items:flex-start;padding:34px 28px}
  .qv-sec-head{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:640px){
  .qv-wrap{padding:0 18px}
  .qv-sec{padding-top:56px;padding-bottom:56px}
  .qv-chips{grid-template-columns:1fr;padding:0 12px 12px}
  .qv-console-meta{grid-template-columns:1fr 1fr}
  .qv-console-meta div:nth-child(2){border-right:0}
  .qv-console-meta div:last-child{grid-column:1/-1;border-top:1px solid #b7ccdd1f}
  .qv-row{grid-template-columns:1fr 1.2fr 16px;font-size:11px;gap:8px}
  .qv-reward{top:auto;bottom:74px;font-size:17px}
  .qv-specs{grid-template-columns:1fr}
  .qv-table th,.qv-table td{padding:13px 14px;font-size:14px}
  .qv-rail-dots i{width:10px;height:10px}
  .qv-era{padding:18px 14px}
}

/* ── «Что такое QuiNVarium»: hero scene v2 (26.09) ── */
.qv-stage.sb-stage{background:#070a12;border-color:#9cc8ff24;box-shadow:0 40px 120px -40px #2a5cc466,0 0 0 1px #ffffff06 inset;color:#e8f1fb}
.sb{display:block;width:100%;height:auto}
.sb text{font:600 10.5px/1 var(--qv-mono,Menlo,monospace);letter-spacing:.12em;fill:#7f93ab}
.sb-floor line{stroke:#7fb6ff;stroke-opacity:.14;stroke-width:1}
.sb-orbit{fill:none;stroke:url(#sb-orbit);stroke-width:1.2}
.sb-orbit-run{fill:none;stroke:#cfe6ff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:.08 .92;stroke-dashoffset:0;opacity:.7}
.sb-beam{fill:none;stroke:#9cc8ff;stroke-opacity:.12;stroke-width:1;stroke-dasharray:2 5}
.sb-packet{fill:none;stroke:#f2f8ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:.2 1.3;stroke-dashoffset:-1.3;filter:drop-shadow(0 0 6px #6aa8ff) drop-shadow(0 0 2px #bfe0ff)}
.sb-halo{fill:url(#sb-orb);opacity:.9}
.sb-ring{fill:#0b1222;stroke:#a9d5fa;stroke-width:1.3}
.sb-core{fill:#e6f3ff}
.sb-back{opacity:.8}
.sb-node text{fill:#8fa6c2;font-size:9.5px}
.sb-seg-bg{fill:none;stroke:#9cc8ff;stroke-opacity:.12;stroke-width:3;stroke-linecap:round}
.sb-ringwrap{transform-box:fill-box;transform-origin:center}
.sb-seg{fill:none;stroke:#bfe0ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #6aa8ff)}
.sb-closed{fill:none;stroke:#bfe0ff;stroke-width:1.2;opacity:.55}
.sb-wave{fill:none;stroke:#a9d5fa;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.sb-block,.sb-blockmove{transform-box:fill-box;transform-origin:center}
.sb-scan{opacity:0}
.sb-final rect{fill:#0f1c36;stroke:#a9d5fa;stroke-opacity:.7}
.sb-final text{fill:#dcefff;font-size:10px;letter-spacing:.16em}
.sb-hud-k{fill:#7f93ab}
.sb-hud-v{font:500 22px/1 var(--qv-mono,Menlo,monospace)!important;letter-spacing:.02em!important;fill:#e8f1fb!important}
.sb-live{fill:#a9d5fa}
.sb-count{font:500 30px/1 var(--qv-mono,Menlo,monospace)!important;letter-spacing:0!important;fill:#f2f8ff!important;opacity:0}
.sb-count tspan{fill:#6f86a3;font-size:18px}
.sb-c5{opacity:1}
.sb-bar{fill:#bfe0ff}
.sb-rail line{stroke:#9cc8ff;stroke-opacity:.25}
.sb-rail circle{fill:#6f8fb8}
.sb-rail-next{stroke-dasharray:2 6;stroke-opacity:.3!important}
.sb-head{fill:#e6f3ff!important}
.sb-head-halo{fill:url(#sb-orb)!important;opacity:0}
.sb-head-label{fill:#a9c6e6;opacity:1}
.sb-dust{fill:#cfe6ff;opacity:0}
.sb-steps{list-style:none;margin:0;padding:4px 22px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sb-step span{display:flex;align-items:baseline;gap:9px;font-size:14px;color:#8fa6c2;padding-bottom:12px}
.sb-step b{font:600 11px/1 var(--qv-mono,Menlo,monospace);color:#56708f;letter-spacing:.08em}
.sb-step i{display:block;height:2px;border-radius:2px;background:#9cc8ff1f;position:relative;overflow:hidden}
.sb-step i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4f8ff5,#bfe0ff);box-shadow:0 0 12px #6aa8ff;transform-origin:left;transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){
.sb-block{animation:sb-block 9s cubic-bezier(.4,0,.2,1) infinite}
.sb-blockmove{animation:sb-blockmove 9s cubic-bezier(.4,0,.2,1) infinite}
.sb-ringwrap{animation:sb-ringwrap 9s ease infinite}
.sb-scan{animation:sb-scan 9s ease-out infinite}
.sb-aura{animation:sb-aura 9s ease-in-out infinite}
.sb-n1 .sb-ring,.sb-n1 .sb-core{animation:sb-n1 9s ease infinite}
.sb-n1 .sb-halo{animation:sb-h1 9s ease infinite}
.sb-n1 .sb-halo{transform-box:fill-box;transform-origin:center}
.sb-p1{animation:sb-p1 9s cubic-bezier(.5,0,.3,1) infinite}
.sb-s1{animation:sb-s1 9s ease-out infinite}
.sb-b1{animation:sb-b1 9s steps(1,end) infinite}
.sb-n2 .sb-ring,.sb-n2 .sb-core{animation:sb-n2 9s ease infinite}
.sb-n2 .sb-halo{animation:sb-h2 9s ease infinite}
.sb-n2 .sb-halo{transform-box:fill-box;transform-origin:center}
.sb-p2{animation:sb-p2 9s cubic-bezier(.5,0,.3,1) infinite}
.sb-s2{animation:sb-s2 9s ease-out infinite}
.sb-b2{animation:sb-b2 9s steps(1,end) infinite}
.sb-n3 .sb-ring,.sb-n3 .sb-core{animation:sb-n3 9s ease infinite}
.sb-n3 .sb-halo{animation:sb-h3 9s ease infinite}
.sb-n3 .sb-halo{transform-box:fill-box;transform-origin:center}
.sb-p3{animation:sb-p3 9s cubic-bezier(.5,0,.3,1) infinite}
.sb-s3{animation:sb-s3 9s ease-out infinite}
.sb-b3{animation:sb-b3 9s steps(1,end) infinite}
.sb-n4 .sb-ring,.sb-n4 .sb-core{animation:sb-n4 9s ease infinite}
.sb-n4 .sb-halo{animation:sb-h4 9s ease infinite}
.sb-n4 .sb-halo{transform-box:fill-box;transform-origin:center}
.sb-p4{animation:sb-p4 9s cubic-bezier(.5,0,.3,1) infinite}
.sb-s4{animation:sb-s4 9s ease-out infinite}
.sb-b4{animation:sb-b4 9s steps(1,end) infinite}
.sb-n5 .sb-ring,.sb-n5 .sb-core{animation:sb-n5 9s ease infinite}
.sb-n5 .sb-halo{animation:sb-h5 9s ease infinite}
.sb-n5 .sb-halo{transform-box:fill-box;transform-origin:center}
.sb-p5{animation:sb-p5 9s cubic-bezier(.5,0,.3,1) infinite}
.sb-s5{animation:sb-s5 9s ease-out infinite}
.sb-b5{animation:sb-b5 9s steps(1,end) infinite}
.sb-c0{animation:sb-c0 9s steps(1,end) infinite}
.sb-c1{animation:sb-c1 9s steps(1,end) infinite}
.sb-c2{animation:sb-c2 9s steps(1,end) infinite}
.sb-c3{animation:sb-c3 9s steps(1,end) infinite}
.sb-c4{animation:sb-c4 9s steps(1,end) infinite}
.sb-c5{animation:sb-c5 9s steps(1,end) infinite}
.sb-closed{animation:sb-closed 9s ease infinite}
.sb-wave{animation:sb-wave 9s cubic-bezier(.2,.6,.3,1) infinite}
.sb-final{animation:sb-final 9s ease infinite}
.sb-final{transform-box:fill-box;transform-origin:center}
.sb-rail-move{animation:sb-rail 9s cubic-bezier(.4,0,.2,1) infinite}
.sb-head{animation:sb-head 9s steps(1,end) infinite}
.sb-head-halo{animation:sb-headhalo 9s ease infinite}
.sb-head-label{animation:sb-headlabel 9s ease infinite}
.sb-head-halo,.sb-head-label{transform-box:fill-box;transform-origin:center}
.sb-orbit-run{animation:sb-orbit 12s linear infinite}
.sb-live{animation:sb-live 1.6s ease-in-out infinite}
.sb-dust{animation:sb-dust var(--dur) linear infinite;animation-delay:var(--d)}
.sb-st1 i::after{animation:sb-st1 9s linear infinite}
.sb-st1 span{animation:sb-stc1 9s steps(1,end) infinite}
.sb-st2 i::after{animation:sb-st2 9s linear infinite}
.sb-st2 span{animation:sb-stc2 9s steps(1,end) infinite}
.sb-st3 i::after{animation:sb-st3 9s linear infinite}
.sb-st3 span{animation:sb-stc3 9s steps(1,end) infinite}
}
@keyframes sb-block{0%{opacity:0;transform:translateY(-26px) scale(.86)}9%{opacity:1;transform:none}100%{opacity:1;transform:none}}
@keyframes sb-blockmove{0%,60%{opacity:1;transform:none}70%{opacity:1;transform:translate(0,233px) scale(.09)}71%,97%{opacity:0;transform:translate(0,233px) scale(.09)}98%{opacity:0;transform:translateY(-26px) scale(.86)}100%{opacity:0;transform:translateY(-26px) scale(.86)}}
@keyframes sb-scan{0%,6%{opacity:0;transform:translateY(0)}9%{opacity:.9}17%{opacity:0;transform:translateY(70px)}100%{opacity:0}}
@keyframes sb-aura{0%,100%{opacity:.28}45%,58%{opacity:.6}}
@keyframes sb-ringwrap{0%{opacity:0;transform:scale(.9)}10%,61%{opacity:1;transform:none}68%,100%{opacity:0;transform:scale(.96)}}
@keyframes sb-n1{0%,21%{opacity:.45}22%,62%{opacity:1}72%,100%{opacity:.45}}
@keyframes sb-h1{0%,21%{opacity:0;transform:scale(.6)}22%{opacity:1;transform:scale(1.15)}26%,62%{opacity:.7;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes sb-p1{0%,22%{stroke-dashoffset:.2;opacity:0}22.5%{opacity:1}27%{stroke-dashoffset:-1.02;opacity:1}27.5%,100%{stroke-dashoffset:-1.3;opacity:0}}
@keyframes sb-s1{0%,27%{stroke-dashoffset:1;opacity:1}30%,61%{stroke-dashoffset:0;opacity:1}67%{stroke-dashoffset:0;opacity:0}68%,100%{stroke-dashoffset:1;opacity:0}}
@keyframes sb-b1{0%,27%{opacity:.18}27.1%,80%{opacity:1}88%,100%{opacity:.18}}
@keyframes sb-n2{0%,28%{opacity:.45}29%,62%{opacity:1}72%,100%{opacity:.45}}
@keyframes sb-h2{0%,28%{opacity:0;transform:scale(.6)}29%{opacity:1;transform:scale(1.15)}33%,62%{opacity:.7;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes sb-p2{0%,29%{stroke-dashoffset:.2;opacity:0}29.5%{opacity:1}34%{stroke-dashoffset:-1.02;opacity:1}34.5%,100%{stroke-dashoffset:-1.3;opacity:0}}
@keyframes sb-s2{0%,34%{stroke-dashoffset:1;opacity:1}37%,61%{stroke-dashoffset:0;opacity:1}67%{stroke-dashoffset:0;opacity:0}68%,100%{stroke-dashoffset:1;opacity:0}}
@keyframes sb-b2{0%,34%{opacity:.18}34.1%,80%{opacity:1}88%,100%{opacity:.18}}
@keyframes sb-n3{0%,35%{opacity:.45}36%,62%{opacity:1}72%,100%{opacity:.45}}
@keyframes sb-h3{0%,35%{opacity:0;transform:scale(.6)}36%{opacity:1;transform:scale(1.15)}40%,62%{opacity:.7;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes sb-p3{0%,36%{stroke-dashoffset:.2;opacity:0}36.5%{opacity:1}41%{stroke-dashoffset:-1.02;opacity:1}41.5%,100%{stroke-dashoffset:-1.3;opacity:0}}
@keyframes sb-s3{0%,41%{stroke-dashoffset:1;opacity:1}44%,61%{stroke-dashoffset:0;opacity:1}67%{stroke-dashoffset:0;opacity:0}68%,100%{stroke-dashoffset:1;opacity:0}}
@keyframes sb-b3{0%,41%{opacity:.18}41.1%,80%{opacity:1}88%,100%{opacity:.18}}
@keyframes sb-n4{0%,42%{opacity:.45}43%,62%{opacity:1}72%,100%{opacity:.45}}
@keyframes sb-h4{0%,42%{opacity:0;transform:scale(.6)}43%{opacity:1;transform:scale(1.15)}47%,62%{opacity:.7;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes sb-p4{0%,43%{stroke-dashoffset:.2;opacity:0}43.5%{opacity:1}48%{stroke-dashoffset:-1.02;opacity:1}48.5%,100%{stroke-dashoffset:-1.3;opacity:0}}
@keyframes sb-s4{0%,48%{stroke-dashoffset:1;opacity:1}51%,61%{stroke-dashoffset:0;opacity:1}67%{stroke-dashoffset:0;opacity:0}68%,100%{stroke-dashoffset:1;opacity:0}}
@keyframes sb-b4{0%,48%{opacity:.18}48.1%,80%{opacity:1}88%,100%{opacity:.18}}
@keyframes sb-n5{0%,51%{opacity:.45}52%,62%{opacity:1}72%,100%{opacity:.45}}
@keyframes sb-h5{0%,51%{opacity:0;transform:scale(.6)}52%{opacity:1;transform:scale(1.15)}56%,62%{opacity:.7;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes sb-p5{0%,52%{stroke-dashoffset:.2;opacity:0}52.5%{opacity:1}57%{stroke-dashoffset:-1.02;opacity:1}57.5%,100%{stroke-dashoffset:-1.3;opacity:0}}
@keyframes sb-s5{0%,57%{stroke-dashoffset:1;opacity:1}60%,61%{stroke-dashoffset:0;opacity:1}67%{stroke-dashoffset:0;opacity:0}68%,100%{stroke-dashoffset:1;opacity:0}}
@keyframes sb-b5{0%,57%{opacity:.18}57.1%,80%{opacity:1}88%,100%{opacity:.18}}
@keyframes sb-c0{0%{opacity:1}27%{opacity:0}88%{opacity:1}}
@keyframes sb-c1{0%{opacity:0}27%{opacity:1}34%{opacity:0}}
@keyframes sb-c2{0%{opacity:0}34%{opacity:1}41%{opacity:0}}
@keyframes sb-c3{0%{opacity:0}41%{opacity:1}48%{opacity:0}}
@keyframes sb-c4{0%{opacity:0}48%{opacity:1}57%{opacity:0}}
@keyframes sb-c5{0%{opacity:0}57%{opacity:1}88%{opacity:0}}
@keyframes sb-closed{0%,48%{opacity:0}50%,61%{opacity:.55}67%,100%{opacity:0}}
@keyframes sb-wave{0%,48%{opacity:0;transform:scale(1)}48.5%{opacity:.8;transform:scale(1)}58%,100%{opacity:0;transform:scale(1.9)}}
@keyframes sb-final{0%,49%{opacity:0;transform:translateY(6px)}52%,64%{opacity:1;transform:none}68%,100%{opacity:0;transform:none}}
@keyframes sb-rail{0%,74%{transform:translateX(0)}86%,100%{transform:translateX(-42px)}}
@keyframes sb-head{0%,69%{opacity:0}70%,100%{opacity:1}}
@keyframes sb-headhalo{0%,69%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.4)}84%{opacity:.6;transform:scale(1)}96%,100%{opacity:0;transform:scale(1)}}
@keyframes sb-headlabel{0%,70%{opacity:0;transform:translateY(6px)}74%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes sb-orbit{to{stroke-dashoffset:-1}}
@keyframes sb-live{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes sb-dust{0%{opacity:0;transform:translateY(12px)}25%{opacity:.7}100%{opacity:0;transform:translateY(-46px)}}
@keyframes sb-st1{0%,0%{transform:scaleX(0)}20%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sb-stc1{0%,0%{color:#8fa6c2}0.1%,96%{color:#eaf4ff}100%{color:#8fa6c2}}
@keyframes sb-st2{0%,20%{transform:scaleX(0)}48%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sb-stc2{0%,20%{color:#8fa6c2}20.1%,96%{color:#eaf4ff}100%{color:#8fa6c2}}
@keyframes sb-st3{0%,48%{transform:scaleX(0)}96%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sb-stc3{0%,48%{color:#8fa6c2}48.1%,96%{color:#eaf4ff}100%{color:#8fa6c2}}
body.motion-paused .sb *,body.motion-paused .sb-steps *,body.motion-paused .sb-steps *::after{animation-play-state:paused!important}

/* ── 26.09, second round: TestNet page, eras in the documentation, documentation hub ── */
.docs-main{--qv-ink:var(--text,#f0f3f7);--qv-dim:var(--muted,#949da7);--qv-faint:var(--subtle,#78828d);--qv-line:var(--line,#ffffff18);
  --qv-acc:#a9d5fa;--qv-glow:#a9d5fa73;--qv-panel:#0e1318;--qv-panel2:#141b23;--qv-mono:var(--mono,"SFMono-Regular",Menlo,Consolas,monospace);
  --qv-grad:linear-gradient(92deg,#e6f1fb 0%,#a9d5fa 55%,#6ebafa 100%)}
html[data-theme=light] .docs-main{--qv-acc:#286694;--qv-glow:#2866943d;--qv-panel:#f8fafc;--qv-panel2:#e6edf3;--qv-grad:linear-gradient(92deg,#14202b 0%,#285f92 60%,#2e76b7 100%)}
.qv-note{font-size:14px!important;color:var(--qv-dim)!important;margin-top:12px!important}
.qv-head-links{display:flex;gap:26px;flex-wrap:wrap}

/* TestNet hero: second site photo, darkened to the site palette */
.qv-net-hero .qv-photo img{object-position:50% 45%;opacity:.5;filter:saturate(.45) brightness(.62) hue-rotate(-8deg)}
.qv-net-hero .qv-photo::after{background:linear-gradient(90deg,#07090b 10%,#07090bd9 45%,#07090b66 78%,#07090bb3),linear-gradient(0deg,#07090b 0%,transparent 34%),radial-gradient(60% 80% at 75% 45%,#2a5cc433,transparent 70%)}
.qv-netcard{border:1px solid #b7ccdd2e;border-radius:16px;background:#0a0e13d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08 inset;color:#dfe8f1;max-width:560px;justify-self:end;width:100%;overflow:hidden}
.qv-netcard .qv-console-bar{justify-content:space-between}
.qv-netcard .qv-console-bar span{flex:none;display:flex;align-items:center;gap:9px}
.qv-netcard .qv-console-bar b{font-weight:600;color:#a9c6e6}
.qv-live{width:7px;height:7px;border-radius:50%;background:#7ee0a8;box-shadow:0 0 10px #7ee0a8}
.qv-nc-main{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:26px 24px;align-items:center}
.qv-timer{position:relative;width:150px;height:150px}
.qv-timer svg{width:100%;height:100%;transform:rotate(-90deg)}
.qv-timer-bg{fill:none;stroke:#9cc8ff1f;stroke-width:5}
.qv-timer-run{fill:none;stroke:#a9d5fa;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #6aa8ff)}
.qv-timer>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.qv-timer strong{font-size:46px;font-weight:500;letter-spacing:-.04em;color:#f2f8ff;line-height:1}
.qv-timer strong small{font-size:18px;color:#8fa6c2;margin-left:3px}
.qv-timer span{font:600 10.5px/1.3 var(--qv-mono);letter-spacing:.12em;text-transform:uppercase;color:#7f93ab;margin-top:6px}
.qv-nc-rows{display:grid;gap:18px}
.qv-nc-row small{display:block;font:600 10.5px/1.2 var(--qv-mono);letter-spacing:.14em;color:#7f93ab;margin-bottom:7px}
.qv-nc-row b{font:600 16px/1.2 var(--qv-mono);color:#eaf4ff}
.qv-nc-dots{display:flex;align-items:center;gap:9px}
.qv-nc-dots i{width:12px;height:12px;border-radius:50%;border:1.4px solid #a9d5fa;background:#a9d5fa;box-shadow:0 0 12px #6aa8ff}
.qv-nc-dots i:nth-child(5){background:transparent;box-shadow:none;opacity:.55}
.qv-nc-dots b{margin-left:8px}
.qv-nc-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid #b7ccdd1f;font:500 12px/1.3 var(--qv-mono);color:#8f9aa6}
@media (prefers-reduced-motion:no-preference){
  .qv-live{animation:qv-pulse 1.8s ease-in-out infinite}
  .qv-timer-run{animation:qv-timer 4s linear infinite}
  .qv-nc-dots i{animation:qv-ncdot 4s ease infinite;animation-delay:calc(var(--i) * .35s)}
  .qv-nc-dots i:nth-child(5){animation-name:qv-ncdot5}
}
@keyframes qv-timer{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes qv-ncdot{0%{background:transparent;box-shadow:none;opacity:.5}10%,80%{background:#a9d5fa;box-shadow:0 0 12px #6aa8ff;opacity:1}100%{background:transparent;box-shadow:none;opacity:.5}}
@keyframes qv-ncdot5{0%,40%{background:transparent;box-shadow:none;opacity:.45}55%,80%{background:#a9d5fa;box-shadow:0 0 12px #6aa8ff;opacity:1}100%{background:transparent;box-shadow:none;opacity:.45}}

/* link cards, notes, chips */
.qv-link-card{display:block;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.qv-link-card:hover{border-color:var(--qv-acc);transform:translateY(-2px)}
.qv-link-card .qv-go{position:absolute;right:24px;bottom:22px;font-size:20px;color:var(--qv-acc)}
.qv-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qv-noteitem{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:24px;border:1px solid var(--qv-line);border-radius:14px;background:linear-gradient(165deg,#141b2666,transparent 70%)}
html[data-theme=light] .qv-noteitem{background:var(--qv-panel)}
.qv-noteitem .qv-ico{margin:2px 0 0;width:28px;height:28px}
.qv-noteitem p{color:var(--qv-dim);font-size:15px;line-height:1.6}
.qv-chip-row{display:flex;gap:10px;flex-wrap:wrap}
.qv-chip-link{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--qv-line);border-radius:999px;color:var(--qv-ink);text-decoration:none;font-size:14px}
.qv-chip-link:hover{border-color:var(--qv-acc)}

/* eras in the documentation */
.qv-doc-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 44px;border-top:1px solid var(--qv-line);border-bottom:1px solid var(--qv-line)}
.qv-doc-figs .qv-fig{padding:24px 18px 24px 0;margin-right:18px}
.qv-doc-figs .qv-fig strong{font-size:clamp(26px,2.6vw,38px)}
.qv-doc-chart{margin:26px 0 30px!important}
.qv-doc-chart h3{margin:0!important;font-size:17px!important}
.qv-legend-3 span::before{border-top-width:6px!important}
.qv-era-legend .r::before{border-top-color:#5a7896!important}
.qv-era-legend .d::before{border-top-color:#8e9fb1!important}
.qv-split-svg,.qv-sup-svg{display:block;width:100%;height:auto;overflow:visible}
.qv-split-svg text,.qv-sup-svg text{font:500 11px/1 var(--qv-mono);fill:var(--qv-faint)}
.qv-split-svg .m{fill:#6ebafa}
.qv-split-svg .r{fill:#5a7896}
.qv-split-svg .d{fill:#8e9fb1}
.qv-col{transform-box:fill-box;transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 40ms)}
.qv-era.qv-wait .qv-col{transform:scaleY(0)}
.qv-sup-cap{stroke:var(--qv-acc);stroke-opacity:.5;stroke-dasharray:4 5}
.qv-sup-area{opacity:.9}
.qv-sup-mark circle{fill:var(--qv-acc)}
.qv-sup-mark text{fill:var(--qv-ink)!important;font-size:12px!important}
.qv-era-table{margin:10px 0 6px}
.qv-era-table .qv-table{font-size:13.5px}
.qv-era-table .qv-table th,.qv-era-table .qv-table td{padding:9px 8px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}
.qv-era-table .qv-table thead th{font-size:10.5px;letter-spacing:.08em}
.qv-era-table{scrollbar-width:thin}
.qv-era-table .qv-table td:last-child{background:transparent!important;color:var(--qv-dim)}
.qv-era-table .qv-table td:nth-child(5){color:var(--qv-ink)}
.qv-era-table .qv-table tbody th{width:auto;font-family:var(--qv-mono);font-size:13px}
.docs-main .qv-split-legend{padding:0}
.docs-main .qv-split-legend li{font-size:15px}
.qv-checks{list-style:none;padding:0!important;margin:10px 0 0}
.qv-checks li{position:relative;padding:14px 16px 14px 46px!important;margin:0 0 10px;border:1px solid var(--qv-line);border-radius:12px}
.qv-checks li::before{content:"✓";position:absolute;left:17px;top:13px;color:var(--qv-acc);font-weight:700}

/* documentation hub in the wiki style */
.qv-wiki-head{padding-top:66px;padding-bottom:30px}
.qv-wiki-head h1{font-weight:650;letter-spacing:-.05em}
.qv-wiki-search{display:flex;align-items:center;gap:12px;max-width:760px;margin-top:30px;padding:8px 8px 8px 18px;border:1px solid var(--qv-line);border-radius:14px;background:var(--qv-panel)}
.qv-wiki-search .qv-ico{width:20px;height:20px;margin:0;color:var(--qv-dim)}
.qv-wiki-search input{flex:1;border:0;background:transparent;color:var(--qv-ink);font-size:17px;padding:10px 0;outline:none}
.qv-wiki-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;padding-top:30px;padding-bottom:96px}
.qv-wiki-start{position:sticky;top:130px;align-self:start;border-left:2px solid var(--qv-acc);padding-left:22px}
.qv-wiki-start h2{font-size:22px!important;margin:0 0 14px!important}
.qv-wiki-start ul{list-style:none;margin:0 0 18px;padding:0}
.qv-wiki-start li{margin:10px 0}
.qv-wiki-start a{color:var(--qv-acc);text-decoration:underline;text-underline-offset:3px;font-size:16px}
.qv-wiki-sections{display:grid;gap:22px}
.qv-wiki-card{border:1px solid var(--qv-line);border-radius:16px;padding:10px 10px 12px;background:linear-gradient(165deg,#141b2666,transparent 70%)}
html[data-theme=light] .qv-wiki-card{background:var(--qv-panel)}
.qv-wiki-card h2{font-size:21px!important;margin:14px 16px 8px!important;letter-spacing:-.02em}
.qv-wiki-item{display:grid;grid-template-columns:40px 1fr 24px;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;color:inherit;text-decoration:none}
.qv-wiki-item:hover{background:#a9d5fa12}
.qv-wiki-item .qv-ico{width:26px;height:26px;margin:0 auto}
.qv-wiki-item b{display:block;font-size:16.5px;font-weight:600;color:var(--qv-ink)}
.qv-wiki-item small{display:block;font-size:14px;color:var(--qv-dim);margin-top:2px}
.qv-wiki-item em{font-style:normal;color:var(--qv-acc);font-size:18px}
#doc-results{max-width:760px}
@media (max-width:1000px){
  .qv-nc-main{grid-template-columns:1fr;justify-items:center;text-align:center}
  .qv-nc-dots{justify-content:center}
  .qv-netcard{justify-self:stretch;max-width:none}
  .qv-notes,.qv-doc-figs{grid-template-columns:1fr 1fr}
  .qv-wiki-grid{grid-template-columns:1fr}
  .qv-wiki-start{position:static}
}
@media (max-width:640px){.qv-notes,.qv-doc-figs{grid-template-columns:1fr}.qv-nc-foot{flex-direction:column}}

.qv-net-hero h1{font-size:clamp(40px,4.4vw,60px)}

/* downloads: release card, commands */
.qv-release{justify-self:end}
.qv-rc-main{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:24px;align-items:center}
.qv-rc-pack{position:relative;width:110px;height:110px;display:grid;place-items:center}
.qv-rc-cube{width:64px;height:64px;color:#bfe0ff;filter:drop-shadow(0 0 14px #6aa8ff)}
.qv-rc-pack i{position:absolute;inset:0;border-radius:50%;border:1px solid #a9d5fa55}
.qv-rc-pack i:nth-child(3){inset:12px;border-color:#a9d5fa33}.qv-rc-pack i:nth-child(4){inset:24px;border-color:#a9d5fa22}
.qv-rc-rows{display:grid;gap:14px}
.qv-rc-row small{display:block;font:600 10.5px/1.2 var(--qv-mono);letter-spacing:.14em;color:#7f93ab;margin-bottom:5px}
.qv-rc-row b{font:600 14px/1.35 var(--qv-mono);color:#eaf4ff;word-break:break-word}
.qv-rc-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-top:1px solid #b7ccdd1f;font:500 12px/1.3 var(--qv-mono);color:#8f9aa6}
.qv-rc-btn{display:inline-flex;padding:10px 16px;border-radius:10px;background:#a9d5fa1f;border:1px solid #a9d5fa66;color:#eaf4ff;font:600 13px/1 var(--qv-mono)}
.qv-cmds{margin-top:26px;border:1px solid var(--qv-line);border-radius:14px;padding:22px 24px;background:linear-gradient(180deg,var(--qv-panel),transparent)}
.qv-cmds h3{margin:0 0 14px!important}
.qv-cmd{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--qv-line)}
.qv-cmd small{font:600 11px/1.2 var(--qv-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--qv-faint)}
.qv-cmd code{font:500 14px/1.5 var(--qv-mono);color:var(--qv-ink);background:#a9d5fa0f;border:1px solid var(--qv-line);border-radius:8px;padding:9px 12px;overflow-x:auto;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .qv-rc-pack i{animation:qv-ring 3.2s ease-out infinite}
  .qv-rc-pack i:nth-child(3){animation-delay:1.05s}.qv-rc-pack i:nth-child(4){animation-delay:2.1s}
  .qv-rc-cube{animation:qv-float 4s ease-in-out infinite}
}
@keyframes qv-ring{0%{transform:scale(.55);opacity:0}30%{opacity:1}100%{transform:scale(1.15);opacity:0}}
@keyframes qv-float{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media (max-width:760px){.qv-cmd{grid-template-columns:1fr;gap:8px}.qv-rc-main{grid-template-columns:1fr;justify-items:center}}

/* developers (.dev): protocol card */
.qv-code{border:1px solid #b7ccdd2e;border-radius:16px;background:#0a0e13e6;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08 inset;overflow:hidden;max-width:580px;justify-self:end;width:100%}
.qv-code pre{margin:0;padding:22px 24px;font:500 14px/1.9 var(--qv-mono);color:#c9d6e3;overflow-x:auto}
.qv-code .k{color:#8fb8e8}.qv-code .s{color:#bfe0ff}.qv-code .n{color:#f2f8ff}.qv-code .c{color:#5f7189}
.qv-code .cur{display:inline-block;width:8px;height:1.1em;vertical-align:-2px;background:#a9d5fa}
@media (prefers-reduced-motion:no-preference){.qv-code .cur{animation:qv-blink 1.1s steps(1,end) infinite}}
@keyframes qv-blink{50%{opacity:0}}

.qv-guides{grid-template-columns:1fr 1fr;align-items:start}
.qv-guides .qv-wiki-item{grid-template-columns:36px 1fr 20px;padding:12px 14px}
@media (max-width:1000px){.qv-guides{grid-template-columns:1fr}}

.qv-404{padding-top:80px;padding-bottom:100px}
.qv-404-links{grid-template-columns:1fr 1fr;margin-top:44px;max-width:900px}
.qv-404-links .qv-wiki-item{grid-template-columns:1fr 20px}
@media (max-width:760px){.qv-404-links{grid-template-columns:1fr}}

/* .org home: chain block instead of the pinned scroll story */
.qv-home-chain{padding:96px 0;border-top:1px solid var(--qv-line);border-bottom:1px solid var(--qv-line);background:radial-gradient(60% 80% at 80% 40%,#1b2f4a55,transparent 70%)}
html[data-theme=light] .qv-home-chain{background:radial-gradient(60% 80% at 80% 40%,#d9e7f3,transparent 70%)}
.qv-hc-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.qv-hc-steps{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.qv-hc-steps li{display:grid;grid-template-columns:44px 1fr;gap:16px}
.qv-hc-steps b{font:600 13px/1 var(--qv-mono);color:var(--qv-acc);padding-top:6px}
.qv-hc-steps h3{font-size:21px!important;margin-bottom:6px!important}
.qv-hc-steps p{color:var(--qv-dim);font-size:15.5px;line-height:1.6}
.qv-hc-panel{border:1px solid #b7ccdd2e;border-radius:18px;background:#0a0e13e6;box-shadow:0 40px 100px -30px #000,0 0 0 1px #ffffff08 inset;color:#dfe8f1;overflow:hidden}
.qv-hc-panel .qv-console-bar{justify-content:space-between}.qv-hc-panel .qv-console-bar span{flex:none;display:flex;align-items:center;gap:9px}.qv-hc-panel .qv-console-bar b{color:#a9c6e6;font-weight:600}
.qv-hc-tiles{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;padding:26px 22px}
.qv-tile{position:relative;border:1px solid #9cc8ff33;border-radius:14px;padding:18px 16px;min-height:190px;display:flex;flex-direction:column;background:linear-gradient(180deg,#121b28,#0b1119)}
.qv-tile small{font:600 11px/1 var(--qv-mono);letter-spacing:.12em;color:#8fa6c2}
.qv-tile strong{font-size:40px;font-weight:300;color:#a9d5fa;margin:auto 0 8px}
.qv-tile span{font:600 10.5px/1.2 var(--qv-mono);letter-spacing:.14em;color:#7ee0a8}
.qv-tile.new{border-color:#a9d5fa88;box-shadow:0 0 0 1px #a9d5fa22 inset,0 0 40px -10px #6aa8ff}
.qv-tile-bars{display:flex;align-items:flex-end;gap:3px;height:62px;margin:18px 0 12px}
.qv-tile-bars i{flex:1;height:35%;background:linear-gradient(180deg,#bfe0ff,#6aa8ff33);border-radius:2px;opacity:.8}
.qv-tile-bars i:nth-child(3n){height:70%}.qv-tile-bars i:nth-child(4n+1){height:50%}.qv-tile-bars i:nth-child(5n+2){height:88%}
.qv-tile-dots{display:flex;gap:7px;margin-bottom:12px}
.qv-tile-dots i{width:10px;height:10px;border-radius:50%;border:1.3px solid #a9d5fa;background:#a9d5fa;box-shadow:0 0 10px #6aa8ff}
.qv-tile-dots i:nth-child(5){background:transparent;box-shadow:none;opacity:.5}
.qv-tile-state{position:relative;height:1.2em;display:block}
.qv-tile-state em{position:absolute;left:0;top:0;font-style:normal}
.qv-tile-state em:first-child{color:#a9c6e6;opacity:0}
.qv-hc-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 22px;border-top:1px solid #b7ccdd1f;font:500 12.5px/1.4 var(--qv-mono);color:#8f9aa6}
.qv-hc-reward{color:#eaf4ff;font-weight:600;text-shadow:0 0 18px #6aa8ff}
@media (prefers-reduced-motion:no-preference){
  .qv-tile-bars i{animation:qv-bars 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.13s)}
  .qv-tile-dots i{animation:qv-td 4s steps(1,end) infinite}
  .qv-tile-dots i:nth-child(1){animation-name:qv-td1}.qv-tile-dots i:nth-child(2){animation-name:qv-td2}.qv-tile-dots i:nth-child(3){animation-name:qv-td3}.qv-tile-dots i:nth-child(4){animation-name:qv-td4}.qv-tile-dots i:nth-child(5){animation-name:qv-td5}
  .qv-tile-state em:first-child{animation:qv-ts1 4s steps(1,end) infinite}.qv-tile-state em:last-child{animation:qv-ts2 4s steps(1,end) infinite}
  .qv-tile.new{animation:qv-tnew 4s ease infinite}
  .qv-tile.done{animation:qv-tdone 4s ease infinite}
  .qv-hc-reward{animation:qv-hcr 4s ease infinite}
}
@keyframes qv-td1{0%{background:transparent;box-shadow:none;opacity:.5}20%{background:#a9d5fa;box-shadow:0 0 10px #6aa8ff;opacity:1}}
@keyframes qv-td2{0%{background:transparent;box-shadow:none;opacity:.5}32%{background:#a9d5fa;box-shadow:0 0 10px #6aa8ff;opacity:1}}
@keyframes qv-td3{0%{background:transparent;box-shadow:none;opacity:.5}44%{background:#a9d5fa;box-shadow:0 0 10px #6aa8ff;opacity:1}}
@keyframes qv-td4{0%{background:transparent;box-shadow:none;opacity:.5}56%{background:#a9d5fa;box-shadow:0 0 10px #6aa8ff;opacity:1}}
@keyframes qv-td5{0%{background:transparent;box-shadow:none;opacity:.5}72%{background:#a9d5fa;box-shadow:0 0 10px #6aa8ff;opacity:1}}
@keyframes qv-ts1{0%{opacity:1}56%{opacity:0}}
@keyframes qv-ts2{0%{opacity:0}56%{opacity:1}}
@keyframes qv-tnew{0%{transform:translateX(18px);opacity:0}8%,90%{transform:none;opacity:1}100%{transform:translateX(-10px);opacity:.6}}
@keyframes qv-tdone{0%,88%{transform:none}94%{transform:translateX(-6px)}100%{transform:none}}
@keyframes qv-hcr{0%,56%{opacity:.35}62%,90%{opacity:1}100%{opacity:.35}}
.js-motion .reveal{transition-duration:.35s!important}
@media (max-width:1000px){.qv-hc-grid{grid-template-columns:1fr}.qv-hc-tiles{grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:18px 14px}.qv-tile{min-height:160px;padding:14px 12px}}
@media (max-width:640px){.qv-hc-tiles{grid-template-columns:1fr}.qv-tile.done{min-height:0;flex-direction:row;align-items:center;gap:12px}.qv-tile.done strong{margin:0 0 0 auto;font-size:24px}}

/* quinvarium.app: wallet features instead of the pinned story */
.qv-app-feats{padding:96px 0}
.qv-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.qv-feat{display:flex;flex-direction:column}
.qv-phone{max-width:230px;border-radius:30px;padding:7px;background:linear-gradient(160deg,#2a3340,#0d1117);box-shadow:0 30px 60px -30px #000,0 0 0 1px #ffffff14 inset;margin-bottom:22px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.qv-phone img{display:block;width:100%;height:auto;aspect-ratio:780/1696;object-fit:cover;border-radius:24px;background:#0b0c0e}
.qv-feat:hover .qv-phone{transform:translateY(-6px)}
.qv-feat h3{font-size:19px!important}
.qv-feat p{color:var(--qv-dim);font-size:15px;line-height:1.6;margin-bottom:12px;flex:1}
.qv-more{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:44px;padding:18px 22px;border:1px solid var(--qv-line);border-radius:14px}
.qv-more b{font:600 12px/1 var(--qv-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qv-faint)}
.qv-more ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.qv-more li{padding:8px 14px;border-radius:999px;background:#a9d5fa12;border:1px solid var(--qv-line);font-size:14px;color:var(--qv-ink)}
@media (max-width:1100px){.qv-feats{grid-template-columns:repeat(2,1fr)}.qv-phone{max-width:280px}}
@media (max-width:640px){.qv-feats{grid-template-columns:1fr}.qv-phone{max-width:240px}}

/* quinvarium.app/vpn: seven countries */
.qv-vpn-countries{padding:90px 0 40px}
.qv-vpn-figs{grid-template-columns:repeat(4,1fr);margin-bottom:70px;border-top:1px solid var(--qv-line);border-bottom:1px solid var(--qv-line)}
.qv-countries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.qv-countries li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;border:1px solid var(--qv-line);border-radius:14px;background:linear-gradient(165deg,#141b2666,transparent 70%)}
html[data-theme=light] .qv-countries li{background:var(--qv-panel)}
.qv-countries .free{border-color:#7ee0a855}
.qv-flag{font-size:30px;line-height:1}
.qv-countries b{font-size:15.5px;font-weight:600}
.qv-countries small{font:600 10.5px/1 var(--qv-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--qv-faint)}
.qv-countries .free small{color:#7ee0a8}
@media (max-width:1100px){.qv-countries{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.qv-countries{grid-template-columns:repeat(2,1fr)}.qv-vpn-figs{grid-template-columns:1fr 1fr}}

/* pass 9: contrast (WCAG AA 4.5:1 for small text) */
html[data-theme=light] .qv,html[data-theme=light] .docs-main{--qv-faint:#56616d}
html[data-theme=light] .qv-countries .free small{color:#1d7a4a}
html[data-theme=light] .qv-countries .free{border-color:#1d7a4a55}
.qv-code .c{color:#7d91ab}
.qv-home-chain .qv-wrap{max-width:2040px;padding-inline:var(--c-edge,6%)}

/* TestNet: for developers */
.qv-grid4{grid-template-columns:repeat(4,1fr)}
.qv-notes-2{grid-template-columns:repeat(2,1fr)}
.qv-specs-4{grid-template-columns:repeat(5,1fr)}
.qv-subhead{font-size:22px!important;margin:56px 0 20px!important;letter-spacing:-.02em}
@media (max-width:1200px){.qv-specs-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.qv-grid4,.qv-specs-4{grid-template-columns:repeat(2,1fr)}.qv-notes-2{grid-template-columns:1fr}}
@media (max-width:640px){.qv-grid4,.qv-specs-4{grid-template-columns:1fr}}

/* supply chart: 40 years by default, switch to 100 */
.qv-span{display:inline-flex;padding:3px;border:1px solid var(--qv-line);border-radius:10px;gap:2px}
.qv-span input{position:absolute;opacity:0;pointer-events:none}
.qv-span label{padding:6px 12px;border-radius:7px;font:600 12px/1 var(--qv-mono);color:var(--qv-dim);cursor:pointer}
.qv-span input:checked+label{background:#a9d5fa1f;color:var(--qv-ink)}
.qv-span input:focus-visible+label{outline:2px solid var(--qv-acc);outline-offset:2px}
.qv-sup .qv-span-100{display:none}
.qv-sup:has(#qv-span-100:checked) .qv-span-100{display:block}
.qv-sup:has(#qv-span-100:checked) .qv-span-40{display:none}
.qv-sup-mark text{paint-order:stroke;stroke:#0e1318;stroke-width:5px;stroke-linejoin:round}html[data-theme=light] .qv-sup-mark text{stroke:#f8fafc}

/* .org home slider: photo + three frames, moved only by the visitor */
.qv-slider{position:relative;isolation:isolate;min-height:min(900px,100vh);display:flex;flex-direction:column;justify-content:space-between;padding:44px 0 36px;background:#07090b;color:#f0f3f7;overflow:hidden;border:0}
.qv-sl-bg{position:absolute;inset:0;z-index:-1}
.qv-sl-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;opacity:0;transition:opacity .7s ease;filter:saturate(.7)}
.qv-sl-bg img.is-on{opacity:.62}
.qv-sl-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07090bf2 0%,#07090bcc 36%,#07090b55 70%,#07090b99),linear-gradient(0deg,#07090b 0%,transparent 26%),linear-gradient(180deg,#07090b 0%,transparent 18%)}
.qv-sl-top,.qv-sl-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.qv-slider .qv-kicker{color:#8f9aa6}.qv-slider .qv-kicker i{background:#a9d5fa;box-shadow:0 0 14px #a9d5fa73}
.qv-sl-nav{display:flex;align-items:center;gap:14px;font:600 12px/1 var(--qv-mono,Menlo,monospace);color:#8f9aa6}
.qv-sl-nav b{color:#f0f3f7}
.qv-sl-nav button{width:40px;height:40px;border-radius:50%;border:1px solid #b7ccdd33;background:#0a0e13aa;color:#e6eef6;font-size:16px;cursor:pointer}
.qv-sl-nav button:hover{border-color:#a9d5fa}
.qv-sl-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;flex:1;padding-top:40px;padding-bottom:40px}
.qv-sl-copy h2{font-size:clamp(44px,5.4vw,84px);line-height:1;letter-spacing:-.045em;font-weight:500;margin:0 0 26px;color:#f0f3f7}
.qv-sl-copy p{font-size:17.5px;line-height:1.62;color:#aab4be;max-width:480px;margin:0 0 30px}
.qv-sl-copy .c-link{color:#e6eef6}
@keyframes qv-slin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.qv-sl-visuals{position:relative;min-height:380px}
.qv-sl-vis{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.qv-sl-vis.is-on{opacity:1;transform:none;pointer-events:auto}
.qv-sl-win{width:100%;max-width:620px;margin-left:auto;border:1px solid #b7ccdd2e;border-radius:18px;background:#0a0e13d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 100px -30px #000,0 0 0 1px #ffffff08 inset;color:#dfe8f1;overflow:hidden}
.qv-sl-win .qv-console-bar{justify-content:space-between}.qv-sl-win .qv-console-bar span{flex:none;display:flex;align-items:center;gap:9px}.qv-sl-win .qv-console-bar b{color:#a9c6e6;font-weight:600}
.qv-sl-algo{display:grid;grid-template-columns:34px 130px 1fr;align-items:center;gap:14px;padding:30px 24px 22px;font:600 13px/1 var(--qv-mono,Menlo,monospace);color:#8f9aa6}
.qv-sl-algo strong{font:500 26px/1 inherit;font-family:inherit;color:#f2f8ff;letter-spacing:-.01em}
.qv-sl-wave{display:flex;align-items:center;gap:3px;height:46px}
.qv-sl-wave i{flex:1;height:30%;border-radius:2px;background:linear-gradient(180deg,#bfe0ff,#6aa8ff44)}
.qv-sl-wave i:nth-child(3n){height:70%}.qv-sl-wave i:nth-child(4n+1){height:48%}.qv-sl-wave i:nth-child(5n+2){height:92%}
.qv-sl-rows{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b7ccdd1f}
.qv-sl-rows div{padding:16px 24px;border-right:1px solid #b7ccdd1f}.qv-sl-rows div:last-child{border-right:0}
.qv-sl-rows small{display:block;font:600 10.5px/1.2 var(--qv-mono,Menlo,monospace);letter-spacing:.14em;color:#7f93ab;margin-bottom:6px}
.qv-sl-rows b{font:600 16px/1.2 var(--qv-mono,Menlo,monospace);color:#eaf4ff}
.qv-sl-foot{display:flex;justify-content:space-between;padding:14px 24px;border-top:1px solid #b7ccdd1f;font:600 11px/1.3 var(--qv-mono,Menlo,monospace);letter-spacing:.12em;color:#8f9aa6}.qv-sl-foot span{color:#a9d5fa}
.qv-sl-reward{width:100%;max-width:640px;margin-left:auto;padding:30px 0;border-top:1px solid #b7ccdd40;border-bottom:1px solid #b7ccdd26;font:500 12px/1.3 var(--qv-mono,Menlo,monospace);letter-spacing:.1em;color:#aab4be}
.qv-sl-reward strong{display:flex;align-items:flex-end;gap:14px;margin:26px 0 22px;font:200 clamp(80px,9vw,140px)/.9 var(--font,inherit);letter-spacing:-.04em;color:#f2f8ff}
.qv-sl-reward strong small{font-size:20px;letter-spacing:0;color:#8f9aa6;margin-bottom:12px}
.qv-sl-reward p{margin:0 0 26px}
.qv-sl-rule{display:flex;gap:4px;height:30px;align-items:stretch;margin-bottom:14px}
.qv-sl-rule i{width:1px;background:#e6eef6;opacity:.55}.qv-sl-rule i:nth-child(7n){opacity:1}.qv-sl-rule i:nth-child(5n+2){opacity:.25}
.qv-sl-meta{display:flex;justify-content:space-between;letter-spacing:.04em}
.qv-sl-tabs{display:flex;gap:28px}
.qv-sl-tabs button{position:relative;display:flex;gap:12px;align-items:center;min-width:150px;padding:14px 0 0;border:0;border-top:1px solid #b7ccdd33;background:none;color:#8f9aa6;font:500 14px/1 var(--font,inherit);cursor:pointer;text-align:left}
.qv-sl-tabs button span{font:600 11px/1 var(--qv-mono,Menlo,monospace)}
.qv-sl-tabs button[aria-selected=true]{color:#f0f3f7;border-top-color:#e6eef6}
.qv-sl-tabs button:focus-visible,.qv-sl-nav button:focus-visible{outline:2px solid #a9d5fa;outline-offset:3px}
.qv-sl-note{font:500 11px/1.2 var(--qv-mono,Menlo,monospace);color:#78828d}
@media (prefers-reduced-motion:no-preference){.qv-sl-vis.is-on .qv-sl-wave i{animation:qv-bars 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.11s)}}
@media (max-width:1000px){.qv-slider{min-height:0}.qv-sl-body{grid-template-columns:1fr;gap:30px}.qv-sl-visuals{min-height:340px}.qv-sl-win,.qv-sl-reward{margin-left:0}.qv-sl-tabs{gap:14px}.qv-sl-tabs button{min-width:0;flex:1}.qv-sl-note{display:none}}
@media (max-width:640px){.qv-sl-visuals{min-height:430px}.qv-sl-algo{grid-template-columns:28px 100px 1fr;padding:22px 16px}.qv-sl-rows div{padding:12px 14px}.qv-sl-count{display:none}.qv-sl-top .qv-kicker{font-size:11px}.qv-sl-rows{grid-template-columns:1fr 1fr}.qv-sl-rows div:last-child{grid-column:1/-1;border-top:1px solid #b7ccdd1f}}

/* «Pause motion» on the site freezes CSS animations AND transitions: with the pause on, nothing may wait for a
   transition — blocks appear at once and the slider switches instantly. */
body.motion-paused .qv,body.motion-paused .qv *,body.motion-paused .qv *::before,body.motion-paused .qv *::after{transition:none!important;animation:none!important}
body.motion-paused .qv-wait,body.motion-paused .qv-reveal{opacity:1!important;transform:none!important}
body.motion-paused .qv-era.qv-wait .qv-col,body.motion-paused .qv-card.qv-wait .qv-art-eras i{transform:none!important}
body.motion-paused .qv-era.qv-wait .qv-era-miner{stroke-dashoffset:0!important}
body.motion-paused .qv-split.qv-wait .qv-split-bar span{width:var(--w)!important}

/* reward slide: current era, next reduction */
.qv-sl-now{display:inline-flex;align-items:center;gap:9px;color:#dfe8f1}
.qv-sl-reward strong{margin:22px 0 18px}
.qv-sl-next{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:0;margin-top:22px;border-top:1px solid #b7ccdd26}
.qv-sl-next div{padding:16px 18px 0 0}
.qv-sl-next div+div{padding-left:18px;border-left:1px solid #b7ccdd1f}
.qv-sl-next small{display:block;font:600 10.5px/1.2 var(--qv-mono,Menlo,monospace);letter-spacing:.14em;color:#7f93ab;margin-bottom:8px}
.qv-sl-next b{display:block;font:500 17px/1.25 var(--font,inherit);letter-spacing:-.01em;color:#f2f8ff;margin-bottom:6px}
.qv-sl-next span{font:500 12.5px/1.4 var(--font,inherit);letter-spacing:0;color:#aab4be}
@media (max-width:640px){.qv-sl-next{grid-template-columns:1fr}.qv-sl-next div+div{padding-left:0;border-left:0;border-top:1px solid #b7ccdd1f;margin-top:12px}}
.qv-sl-reward{padding:28px 30px 26px;border:1px solid #b7ccdd2e;border-radius:18px;background:#0a0e13c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 100px -30px #000,0 0 0 1px #ffffff08 inset}
.qv-sl-reward strong small{color:#aab4be}

/* owner 26.09: «прозрачным выглядит лучше» — slider windows without glass fill, thin lines only */
.qv-slider .qv-sl-win,.qv-slider .qv-sl-reward{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.qv-slider .qv-sl-win{border-color:#dfe8f140}
.qv-slider .qv-sl-reward{padding:28px 0 22px;border:0;border-top:1px solid #dfe8f14d;border-bottom:1px solid #dfe8f129;border-radius:0}
.qv-slider .qv-sl-win .qv-console-bar,.qv-slider .qv-sl-rows,.qv-slider .qv-sl-foot,.qv-slider .qv-hc-foot,.qv-slider .qv-sl-next{border-color:#dfe8f126}
.qv-slider .qv-sl-rows div,.qv-slider .qv-sl-next div+div{border-color:#dfe8f11f}
.qv-slider .qv-tile{background:#0a0e1340;border-color:#dfe8f133}
.qv-slider .qv-tile.new{background:#0a0e1359}
.qv-slider .qv-sl-vis small,.qv-slider .qv-sl-vis span,.qv-slider .qv-sl-vis b,.qv-slider .qv-sl-vis p,.qv-slider .qv-sl-vis strong{text-shadow:0 1px 14px #000,0 0 2px #0009}
.qv-slider .qv-sl-next span,.qv-slider .qv-sl-rows small,.qv-slider .qv-sl-next small{color:#c3ccd6}