/* Qtell persona-page visuals (product screens + before/after story).
   Generated by convert-persona-visuals.py from the persona mockups;
   do not edit by hand. Markup: framework/persona-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-pv2.qtell-pv2.qtell-pv2 { font-weight: 400; line-height: normal; letter-spacing: normal; text-transform: none; text-align: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 :where(p, span, div) { margin: 0; padding: 0; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; color: inherit; }
.qtell-pv2.qtell-pv2.qtell-pv2 :where(svg) { max-width: none; }

/* Animation state, shared trigger: an ancestor gains .is-in (scrolled into view) or
   .is-active (selected tab/accordion item), and :not(.is-restart) allows a replay */
.qtell-pv2 .pv2-ax { animation: none; }
.is-in:not(.is-restart) .qtell-pv2 .pv2-ax,
.is-active:not(.is-restart) .qtell-pv2 .pv2-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-pv2 .pv2-pls { animation: pv2-ppulse 1.6s ease-out infinite; }
.qtell-pv2 .pv2-pcar { animation: pv2-pcar 1s steps(1) infinite; }
.is-active:not(.is-restart) .qtell-pv2 .pv2-pring { animation: pv2-pring 1.4s ease-out 3.8s 3; }
.qtell-pv2 .pv2-pspin { animation: pv2-pspin .8s linear infinite; }
.qtell-pv2 .pv2-pcout { opacity: 0; visibility: hidden; }
.is-active:not(.is-restart) .qtell-pv2 .pv2-pcout { animation: pv2-pcoutk .25s var(--d) both; opacity: 1; visibility: visible; }

/* Before/after story: fires once when scrolled into view (.is-in), does not replay */
.qtell-pv2 .pv2-sx { animation: none; }
.is-in .qtell-pv2 .pv2-sx {
  animation-name: var(--an);
  animation-duration: var(--du, .5s);
  animation-delay: var(--d, 0s);
  animation-timing-function: var(--tf, cubic-bezier(.2, .7, .2, 1));
  animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .qtell-pv2 .pv2-ax, .is-in .qtell-pv2 .pv2-ax, .is-active .qtell-pv2 .pv2-ax,
  .qtell-pv2 .pv2-sx, .is-in .qtell-pv2 .pv2-sx { animation: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
  .qtell-pv2 .pv2-axA { display: none; }
  .qtell-pv2 .pv2-pls, .qtell-pv2 .pv2-pcar, .qtell-pv2 .pv2-pring, .qtell-pv2 .pv2-pspin, .qtell-pv2 .pv2-pcout { animation: none !important; }
}

@keyframes pv2-pin { from { opacity: 0; transform: translateY(.8em); } to { opacity: 1; transform: none; } }
@keyframes pv2-pgrow { from { transform: scaleX(0); } }
@keyframes pv2-pfade { from { opacity: 0; } }
@keyframes pv2-pdraw { from { stroke-dashoffset: 100; } }
@keyframes pv2-ptog { from { transform: none; } }
@keyframes pv2-ppop { 0% { transform: scale(0); opacity: 0; } 70% { transform: scale(1.15); opacity: 1; } 100% { transform: none; opacity: 1; } }
@keyframes pv2-spop { from { opacity: 0; transform: translateY(.5em); } to { opacity: 1; transform: none; } }
@keyframes pv2-pcnt { 0%, 18% { transform: translateY(0); } 26%, 46% { transform: translateY(-1em); } 54%, 74% { transform: translateY(-2em); } 82%, 100% { transform: translateY(-3em); } }
@keyframes pv2-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 pv2-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 pv2-pcar { 50% { opacity: 0; } }
@keyframes pv2-pcoutk { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } }
@keyframes pv2-pspin { to { transform: rotate(360deg); } }

