/* Qtell platform visuals (product screens + deck illustrations).
   Generated by qtell-docs-portal/marketing/website/convert-platform-visuals.py from the Platform Overview mockup;
   do not edit by hand. Markup: framework/platform-visuals/. */
/* Reset inside visuals. Three classes (0,3,0) so theme descendant rules such as
   .page-content .qtell-section ul li span (0,2,3) cannot reach in; generated rules
   below share that specificity and win by order. */
.qtell-pv.qtell-pv.qtell-pv { font-weight: 400; line-height: normal; letter-spacing: normal; text-transform: none; text-align: left; }
.qtell-pv.qtell-pv.qtell-pv :where(p, span, div) { margin: 0; padding: 0; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; color: inherit; }
.qtell-pv.qtell-pv.qtell-pv :where(svg) { max-width: none; }

/* Animation state: the capability tabs script sets .is-active on the visible screen and
   toggles .is-restart to replay it */
.qtell-pv .pv-ax { animation: none; }
.qtell-captabs-screen.is-active:not(.is-restart) .qtell-pv .pv-ax {
  animation-name: var(--an);
  animation-duration: var(--du, .55s);
  animation-delay: var(--d, 0s);
  animation-timing-function: var(--tf, cubic-bezier(.2, .7, .2, 1));
  animation-fill-mode: both;
}
.qtell-pv .pv-pls { animation: pv-ppulse 1.6s ease-out infinite; }
.qtell-pv .pv-pcar { animation: pv-pcar 1s steps(1) infinite; }
.qtell-captabs-screen.is-active:not(.is-restart) .qtell-pv .pv-pring { animation: pv-pring 1.4s ease-out 3.8s 3; }
.qtell-pv .pv-pspin { animation: pv-pspin .8s linear infinite; }
.qtell-pv .pv-pcout { opacity: 0; visibility: hidden; }
.qtell-captabs-screen.is-active:not(.is-restart) .qtell-pv .pv-pcout { animation: pv-pcoutk .25s var(--d) both; opacity: 1; visibility: visible; }

@media (prefers-reduced-motion: reduce) {
  .qtell-pv .pv-ax, .qtell-captabs-screen.is-active:not(.is-restart) .qtell-pv .pv-ax { animation: none !important; }
  .qtell-pv .pv-axA { display: none; }
  .qtell-pv .pv-pls, .qtell-pv .pv-pcar, .qtell-pv .pv-pring, .qtell-pv .pv-pspin, .qtell-pv .pv-pcout { animation: none !important; }
}

@keyframes pv-pin { from { opacity: 0; transform: translateY(.8em); } to { opacity: 1; transform: none; } }
@keyframes pv-pout { to { opacity: 0; visibility: hidden; } }
@keyframes pv-ptype { from { width: 0; } }
@keyframes pv-pgrow { from { transform: scaleX(0); } }
@keyframes pv-pfade { from { opacity: 0; } }
@keyframes pv-ptog { from { transform: none; } }
@keyframes pv-ppop { 0% { transform: scale(0); opacity: 0; } 70% { transform: scale(1.15); opacity: 1; } 100% { transform: none; opacity: 1; } }
@keyframes pv-pdraw { from { stroke-dashoffset: 100; } }
@keyframes pv-pcnt { 0%, 18% { transform: translateY(0); } 26%, 46% { transform: translateY(-1em); } 54%, 74% { transform: translateY(-2em); } 82%, 100% { transform: translateY(-3em); } }
@keyframes pv-ppress { 50% { transform: scale(.86); } }
@keyframes pv-ppulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--qtell-teal-600) 55%, transparent); } 100% { box-shadow: 0 0 0 .7em color-mix(in srgb, var(--qtell-teal-600) 0%, transparent); } }
@keyframes pv-pring { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); } 100% { box-shadow: 0 0 0 .8em color-mix(in srgb, var(--qtell-purple-700) 0%, transparent); } }
@keyframes pv-pcar { 50% { opacity: 0; } }
@keyframes pv-psel { from { box-shadow: 0 0 0 0 color-mix(in srgb, var(--qtell-teal-600) 0%, transparent); } }
@keyframes pv-pcur { 0% { opacity: 0; transform: translate(7em, 5em); } 25% { opacity: 1; } 70%, 100% { opacity: 1; transform: none; } }
@keyframes pv-pcoutk { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } }
@keyframes pv-pspin { to { transform: rotate(360deg); } }