/* Before/after story keyframes */
@keyframes pv2-sdim { 0%, 82% { opacity: 1; } 100% { opacity: 0.16; filter: saturate(.3); } }
@keyframes pv2-sland { from { opacity: 0; transform: translateY(.4em); } to { opacity: 1; transform: none; } }
@keyframes pv2-sbad { from { opacity: 0; } to { opacity: 1; } }
@keyframes pv2-sfly {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.7); }
  15% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  85% { opacity: 1; transform: translate(calc(-50% + var(--dx, 0px)), calc(-50% + var(--dy, 0px))) scale(1); }
  100% { opacity: 0; transform: translate(calc(-50% + var(--dx, 0px)), calc(-50% + var(--dy, 0px))) scale(.6); }
}
@keyframes pv2-sq { from { opacity: 0; transform: translateY(1.2em) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes pv2-snote { 0% { opacity: 0; transform: rotate(4deg) translateY(.6em); } 100% { opacity: 1; transform: rotate(4deg) translateY(0); } }

/* Lead score gauge (Marketing page): ring fill + rolling counter. Referenced by
   --an: lsring / lscnt in marketing-lead-score.html — these were never carried
   over from the mockup's <style> block during conversion. */
@keyframes lsring { from { stroke-dashoffset: 99.90; } }
@keyframes lscnt {
  0%, 10% { transform: translateY(0); }
  28%, 34% { transform: translateY(-1em); }
  52%, 58% { transform: translateY(-2em); }
  76%, 82% { transform: translateY(-3em); }
  100% { transform: translateY(-4em); }
}

/* Channel-flow diagram (Marketing page): connecting-line draw-in. Same gap —
   --an: mdash referenced by marketing-channel-flow.html, never defined. */
@keyframes mdash {
  0% { stroke-dashoffset: 14; opacity: 1; }
  90% { opacity: 1; }
  100% { stroke-dashoffset: -100; opacity: 0; }
}

.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s1 { display: flex; align-items: center; gap: 1.2em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s2 { font-size: 2.2em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s3 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s4 { margin-top: 1.8em; display: grid; grid-template-columns: 23em minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s5 { display: flex; flex-direction: column; gap: .9em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s6 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s7 { display: flex; align-items: center; gap: .9em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s8 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s9 { width: 1.5em; height: 1.5em; flex: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s10 { font-size: 1.3em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s11 { margin-top: .2em; display: flex; align-items: center; gap: .45em; font-size: 1.05em; color: var(--qtell-purple-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s12 { width: .65em; height: .65em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s13 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s14 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s15 { width: .65em; height: .65em; border-radius: 50%; background: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s16 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s17 { font-size: 1.6em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s18 { margin-top: .3em; font-size: 1.05em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s19 { position: relative; margin-top: 1.4em; display: flex; flex-direction: column; gap: 1.3em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s20 { position: absolute; left: 1.15em; top: 1em; bottom: 1em; width: 2px; background: var(--qtell-app-lavender); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s21 { --an: pv2-pin; --d: 0.4s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s22 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s23 { width: 1.2em; height: 1.2em; flex: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s24 { font-size: .95em; font-weight: 800; letter-spacing: .1em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s25 { margin-top: .25em; font-size: 1.25em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s26 { --an: pv2-pin; --d: 1.3s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s27 { margin-top: .7em; display: flex; flex-direction: column; gap: .4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s28 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s29 { height: .7em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s30 { --an: pv2-pgrow; --d: 1.9s; --du: .6s; display: block; height: 100%; width: 52%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s31 { font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s32 { --an: pv2-pgrow; --d: 2.1s; --du: .6s; display: block; height: 100%; width: 29%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s33 { --an: pv2-pin; --d: 2.2s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s34 { --an: pv2-pin; --d: 3.1s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s35 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s36 { margin-top: .8em; display: flex; align-items: center; gap: .7em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s37 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s38 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s39 { font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s40 { --an: pv2-pin; --d: 4.6s; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s41 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s42 { font-size: 1.2em; font-weight: 700; color: var(--qtell-tick); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s43 { font-size: 1.05em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s44 { margin-top: .6em; display: flex; align-items: center; gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s45 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s46 { margin-top: 1.8em; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s47 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s48 { font-size: 1em; font-weight: 700; letter-spacing: .08em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s49 { margin-top: 1em; display: flex; flex-direction: column; gap: .8em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s50 { --an: pv2-pin; --d: 0.5s; display: flex; gap: .6em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s51 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s52 { font-size: .7em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s53 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s54 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s55 { --an: pv2-pin; --d: 1.4000000000000001s; align-self: flex-start; font-size: .95em; font-weight: 800; color: var(--qtell-teal-600); padding-left: .4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s56 { --an: pv2-pin; --d: 1.6s; display: flex; gap: .6em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s57 { --an: pv2-pin; --d: 2.5s; align-self: flex-start; font-size: .95em; font-weight: 800; color: var(--qtell-teal-600); padding-left: .4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s58 { --an: pv2-pin; --d: 2.7s; display: flex; gap: .6em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s59 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s60 { width: 1.1em; height: 1.1em; flex: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s61 { display: flex; flex-direction: column; gap: 1.2em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s62 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s63 { --an: pv2-pcnt; --d: 0.4s; --du: 3.6s; --tf: ease; transform: translateY(-3em); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s64 { margin-top: .5em; font-size: 1.1em; color: var(--qtell-purple-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s65 { margin-top: 1em; display: flex; flex-direction: column; gap: .9em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s66 { display: flex; align-items: center; gap: .9em; font-size: 1.15em; font-weight: 600; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s67 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s68 { margin-left: auto; position: relative; width: 2.8em; height: 1.6em; border-radius: 999px; background: var(--qtell-app-border-strong); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s69 { --an: pv2-pfade; --d: 4.3s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s70 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s71 { --an: pv2-pfade; --d: 4.7s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s72 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s73 { --an: pv2-pfade; --d: 5.1s; --du: .3s; position: absolute; inset: 0; border-radius: 999px; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s74 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s75 { --an: pv2-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-pv2.qtell-pv2.qtell-pv2 .pv2-s76 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s77 { width: 4.8em; height: 3.4em; color: var(--qtell-white); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s78 { fill: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s79 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s80 { font-size: .7em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s81 { background: var(--qtell-purple-700); display: flex; flex-direction: column; align-items: center; gap: .3em; padding: 1em .7em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s82 { width: 100%; display: flex; flex-direction: column; align-items: center; gap: .35em; padding: .75em 0; border-radius: .9em; color: var(--qtell-teal-500); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s83 { width: 1.9em; height: 1.9em; flex: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s84 { font-size: .95em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s85 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s86 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s87 { flex: 1 1 400px; min-width: 0; max-width: 560px; position: relative; aspect-ratio: 52/44; container-type: inline-size; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s88 { position: absolute; inset: 0; font-size: calc(100cqw / 52); line-height: 1.3; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s89 { --an: pv2-sdim; --d: 6.8s; position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s90 { position: absolute; left: 14.5em; top: 1.8em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s91 { font-size: 1em; font-weight: 800; color: var(--qtell-app-alert); white-space: nowrap; letter-spacing: .12em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s92 { --an: pv2-sdim; --d: 6.8s; position: absolute; left: 7em; top: 7em; width: 36em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.6em 3em -2em color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); overflow: hidden; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s93 { height: 3em; display: flex; align-items: center; gap: .5em; padding: 0 1em; background: var(--qtell-app-surface-alt); border-bottom: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s94 { width: .8em; height: .8em; border-radius: 50%; background: var(--qtell-purple-200); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s95 { margin-left: .4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s96 { font-size: 1.1em; font-weight: 700; color: var(--qtell-purple-600); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s97 { height: 3em; display: flex; align-items: center; padding: 0 1em; border-bottom: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s98 { font-size: 1.1em; font-weight: 700; color: var(--qtell-purple-700); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s99 { display: grid; grid-template-columns: 15em 9em 12em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s100 { height: 2.6em; display: flex; align-items: center; padding: 0 1em; background: var(--qtell-app-surface-alt); border-bottom: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s101 { font-size: 1em; font-weight: 700; color: var(--qtell-app-text-muted); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s102 { height: 2.6em; display: flex; align-items: center; padding: 0 1em; background: var(--qtell-app-surface-alt); border-bottom: 1px solid var(--qtell-app-border); border-left: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s103 { height: 2.6em; display: flex; align-items: center; justify-content: flex-end; padding: 0 1em; background: var(--qtell-app-surface-alt); border-bottom: 1px solid var(--qtell-app-border); border-left: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s104 { height: 3.1em; display: flex; align-items: center; padding: 0 1em; border-bottom: 1px solid var(--qtell-app-border); position: relative; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s105 { font-size: 1.15em; font-weight: 600; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s106 { height: 3.1em; display: flex; align-items: center; padding: 0 1em; border-bottom: 1px solid var(--qtell-app-border); position: relative; border-left: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s107 { font-size: 1.05em; font-weight: 600; color: var(--qtell-app-text-muted); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s108 { height: 3.1em; display: flex; align-items: center; padding: 0 1em; border-bottom: 1px solid var(--qtell-app-border); justify-content: flex-end; border-left: 1px solid var(--qtell-app-border); position: relative; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s109 { --an: pv2-sland; --d: 1.3s; display: inline-block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s110 { font-size: 1.3em; font-weight: 700; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s111 { --an: pv2-sland; --d: 2s; display: inline-block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s112 { --an: pv2-sland; --d: 2.7s; display: inline-block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s113 { --an: pv2-sbad; --d: 3.4s; position: absolute; inset: 0; background: var(--qtell-app-alert-tint); z-index: -1; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s114 { --an: pv2-spop; --d: 3.4s; display: inline-block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s115 { font-size: 1.25em; font-weight: 800; color: var(--qtell-app-alert); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s116 { --an: pv2-sbad; --d: 4.1s; position: absolute; inset: 0; background: var(--qtell-app-alert-tint); z-index: -1; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s117 { --an: pv2-spop; --d: 4.1s; display: inline-block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s118 { --an: pv2-spop; --d: 4.7s; height: 3.1em; display: flex; align-items: center; gap: .6em; padding: 0 1em; background: var(--qtell-app-alert-tint); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s119 { font-size: 1.2em; font-weight: 800; color: var(--qtell-app-alert); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s120 { font-size: 1.1em; font-weight: 700; color: var(--qtell-app-alert); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s121 { --an: pv2-sdim; --d: 6.8s; position: absolute; left: 0em; top: 0em; width: 13em; height: 5em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s122 { width: 2.6em; height: 2.6em; border-radius: .7em; background: var(--qtell-app-surface-alt); display: grid; place-items: center; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s123 { font-size: 0.95em; font-weight: 800; color: var(--qtell-purple-700); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s124 { font-size: 1.2em; font-weight: 700; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s125 { --an: pv2-sdim; --d: 6.8s; position: absolute; left: 0em; top: 38.5em; width: 13em; height: 5em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s126 { --an: pv2-sdim; --d: 6.8s; position: absolute; left: 39em; top: 38.5em; width: 13em; height: 5em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s127 { --an: pv2-sfly; --d: 0.4s; --du: 1s; --dx: 30.50em; --dy: -23.85em; position: absolute; left: 6.5em; top: 41em; z-index: 4; transform: translate(-50%,-50%); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s128 { display: block; padding: .4em .8em; border-radius: .5em; background: var(--qtell-purple-700); box-shadow: 0 .6em 1.2em -.6em color-mix(in srgb, var(--qtell-purple-700) 70%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s129 { font-size: 1.15em; font-weight: 700; color: var(--qtell-white); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s130 { --an: pv2-sfly; --d: 1.1s; --du: 1s; --dx: 30.50em; --dy: 17.75em; position: absolute; left: 6.5em; top: 2.5em; z-index: 4; transform: translate(-50%,-50%); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s131 { --an: pv2-sfly; --d: 1.8s; --du: 1s; --dx: -8.50em; --dy: -17.65em; position: absolute; left: 45.5em; top: 41em; z-index: 4; transform: translate(-50%,-50%); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s132 { --an: pv2-sdim; --d: 6.8s; position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s133 { --an: pv2-snote; --d: 5.2s; position: absolute; left: 30em; top: 29.5em; padding: .9em 1.1em; border-radius: .4em; background: var(--qtell-purple-100); border: 1px solid var(--qtell-purple-300); box-shadow: 0 1em 2em -1.2em color-mix(in srgb, var(--qtell-black) 35%, transparent); transform: rotate(4deg); line-height: 1.3; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s134 { font-size: 1.15em; font-weight: 700; color: var(--qtell-purple-900); white-space: nowrap; display: block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s135 { --an: pv2-sq; --d: 7s; position: absolute; left: 7em; right: 7em; top: 3.6em; z-index: 6; padding: 1.8em 2em; border-radius: 1.4em; background: var(--qtell-white); border: 1.5px solid var(--qtell-purple-700); box-shadow: 0 2.4em 4em -2em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s136 { display: flex; align-items: center; justify-content: space-between; gap: .7em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s137 { font-size: 1em; font-weight: 800; color: var(--qtell-tick); white-space: nowrap; letter-spacing: .12em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s138 { display: inline-flex; align-items: center; gap: .5em; padding: .35em .9em; border-radius: 999px; background: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s139 { color: var(--qtell-teal-400); display: inline-flex; font-size: 1.1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s140 { width: 1em; height: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s141 { font-size: 1.1em; font-weight: 800; color: var(--qtell-white); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s142 { margin-top: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s143 { font-size: 1.15em; font-weight: 700; color: var(--qtell-purple-600); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s144 { margin-top: .2em; line-height: 1; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s145 { font-size: 3.2em; font-weight: 800; color: var(--qtell-purple-700); white-space: nowrap; letter-spacing: -.03em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s146 { --an: pv2-spop; --d: 7.5s; margin-top: .7em; line-height: 1.45; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s147 { font-size: 1.05em; font-weight: 600; color: var(--qtell-purple-600); white-space: nowrap; display: block; white-space: normal; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s148 { --an: pv2-spop; --d: 7.9s; display: flex; justify-content: space-between; align-items: center; padding: .7em 0; border-top: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s149 { font-size: 1.15em; font-weight: 600; color: var(--qtell-purple-600); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s150 { font-size: 1.25em; font-weight: 800; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s151 { --an: pv2-spop; --d: 8.1s; display: flex; justify-content: space-between; align-items: center; padding: .7em 0; border-top: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s152 { --an: pv2-spop; --d: 8.3s; display: flex; justify-content: space-between; align-items: center; padding: .7em 0; border-top: 1px solid var(--qtell-app-border); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s153 { --an: pv2-spop; --d: 8.7s; margin-top: .8em; display: flex; flex-wrap: wrap; gap: .5em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s154 { display: inline-flex; align-items: center; gap: .4em; padding: .3em .8em; border-radius: 999px; background: var(--qtell-app-teal-tint); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s155 { width: .55em; height: .55em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s156 { font-size: 1em; font-weight: 700; color: var(--qtell-accent-ink); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s157 { flex: 1 1 420px; min-width: 0; max-width: 580px; position: relative; aspect-ratio: 52/40; container-type: inline-size; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s158 { position: absolute; left: 0; top: 0; width: 52em; height: 14.4em; overflow: visible; z-index: 1; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s159 { stroke: var(--qtell-app-lavender); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s160 { --an: mdash; --d: 0.90s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s161 { stroke: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s162 { --an: mdash; --d: 0.98s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s163 { --an: mdash; --d: 1.06s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s164 { --an: mdash; --d: 1.14s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s165 { --an: mdash; --d: 1.22s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s166 { --an: mdash; --d: 1.30s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s167 { --an: mdash; --d: 1.38s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s168 { --an: mdash; --d: 1.46s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s169 { --an: mdash; --d: 1.54s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s170 { --an: mdash; --d: 2.00s; --du: 1.2s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s171 { stroke: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s172 { --an: mdash; --d: 2.12s; --du: 1.2s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s173 { --an: mdash; --d: 2.24s; --du: 1.2s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s174 { --an: pv2-spop; --d: 0.1s; position: absolute; left: 0em; top: 0.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s175 { 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: .9em; font-weight: 800; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s176 { font-size: 1.2em; font-weight: 800; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s177 { --an: pv2-spop; --d: 0.22s; position: absolute; left: 0em; top: 5.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s178 { --an: pv2-spop; --d: 0.33999999999999997s; position: absolute; left: 0em; top: 10.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s179 { --an: pv2-spop; --d: 0.5s; position: absolute; left: 19em; top: 0.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s180 { --an: pv2-spop; --d: 0.62s; position: absolute; left: 19em; top: 5.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s181 { --an: pv2-spop; --d: 0.74s; position: absolute; left: 19em; top: 10.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s182 { --an: pv2-spop; --d: 2.4s; position: absolute; left: 38em; top: 5.4em; width: 14em; height: 3.6em; display: flex; align-items: center; gap: .7em; padding: 0 1em; border-radius: .9em; background: var(--qtell-purple-700); border: 1px solid var(--qtell-purple-700); box-shadow: 0 1em 2em -1.4em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); z-index: 2; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s183 { width: 2.2em; height: 2.2em; border-radius: .6em; background: color-mix(in srgb, var(--qtell-white) 14%, transparent); color: var(--qtell-teal-400); display: grid; place-items: center; font-size: .9em; font-weight: 800; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s184 { font-size: 1.2em; font-weight: 800; color: var(--qtell-white); white-space: nowrap; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s185 { position: absolute; left: 0; right: 0; top: 17.4em; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s186 { --an: pv2-sq; --d: 3.00s; padding: 1.3em 1.4em; border-radius: 1.1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.4em 2.6em -2em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s187 { display: flex; align-items: baseline; justify-content: space-between; gap: .6em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s188 { font-size: 1.1em; font-weight: 800; letter-spacing: .1em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s189 { font-size: 2.6em; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s190 { margin-top: 1em; display: flex; flex-wrap: wrap; gap: .4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s191 { --an: pv2-spop; --d: 3.35s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s192 { width: .5em; height: .5em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s193 { --an: pv2-spop; --d: 3.47s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s194 { --an: pv2-spop; --d: 3.59s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s195 { --an: pv2-sq; --d: 3.35s; padding: 1.3em 1.4em; border-radius: 1.1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.4em 2.6em -2em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s196 { --an: pv2-spop; --d: 3.70s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s197 { --an: pv2-spop; --d: 3.82s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s198 { --an: pv2-spop; --d: 3.94s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s199 { --an: pv2-sq; --d: 3.70s; padding: 1.3em 1.4em; border-radius: 1.1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.4em 2.6em -2em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s200 { --an: pv2-spop; --d: 4.05s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s201 { --an: pv2-spop; --d: 4.17s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s202 { --an: pv2-spop; --d: 4.29s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s203 { --an: pv2-sq; --d: 4.05s; padding: 1.3em 1.4em; border-radius: 1.1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.4em 2.6em -2em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s204 { --an: pv2-spop; --d: 4.40s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s205 { --an: pv2-spop; --d: 4.52s; display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s206 { margin-top: clamp(28px,3vw,40px); width: 100%; max-width: 500px; position: relative; aspect-ratio: 50/40; container-type: inline-size; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s207 { position: absolute; inset: 0; font-size: calc(100cqw / 50); line-height: 1.3; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s208 { position: absolute; left: 0; top: 0; width: 27em; display: flex; flex-direction: column; gap: 1em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s209 { --an: pv2-sq; --d: 0.30s; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .8em; padding: 1em 1.2em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.2em 2.4em -1.8em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s210 { font-size: .95em; font-weight: 800; letter-spacing: .1em; color: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s211 { margin-top: .25em; font-size: 1.2em; font-weight: 600; color: var(--qtell-purple-900); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s212 { padding: .35em .7em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: 1.1em; font-weight: 800; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s213 { --an: pv2-sq; --d: 0.85s; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .8em; padding: 1em 1.2em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.2em 2.4em -1.8em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s214 { --an: pv2-sq; --d: 1.40s; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .8em; padding: 1em 1.2em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.2em 2.4em -1.8em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s215 { --an: pv2-sq; --d: 1.95s; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .8em; padding: 1em 1.2em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.2em 2.4em -1.8em color-mix(in srgb, var(--qtell-purple-700) 55%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s216 { --an: pv2-sq; --d: 0.1s; position: absolute; right: 0; top: 4em; width: 20em; padding: 1.8em 1.6em; border-radius: 1.4em; background: var(--qtell-purple-700); color: var(--qtell-white); box-shadow: 0 2.4em 4em -2em color-mix(in srgb, var(--qtell-purple-700) 70%, transparent); text-align: center; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s217 { font-size: 1em; font-weight: 800; letter-spacing: .12em; color: var(--qtell-teal-400); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s218 { position: relative; margin: 1.2em auto 0; width: 12em; height: 12em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s219 { width: 100%; height: 100%; transform: rotate(-90deg); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s220 { stroke: color-mix(in srgb, var(--qtell-white) 14%, transparent); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s221 { --an: lsring; --d: 0.4s; --du: 2.6s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s222 { stroke: var(--qtell-teal-400); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s223 { position: absolute; inset: 0; display: grid; place-items: center; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s224 { height: 1em; overflow: hidden; font-size: 4em; line-height: 1; font-weight: 800; letter-spacing: -.03em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s225 { --an: lscnt; --d: 0.4s; --du: 2.6s; transform: translateY(-4em); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s226 { margin-top: 1.2em; font-size: 1.35em; font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s227 { --an: pv2-spop; --d: 3s; display: inline-flex; margin-top: .8em; padding: .4em 1em; border-radius: 999px; background: var(--qtell-teal-600); color: var(--qtell-white); font-size: 1.05em; font-weight: 800; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s228 { display: flex; align-items: center; gap: 1.4em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s229 { display: flex; align-items: center; gap: .5em; font-size: 1.1em; color: var(--qtell-purple-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s230 { width: .8em; height: .8em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s231 { margin-top: 1.2em; display: flex; gap: .6em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s232 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s233 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s234 { margin-top: 1.6em; display: grid; grid-template-columns: 27em minmax(0,1fr); gap: 1.6em; align-items: start; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s235 { --an: pv2-pin; --d: 0.3s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s236 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s237 { margin-top: .6em; font-size: 1.3em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s238 { margin-top: .35em; font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s239 { --an: pv2-pin; --d: 0.55s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s240 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s241 { --an: pv2-pin; --d: 0.8s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s242 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s243 { --an: pv2-pin; --d: 1.05s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s244 { --an: pv2-pin; --d: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s245 { display: flex; align-items: center; gap: .8em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s246 { 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-pv2.qtell-pv2.qtell-pv2 .pv2-s247 { margin-top: .7em; font-size: 1.7em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s248 { margin-top: 1em; width: 100%; height: 10em; display: block; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s249 { --an: pv2-pdraw; --d: 1.8s; --du: 1.4s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s250 { --an: pv2-pin; --d: 3s; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s251 { --an: pv2-ppop; --d: 3s; transform-origin: 240px 48px; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s252 { display: flex; justify-content: space-between; font-size: .95em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s253 { color: var(--qtell-tick); font-weight: 700; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s254 { margin-top: 1.3em; font-size: 1em; font-weight: 700; letter-spacing: .08em; color: var(--qtell-app-text-muted); }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s255 { margin-top: .8em; display: flex; flex-direction: column; gap: .75em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s256 { display: grid; grid-template-columns: minmax(0,1fr) 12em 3em; align-items: center; gap: 1em; font-size: 1.15em; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s257 { height: .9em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s258 { --an: pv2-pgrow; --d: 3.3s; --du: .7s; display: block; height: 100%; width: 58%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s259 { font-weight: 700; text-align: right; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s260 { --an: pv2-pgrow; --d: 3.55s; --du: .7s; display: block; height: 100%; width: 27%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s261 { --an: pv2-pgrow; --d: 3.8s; --du: .7s; display: block; height: 100%; width: 15%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pv2.qtell-pv2.qtell-pv2 .pv2-s262 { --an: pv2-pin; --d: 4.4s; margin-top: 1.5em; display: flex; gap: .8em; }