.qtell-pv.qtell-pv.qtell-pv .pv-s1 { position: relative; height: 220px; border-radius: 18px; overflow: hidden; background: linear-gradient(160deg,var(--qtell-blend-light) 0%,var(--qtell-purple-100) 100%); padding: 16px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s2 { border-radius: 12px; background: color-mix(in srgb, var(--qtell-white) 55%, transparent); border: 1px solid var(--qtell-border-soft); padding: 12px; height: 100%; }
.qtell-pv.qtell-pv.qtell-pv .pv-s3 { font-size: 11.5px; font-weight: 700; color: var(--qtell-purple-700); letter-spacing: .02em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s4 { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s5 { display: flex; align-items: center; gap: 8px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s6 { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 9px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); color: var(--qtell-purple-900); font-size: 11px; font-weight: 600; white-space: nowrap; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); min-width: 96px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s7 { width: 7px; height: 7px; border-radius: 50%; background: var(--qtell-teal-600); flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s8 { flex: 1; height: 1px; border-top: 1px dashed var(--qtell-purple-300); }
.qtell-pv.qtell-pv.qtell-pv .pv-s9 { width: 34px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s10 { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 9px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); color: var(--qtell-purple-900); font-size: 11px; font-weight: 600; white-space: nowrap; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); background: var(--qtell-teal-400); }
.qtell-pv.qtell-pv.qtell-pv .pv-s11 { position: relative; margin-top: 22px; height: 120px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s12 { position: absolute; inset: 0; width: 100%; height: 100%; }
.qtell-pv.qtell-pv.qtell-pv .pv-s13 { stroke: var(--qtell-tick); }
.qtell-pv.qtell-pv.qtell-pv .pv-s14 { fill: color-mix(in srgb, var(--qtell-teal-600) 16%, transparent); }
.qtell-pv.qtell-pv.qtell-pv .pv-s15 { position: absolute; left: 0; right: 0; bottom: -6px; display: flex; justify-content: space-between; font-size: 10px; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s16 { position: relative; height: 100%; }
.qtell-pv.qtell-pv.qtell-pv .pv-s17 { position: absolute; left: 0px; right: 32px; top: 0px; height: 120px; border-radius: 12px; background: var(--qtell-purple-200); border: 1px solid var(--qtell-border-soft); padding: 12px; box-shadow: 0 10px 24px -16px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s18 { font-size: 11.5px; font-weight: 700; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s19 { position: absolute; left: 16px; right: 16px; top: 34px; height: 120px; border-radius: 12px; background: var(--qtell-purple-100); border: 1px solid var(--qtell-border-soft); padding: 12px; box-shadow: 0 10px 24px -16px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s20 { position: absolute; left: 32px; right: 0px; top: 68px; height: 120px; border-radius: 12px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); padding: 12px; box-shadow: 0 10px 24px -16px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s21 { margin-top: 12px; display: flex; align-items: flex-end; gap: 6px; height: 60px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s22 { flex: 1; height: 40%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s23 { flex: 1; height: 55%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s24 { flex: 1; height: 48%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s25 { flex: 1; height: 70%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s26 { flex: 1; height: 62%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s27 { flex: 1; height: 85%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s28 { flex: 1; height: 78%; border-radius: 4px 4px 0 0; background: var(--qtell-purple-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s29 { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s30 { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 9px; background: var(--qtell-purple-700); border: 1px solid var(--qtell-purple-700); color: var(--qtell-white); font-size: 11px; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s31 { width: 1px; height: 18px; background: var(--qtell-purple-300); }
.qtell-pv.qtell-pv.qtell-pv .pv-s32 { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s33 { display: block; width: 120px; height: 26px; border-radius: 50%/50%; background: var(--qtell-purple-300); border: 1px solid var(--qtell-border-soft); }
.qtell-pv.qtell-pv.qtell-pv .pv-s34 { display: block; width: 120px; height: 26px; border-radius: 50%/30%; background: var(--qtell-purple-200); border: 1px solid var(--qtell-border-soft); }
.qtell-pv.qtell-pv.qtell-pv .pv-s35 { display: block; width: 120px; height: 26px; border-radius: 50%/30%; background: var(--qtell-purple-100); border: 1px solid var(--qtell-border-soft); }
.qtell-pv.qtell-pv.qtell-pv .pv-s36 { position: relative; height: 220px; border-radius: 18px; overflow: hidden; background: linear-gradient(160deg,var(--qtell-blend-light) 0%,var(--qtell-purple-100) 100%); padding: 14px 10px; display: grid; grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr); align-items: center; gap: 8px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s37 { display: flex; flex-direction: column; gap: 6px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s38 { display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 8px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); color: var(--qtell-purple-900); font-size: 10.5px; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s39 { width: 40px; height: 40px; border-radius: 12px; background: var(--qtell-purple-700); display: grid; place-items: center; box-shadow: 0 0 0 4px color-mix(in srgb, var(--qtell-teal-600) 25%, transparent); }
.qtell-pv.qtell-pv.qtell-pv .pv-s40 { width: 20px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s41 { height: 20px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s42 { display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 8px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); }
.qtell-pv.qtell-pv.qtell-pv .pv-s43 { position: absolute; inset: 0; font-size: calc(100cqw / 88); display: grid; grid-template-columns: 7.4em minmax(0,1fr); grid-template-rows: 5.4em minmax(0,1fr); background: var(--qtell-app-canvas); color: var(--qtell-purple-900); overflow: hidden; text-align: left; line-height: 1.35; }
.qtell-pv.qtell-pv.qtell-pv .pv-s44 { grid-column: 1/3; display: flex; align-items: center; justify-content: space-between; padding: 0 2em 0 1.6em; background: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s45 { width: 4.8em; height: 3.4em; color: var(--qtell-white); }
.qtell-pv.qtell-pv.qtell-pv .pv-s46 { fill: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s47 { display: flex; align-items: center; gap: .5em; padding: .55em 1.2em; border-radius: 999px; background: var(--qtell-teal-600); color: var(--qtell-white); font-size: 1.15em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s48 { width: 1.1em; height: 1.1em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s49 { font-size: .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s50 { background: var(--qtell-purple-700); display: flex; flex-direction: column; align-items: center; gap: .3em; padding: 1em .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s51 { width: 100%; display: flex; flex-direction: column; align-items: center; gap: .35em; padding: .75em 0; border-radius: .9em; color: var(--qtell-teal-500); }
.qtell-pv.qtell-pv.qtell-pv .pv-s52 { width: 1.9em; height: 1.9em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s53 { font-size: .95em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s54 { width: 100%; display: flex; flex-direction: column; align-items: center; gap: .35em; padding: .75em 0; border-radius: .9em; color: var(--qtell-teal-500); background: color-mix(in srgb, var(--qtell-white) 13%, transparent); color: var(--qtell-teal-400); }
.qtell-pv.qtell-pv.qtell-pv .pv-s55 { margin-top: auto; width: 3.4em; height: 3.4em; border-radius: .7em; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; font-size: 1.1em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s56 { position: relative; min-width: 0; overflow: hidden; padding: 2.4em 2.8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s57 { --an: pv-pout; --d: 4.6s; --du: .35s; position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.8em; padding: 0 3em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s58 { font-size: 2.5em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); text-align: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s59 { display: flex; gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s60 { display: inline-flex; align-items: center; gap: .5em; padding: .7em 1.3em; border-radius: 999px; font-size: 1.1em; font-weight: 700; white-space: nowrap; background: var(--qtell-white); color: var(--qtell-purple-700); border: 1px solid var(--qtell-app-teal-soft); }
.qtell-pv.qtell-pv.qtell-pv .pv-s61 { width: 1.2em; height: 1.2em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s62 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1.2em; box-shadow: 0 .8em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); width: 100%; max-width: 58em; padding: 1.4em 1.6em; border: 1.5px solid var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s63 { display: flex; align-items: center; min-height: 2em; font-size: 1.35em; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s64 { --an: pv-ptype; --d: 0.7s; --du: 2.3s; --tf: steps(52,end); display: inline-block; overflow: hidden; white-space: nowrap; vertical-align: bottom; }
.qtell-pv.qtell-pv.qtell-pv .pv-s65 { display: inline-block; width: 2px; height: 1.2em; margin-left: 2px; background: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s66 { margin-top: 1.4em; display: flex; align-items: center; gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s67 { width: 3em; height: 3em; border-radius: 50%; border: 1px solid var(--qtell-app-border); display: grid; place-items: center; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s68 { display: flex; padding: .3em; border-radius: 999px; background: var(--qtell-app-surface-alt); font-size: 1.15em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s69 { padding: .45em 1em; border-radius: 999px; background: var(--qtell-white); color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s70 { padding: .45em 1em; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s71 { --an: pv-ppress; --d: 3.4s; --du: .4s; margin-left: auto; width: 3.6em; height: 3.6em; border-radius: 50%; background: var(--qtell-purple-700); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s72 { width: 1.4em; height: 1.4em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s73 { width: 28em; display: flex; flex-direction: column; gap: .8em; font-size: 1.15em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s74 { font-size: .85em; font-weight: 700; letter-spacing: .08em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s75 { display: flex; justify-content: space-between; gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s76 { color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s77 { --an: pv-pin; --d: 4.9s; position: absolute; inset: 2.4em 2.8em; display: flex; flex-direction: column; gap: 1.3em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s78 { align-self: flex-end; max-width: 40em; padding: 1em 1.4em; border-radius: 1.2em 1.2em .3em 1.2em; background: var(--qtell-app-lavender); font-size: 1.25em; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s79 { --an: pv-pin; --d: 5.3s; display: flex; align-items: center; gap: .6em; font-size: 1.1em; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s80 { width: 1.8em; height: 1.8em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s81 { width: 1em; height: 1em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s82 { --an: pv-pin; --d: 5.6s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s83 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1.2em; box-shadow: 0 .8em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); padding: 1.8em 2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s84 { font-size: 1.7em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s85 { margin-top: .6em; font-size: 1.2em; line-height: 1.5; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s86 { margin-top: 1.4em; display: flex; flex-direction: column; gap: .75em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s87 { display: grid; grid-template-columns: 8.5em minmax(0,1fr) 3.6em; align-items: center; gap: 1em; font-size: 1.1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s88 { font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s89 { position: relative; height: 1.1em; border-radius: .3em; background: var(--qtell-app-surface-alt); }
.qtell-pv.qtell-pv.qtell-pv .pv-s90 { --an: pv-pgrow; --d: 6s; --du: .7s; position: absolute; left: 0; top: 0; bottom: 0; width: 94.54545454545455%; border-radius: .3em; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s91 { position: absolute; left: 90.9090909090909%; top: -.3em; bottom: -.3em; width: 2px; background: var(--qtell-purple-900); opacity: .35; }
.qtell-pv.qtell-pv.qtell-pv .pv-s92 { font-weight: 700; color: var(--qtell-tick); text-align: right; }
.qtell-pv.qtell-pv.qtell-pv .pv-s93 { --an: pv-pgrow; --d: 6.15s; --du: .7s; position: absolute; left: 0; top: 0; bottom: 0; width: 74.54545454545455%; border-radius: .3em; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s94 { font-weight: 700; color: var(--qtell-purple-700); text-align: right; }
.qtell-pv.qtell-pv.qtell-pv .pv-s95 { --an: pv-pgrow; --d: 6.3s; --du: .7s; position: absolute; left: 0; top: 0; bottom: 0; width: 80%; border-radius: .3em; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s96 { --an: pv-pgrow; --d: 6.45s; --du: .7s; position: absolute; left: 0; top: 0; bottom: 0; width: 82.72727272727273%; border-radius: .3em; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s97 { --an: pv-pgrow; --d: 6.6s; --du: .7s; position: absolute; left: 0; top: 0; bottom: 0; width: 91.81818181818183%; border-radius: .3em; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s98 { --an: pv-pin; --d: 7s; display: flex; flex-wrap: wrap; align-items: center; gap: .8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s99 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s100 { flex: 1; }
.qtell-pv.qtell-pv.qtell-pv .pv-s101 { display: inline-flex; align-items: center; gap: .5em; padding: .7em 1.3em; border-radius: 999px; font-size: 1.1em; font-weight: 700; white-space: nowrap; background: var(--qtell-purple-700); color: var(--qtell-white); }
.qtell-pv.qtell-pv.qtell-pv .pv-s102 { display: flex; align-items: center; gap: 1.4em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s103 { font-size: 2.2em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s104 { display: flex; align-items: center; gap: .5em; font-size: 1.1em; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s105 { width: .8em; height: .8em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s106 { margin-top: 1.2em; display: flex; gap: .6em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s107 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s108 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-white); color: var(--qtell-purple-700); font-size: 1em; font-weight: 700; white-space: nowrap; border: 1px solid var(--qtell-app-border); }
.qtell-pv.qtell-pv.qtell-pv .pv-s109 { margin-top: 1.6em; display: grid; grid-template-columns: 27em minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv.qtell-pv.qtell-pv .pv-s110 { display: flex; flex-direction: column; gap: .9em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s111 { --an: pv-pin; --d: 0.3s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s112 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1.2em; box-shadow: 0 .8em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); padding: 1.2em 1.3em; border: 1.5px solid var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s113 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: 1em; font-weight: 700; white-space: nowrap; font-size: .95em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s114 { margin-top: .6em; font-size: 1.3em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s115 { margin-top: .35em; font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s116 { --an: pv-pin; --d: 0.55s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s117 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1.2em; box-shadow: 0 .8em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); padding: 1.2em 1.3em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s118 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: 1em; font-weight: 700; white-space: nowrap; font-size: .95em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s119 { --an: pv-pin; --d: 0.8s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s120 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); font-size: 1em; font-weight: 700; white-space: nowrap; font-size: .95em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s121 { --an: pv-pin; --d: 1.05s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s122 { --an: pv-pin; --d: 1.4s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s123 { display: flex; align-items: center; gap: .8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s124 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s125 { font-size: 1.05em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s126 { margin-top: .7em; font-size: 1.7em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s127 { margin-top: 1em; width: 100%; height: 10em; display: block; }
.qtell-pv.qtell-pv.qtell-pv .pv-s128 { stroke: var(--qtell-app-lavender); }
.qtell-pv.qtell-pv.qtell-pv .pv-s129 { --an: pv-pdraw; --d: 1.8s; --du: 1.4s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s130 { stroke: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s131 { --an: pv-pin; --d: 3s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s132 { --an: pv-ppop; --d: 3s; transform-origin: 240px 48px; }
.qtell-pv.qtell-pv.qtell-pv .pv-s133 { display: flex; justify-content: space-between; font-size: .95em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s134 { color: var(--qtell-tick); font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s135 { margin-top: 1.3em; font-size: 1em; font-weight: 700; letter-spacing: .08em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s136 { margin-top: .8em; display: flex; flex-direction: column; gap: .75em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s137 { display: grid; grid-template-columns: minmax(0,1fr) 12em 3em; align-items: center; gap: 1em; font-size: 1.15em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s138 { height: .9em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pv.qtell-pv.qtell-pv .pv-s139 { --an: pv-pgrow; --d: 3.3s; --du: .7s; display: block; height: 100%; width: 58%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s140 { font-weight: 700; text-align: right; }
.qtell-pv.qtell-pv.qtell-pv .pv-s141 { --an: pv-pgrow; --d: 3.55s; --du: .7s; display: block; height: 100%; width: 27%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s142 { --an: pv-pgrow; --d: 3.8s; --du: .7s; display: block; height: 100%; width: 15%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s143 { --an: pv-pin; --d: 4.4s; margin-top: 1.5em; display: flex; gap: .8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s144 { margin-top: .6em; display: flex; align-items: center; gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s145 { display: inline-flex; align-items: center; gap: .4em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s146 { margin-top: 1.8em; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv.qtell-pv.qtell-pv .pv-s147 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1.2em; box-shadow: 0 .8em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); padding: 1.6em 1.8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s148 { font-size: 1em; font-weight: 700; letter-spacing: .08em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s149 { margin-top: 1em; display: flex; flex-direction: column; gap: .8em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s150 { --an: pv-pin; --d: 0.5s; display: flex; gap: .6em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s151 { display: flex; align-items: center; justify-content: space-between; gap: .6em; min-width: 13em; padding: .65em .9em; border-radius: .7em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); font-size: 1.1em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s152 { font-size: .7em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s153 { display: flex; align-items: center; justify-content: space-between; gap: .6em; min-width: 8em; padding: .65em .9em; border-radius: .7em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); font-size: 1.1em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s154 { display: flex; align-items: center; justify-content: space-between; gap: .6em; min-width: 9em; padding: .65em .9em; border-radius: .7em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); font-size: 1.1em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s155 { --an: pv-pin; --d: 1.4000000000000001s; align-self: flex-start; font-size: .95em; font-weight: 800; color: var(--qtell-teal-600); padding-left: .4em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s156 { --an: pv-pin; --d: 1.6s; display: flex; gap: .6em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s157 { --an: pv-pin; --d: 2.5s; align-self: flex-start; font-size: .95em; font-weight: 800; color: var(--qtell-teal-600); padding-left: .4em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s158 { --an: pv-pin; --d: 2.7s; display: flex; gap: .6em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s159 { --an: pv-pin; --d: 4s; margin-top: .4em; align-self: flex-start; display: flex; align-items: center; gap: .4em; font-size: 1.1em; font-weight: 700; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s160 { display: flex; flex-direction: column; gap: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s161 { margin-top: .4em; height: 1em; overflow: hidden; font-size: 3.6em; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s162 { --an: pv-pcnt; --d: 0.4s; --du: 3.6s; --tf: ease; transform: translateY(-3em); }
.qtell-pv.qtell-pv.qtell-pv .pv-s163 { margin-top: .5em; font-size: 1.1em; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s164 { margin-top: 1em; display: flex; flex-direction: column; gap: .9em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s165 { display: flex; align-items: center; gap: .9em; font-size: 1.15em; font-weight: 600; }
.qtell-pv.qtell-pv.qtell-pv .pv-s166 { width: 2.2em; height: 2.2em; border-radius: .6em; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); display: grid; place-items: center; font-size: .85em; font-weight: 800; }
.qtell-pv.qtell-pv.qtell-pv .pv-s167 { margin-left: auto; position: relative; width: 2.8em; height: 1.6em; border-radius: 999px; background: var(--qtell-app-border-strong); }
.qtell-pv.qtell-pv.qtell-pv .pv-s168 { --an: pv-pfade; --d: 4.3s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s169 { --an: pv-ptog; --d: 4.3s; --du: .3s; position: absolute; top: .2em; left: .2em; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--qtell-white); transform: translateX(1.2em); box-shadow: 0 1px 3px color-mix(in srgb, var(--qtell-black) 20%, transparent); }
.qtell-pv.qtell-pv.qtell-pv .pv-s170 { --an: pv-pfade; --d: 4.7s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s171 { --an: pv-ptog; --d: 4.7s; --du: .3s; position: absolute; top: .2em; left: .2em; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--qtell-white); transform: translateX(1.2em); box-shadow: 0 1px 3px color-mix(in srgb, var(--qtell-black) 20%, transparent); }
.qtell-pv.qtell-pv.qtell-pv .pv-s172 { --an: pv-pfade; --d: 5.1s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s173 { --an: pv-ptog; --d: 5.1s; --du: .3s; position: absolute; top: .2em; left: .2em; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--qtell-white); transform: translateX(1.2em); box-shadow: 0 1px 3px color-mix(in srgb, var(--qtell-black) 20%, transparent); }
.qtell-pv.qtell-pv.qtell-pv .pv-s174 { --an: pv-pin; --d: 5.8s; margin-top: 1.2em; display: flex; align-items: center; gap: .5em; font-size: 1.1em; font-weight: 700; color: var(--qtell-tick); }
.qtell-pv.qtell-pv.qtell-pv .pv-s175 { display: flex; align-items: center; gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s176 { width: 2.8em; height: 2.8em; border-radius: .6em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); display: grid; place-items: center; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s177 { --an: pv-pin; --d: 0.25s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s178 { --an: pv-psel; --d: 1s; --du: .3s; border-radius: 1.2em; box-shadow: 0 0 0 .22em var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s179 { display: flex; align-items: center; gap: .6em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s180 { display: inline-flex; align-items: center; padding: .3em .9em; border-radius: 999px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s181 { margin-left: auto; font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s182 { margin-top: .6em; font-size: 1.3em; font-weight: 700; line-height: 1.35; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s183 { --an: pv-pin; --d: 0.4s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s184 { display: inline-flex; align-items: center; padding: .3em .9em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s185 { display: inline-flex; align-items: center; padding: .3em .9em; border-radius: 999px; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); font-size: 1em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s186 { --an: pv-pin; --d: 1.1s; }
.qtell-pv.qtell-pv.qtell-pv .pv-s187 { --an: pv-pin; --d: 1.6s; margin-top: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s188 { display: flex; align-items: center; gap: .6em; font-size: 1.05em; font-weight: 700; letter-spacing: .04em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s189 { position: relative; display: inline-grid; width: 1.2em; height: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s190 { --d: 3.6s; grid-area: 1/1; display: block; width: 1.2em; height: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s191 { display: block; width: 1.2em; height: 1.2em; border-radius: 50%; border: 2px solid var(--qtell-app-border-strong); border-top-color: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s192 { --an: pv-ppop; --d: 3.6s; --du: .4s; grid-area: 1/1; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s193 { width: .8em; height: .8em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s194 { margin-top: .8em; display: flex; flex-direction: column; gap: .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s195 { --an: pv-pin; --d: 2.1s; display: flex; align-items: center; gap: .9em; font-size: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s196 { padding: .25em .7em; border-radius: .4em; background: var(--qtell-app-surface-alt); font-size: .9em; font-weight: 700; white-space: nowrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s197 { color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s198 { --an: pv-pin; --d: 2.7s; display: flex; align-items: center; gap: .9em; font-size: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s199 { --an: pv-pin; --d: 3.3s; display: flex; align-items: center; gap: .9em; font-size: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s200 { --an: pv-pin; --d: 4.1s; margin-top: 1.4em; padding: 1.2em 1.4em; border: 1px solid var(--qtell-app-border); border-radius: 1em; position: relative; }
.qtell-pv.qtell-pv.qtell-pv .pv-s201 { display: flex; align-items: center; gap: .7em; flex-wrap: wrap; }
.qtell-pv.qtell-pv.qtell-pv .pv-s202 { font-size: 1.05em; font-weight: 700; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s203 { margin-top: .5em; font-size: 1.35em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s204 { margin-top: 1em; display: flex; align-items: center; gap: .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s205 { position: relative; display: inline-grid; }
.qtell-pv.qtell-pv.qtell-pv .pv-s206 { --an: pv-ppress; --d: 5.5s; --du: .3s; grid-area: 1/1; display: inline-grid; }
.qtell-pv.qtell-pv.qtell-pv .pv-s207 { --an: pv-pout; --d: 5.7s; --du: .25s; grid-area: 1/1; padding: .6em 1.4em; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 1.1em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s208 { --an: pv-pfade; --d: 5.7s; --du: .25s; grid-area: 1/1; display: flex; align-items: center; gap: .4em; padding: .6em 1.2em; border-radius: 999px; background: var(--qtell-teal-600); color: var(--qtell-white); font-size: 1.1em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s209 { --d: 6.4s; position: absolute; left: 60%; top: 55%; pointer-events: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s210 { --an: pv-pcur; --d: 4.5s; --du: 1s; display: block; }
.qtell-pv.qtell-pv.qtell-pv .pv-s211 { width: 2.2em; height: 2.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s212 { fill: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s213 { stroke: var(--qtell-white); }
.qtell-pv.qtell-pv.qtell-pv .pv-s214 { padding: .6em 1.2em; border-radius: 999px; border: 1px solid var(--qtell-app-border); font-size: 1.1em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s215 { --an: pv-pin; --d: 6.3s; margin-top: 1.4em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s216 { font-size: 1.05em; font-weight: 700; letter-spacing: .04em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s217 { margin-top: .7em; display: flex; flex-wrap: wrap; gap: .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s218 { display: inline-flex; align-items: center; gap: .6em; padding: .55em 1em; border-radius: .8em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); font-size: 1.15em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s219 { --an: pv-ppop; --d: 6.6s; --du: .4s; width: 1.3em; height: 1.3em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s220 { --an: pv-ppop; --d: 7s; --du: .4s; width: 1.3em; height: 1.3em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s221 { --an: pv-ppop; --d: 7.3999999999999995s; --du: .4s; width: 1.3em; height: 1.3em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s222 { display: flex; align-items: center; gap: 1.2em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s223 { margin-top: 1.8em; display: grid; grid-template-columns: 23em minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv.qtell-pv.qtell-pv .pv-s224 { display: flex; align-items: center; gap: .9em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s225 { width: 2.8em; height: 2.8em; border-radius: .8em; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s226 { width: 1.5em; height: 1.5em; flex: none; }
.qtell-pv.qtell-pv.qtell-pv .pv-s227 { font-size: 1.3em; font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s228 { margin-top: .2em; display: flex; align-items: center; gap: .45em; font-size: 1.05em; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s229 { width: .65em; height: .65em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s230 { width: 2.8em; height: 2.8em; border-radius: .8em; background: var(--qtell-purple-700); color: var(--qtell-teal-400); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s231 { width: .65em; height: .65em; border-radius: 50%; background: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s232 { font-size: 1.6em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv.qtell-pv.qtell-pv .pv-s233 { margin-top: .3em; font-size: 1.05em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s234 { position: relative; margin-top: 1.4em; display: flex; flex-direction: column; gap: 1.3em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s235 { position: absolute; left: 1.15em; top: 1em; bottom: 1em; width: 2px; background: var(--qtell-app-lavender); }
.qtell-pv.qtell-pv.qtell-pv .pv-s236 { --an: pv-pin; --d: 0.4s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s237 { width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--qtell-app-surface-alt); color: var(--qtell-purple-700); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s238 { font-size: .95em; font-weight: 800; letter-spacing: .1em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s239 { margin-top: .25em; font-size: 1.25em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pv.qtell-pv.qtell-pv .pv-s240 { --an: pv-pin; --d: 1.3s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s241 { margin-top: .7em; display: flex; flex-direction: column; gap: .4em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s242 { display: grid; grid-template-columns: 10em minmax(0,1fr) 3em; align-items: center; gap: .8em; font-size: 1.05em; color: var(--qtell-purple-600); }
.qtell-pv.qtell-pv.qtell-pv .pv-s243 { height: .7em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pv.qtell-pv.qtell-pv .pv-s244 { --an: pv-pgrow; --d: 1.9s; --du: .6s; display: block; height: 100%; width: 52%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s245 { font-weight: 700; }
.qtell-pv.qtell-pv.qtell-pv .pv-s246 { --an: pv-pgrow; --d: 2.1s; --du: .6s; display: block; height: 100%; width: 29%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv.qtell-pv.qtell-pv .pv-s247 { --an: pv-pin; --d: 2.2s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s248 { --an: pv-pin; --d: 3.1s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s249 { width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--qtell-purple-700); color: var(--qtell-teal-400); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s250 { margin-top: .8em; display: flex; align-items: center; gap: .7em; }
.qtell-pv.qtell-pv.qtell-pv .pv-s251 { font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pv.qtell-pv.qtell-pv .pv-s252 { --an: pv-pin; --d: 4.6s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s253 { --an: pv-ppop; --d: 4.6s; --du: .45s; width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pv.qtell-pv.qtell-pv .pv-s254 { font-size: 1.2em; font-weight: 700; color: var(--qtell-tick); }