/* Qtell page "sales". Generated by docs/website/convert-page.py from the page mockup;
   do not edit by hand. Markup: framework/pages/sales/. */
/* Base rules for this page's converted mockup sections, scoped to the wrapper so nothing leaks to the rest of the
   site. Three classes (0,3,0) beat the parent theme's element rules (.qtell-section h2, .page-content ul li,
   svg{width:100%}); the generated class rules below share that specificity and win by order. */
.qtell-pg-sales {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  --inv-cta-b: #3f5472;
  --inv-cta-c: #2f7280;
}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales {
  font-family: var(--qtell-font-body);
  color: var(--qtell-purple-900);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  text-align: start;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(*, *::before, *::after) { box-sizing: border-box; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h1, h2, h3, h4, p, ul, ol) { margin: 0; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(ul, ol) { padding: 0; list-style: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(li) { margin: 0; padding-left: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales li::before, .qtell-pg-sales.qtell-pg-sales.qtell-pg-sales li::after { content: none; display: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h1, h2, h3, h4) { font-family: inherit; font-weight: 700; line-height: normal; letter-spacing: inherit; text-transform: none; color: inherit; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h1) { font-size: 2em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h2) { font-size: 1.5em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h3) { font-size: 1.17em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(h4) { font-size: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales span { font-weight: inherit; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(svg) { max-width: none; }
/* the theme forces max-width: 100% on images; the mockup has none */
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(img) { max-width: none; }
/* The theme styles every <button> (padding, 30px radius, white text, teal background forced with !important). Back to
   the browser default; generated classes set what the mockup sets (backgrounds with !important so they beat the theme's). */
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales button { all: revert; background-color: buttonface !important; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales summary { list-style: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales summary::-webkit-details-marker { display: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales details[open] summary svg { transform: rotate(45deg); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(a) { color: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(a:hover) { color: var(--qtell-accent-ink); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales :where(:focus-visible) { outline: 3px solid var(--qtell-teal-700); outline-offset: 3px; }

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s1 { position: relative; overflow: hidden; padding: clamp(60px,8.5vw,116px) 0 clamp(52px,7vw,92px); background: var(--qtell-white); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s2 { position: absolute; inset: 0; pointer-events: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s3 { position: absolute; width: 64vmax; height: 64vmax; left: -26vmax; top: -38vmax; border-radius: 50%; background: radial-gradient(closest-side,var(--qtell-purple-200),transparent); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s4 { position: absolute; width: 58vmax; height: 58vmax; right: -28vmax; top: -20vmax; border-radius: 50%; background: radial-gradient(closest-side,var(--qtell-blend-light),transparent); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s5 { position: relative; max-width: 1000px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s6 { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--qtell-accent-ink); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s7 { width: 8px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s8 { height: 13px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s9 { fill: var(--qtell-teal-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s10 { margin-top: 22px; max-width: 20ch; font-size: clamp(38px,5.4vw,72px); line-height: 1.03; letter-spacing: -.045em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s11 { margin-top: 26px; max-width: 60ch; font-size: clamp(18px,1.7vw,21px); line-height: 1.55; color: var(--qtell-purple-900); font-weight: 500; text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s12 { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; margin-top: 32px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s13 { padding: clamp(52px,7vw,92px) 0; background: var(--qtell-background-soft); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s14 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-wrap: wrap; gap: 40px clamp(40px,6vw,96px); align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s15 { flex: 1 1 420px; min-width: 0; max-width: 580px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s16 { margin-top: 18px; font-size: clamp(32px,4vw,50px); line-height: 1.06; letter-spacing: -.035em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s17 { margin-top: 22px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s18 { margin-top: 14px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s19 { flex: 1.1 1 440px; min-width: 0; max-width: 600px; position: relative; container-type: inline-size; border-radius: 24px; background: linear-gradient(135deg,var(--qtell-blend-light),var(--qtell-purple-100)); overflow: hidden; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s20 { position: relative; font-size: calc(100cqw / 50); line-height: 1.3; padding: 2.4em; display: flex; flex-direction: column; justify-content: center; gap: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s21 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1em; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); padding: 1.3em 1.5em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s22 { display: flex; align-items: center; gap: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s23 { width: 3.4em; height: 3.4em; border-radius: 50%; background: var(--qtell-purple-700); color: var(--qtell-white); display: grid; place-items: center; font-size: 1.1em; font-weight: 800; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s24 { font-size: 1.5em; font-weight: 800; color: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s25 { font-size: 1.05em; color: var(--qtell-app-text-muted); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s26 { --i: 0; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s27 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1em; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); padding: .9em 1.2em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s28 { display: inline-flex; align-items: center; gap: .4em; padding: .3em .8em; border-radius: 999px; background: var(--qtell-app-teal-tint); color: var(--qtell-accent-ink); font-size: .95em; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s29 { width: .6em; height: .6em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s30 { font-size: 1.2em; font-weight: 600; color: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s31 { --i: 1; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s32 { --i: 2; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s33 { --i: 3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s34 { padding: clamp(52px,7vw,92px) 0; background: var(--qtell-white); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s35 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; gap: 40px clamp(40px,6vw,96px); align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s36 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1em; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); padding: .9em 1.2em; border: 1.5px solid var(--qtell-teal-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s37 { display: grid; grid-template-columns: minmax(0,1fr) 9em 2.6em; align-items: center; gap: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s38 { font-size: 1.25em; font-weight: 800; color: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s39 { font-size: 1em; color: var(--qtell-app-text-muted); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s40 { height: .7em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s41 { --i: 0; display: block; height: 100%; width: 92%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s42 { font-size: 1.3em; font-weight: 800; text-align: right; color: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s43 { --i: 1; display: block; height: 100%; width: 78%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s44 { --i: 2; display: block; height: 100%; width: 61%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s45 { --i: 3; display: block; height: 100%; width: 34%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s46 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1em; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); padding: 1em 1.2em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s47 { flex: none; width: .8em; height: .8em; border-radius: 50%; background: var(--qtell-app-alert); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s48 { min-width: 0; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s49 { font-size: 1.05em; color: var(--qtell-purple-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s50 { flex: none; width: .8em; height: .8em; border-radius: 50%; background: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s51 { background: var(--qtell-white); border: 1px solid var(--qtell-app-border); border-radius: 1em; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); padding: 1.4em 1.6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s52 { font-size: 1.05em; font-weight: 700; color: var(--qtell-app-text-muted); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s53 { margin-top: 1.1em; display: flex; flex-direction: column; gap: .9em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s54 { display: grid; grid-template-columns: 9em minmax(0,1fr) 3em; align-items: center; gap: 1em; font-size: 1.2em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s55 { color: var(--qtell-purple-900); font-weight: 600; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s56 { height: .9em; border-radius: .3em; background: var(--qtell-app-surface-alt); overflow: hidden; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s57 { --i: 0; display: block; height: 100%; width: 96%; background: var(--qtell-teal-600); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s58 { font-weight: 800; text-align: right; color: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s59 { --i: 1; display: block; height: 100%; width: 72%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s60 { --i: 2; display: block; height: 100%; width: 36%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s61 { --i: 3; display: block; height: 100%; width: 18%; background: var(--qtell-purple-700); transform-origin: left; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s62 { --i: 4; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s63 { display: inline-flex; align-items: center; gap: .4em; padding: .3em .8em; border-radius: 999px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: .95em; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s64 { font-size: 1.2em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s65 { position: relative; display: flex; flex-direction: column; gap: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s66 { position: absolute; left: 1.2em; top: 1.5em; bottom: 1.5em; width: 2px; background: #d8cfdc; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s67 { --i: 0; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s68 { width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--qtell-purple-700); color: var(--qtell-white); display: grid; place-items: center; font-size: 1em; font-weight: 800; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s69 { font-size: .95em; font-weight: 800; letter-spacing: .1em; color: var(--qtell-app-text-muted); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s70 { margin-top: .2em; font-size: 1.2em; font-weight: 700; color: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s71 { --i: 1; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s72 { --i: 2; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s73 { --i: 3; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s74 { width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; font-size: 1em; font-weight: 800; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s75 { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s76 { font-size: 1.9em; font-weight: 800; letter-spacing: -.02em; color: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s77 { position: relative; margin-top: 1em; height: 12em; display: flex; align-items: flex-end; gap: 1.2em; padding: 0 .4em; border-bottom: 1px solid var(--qtell-app-border); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s78 { --i: 0; flex: 1; height: 62%; border-radius: .4em .4em 0 0; background: var(--qtell-purple-700); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s79 { --i: 1; flex: 1; height: 70%; border-radius: .4em .4em 0 0; background: var(--qtell-purple-700); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s80 { --i: 2; flex: 1; height: 58%; border-radius: .4em .4em 0 0; background: var(--qtell-purple-700); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s81 { --i: 3; flex: 1; height: 76%; border-radius: .4em .4em 0 0; background: var(--qtell-purple-700); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s82 { --i: 4; flex: 1; height: 68%; border-radius: .4em .4em 0 0; background: repeating-linear-gradient(135deg,var(--qtell-purple-700) 0 .4em,var(--qtell-purple-600) .4em .8em); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s83 { --i: 5; flex: 1; height: 82%; border-radius: .4em .4em 0 0; background: repeating-linear-gradient(135deg,var(--qtell-purple-700) 0 .4em,var(--qtell-purple-600) .4em .8em); transform-origin: bottom; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s84 { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s85 { stroke: var(--qtell-teal-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s86 { stroke-width: 3px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s87 { margin-top: .8em; display: flex; gap: 1.4em; font-size: 1em; color: var(--qtell-purple-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s88 { display: flex; align-items: center; gap: .4em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s89 { width: .9em; height: .9em; border-radius: .2em; background: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s90 { width: 1.4em; height: 0; border-top: 3px dashed var(--qtell-teal-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s91 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s92 { max-width: 760px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s93 { font-size: clamp(32px,4vw,50px); line-height: 1.06; letter-spacing: -.035em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s94 { font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; margin-top: 20px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s95 { font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; margin-top: 14px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s96 { margin-top: clamp(40px,5vw,64px); display: flex; align-items: stretch; padding: 12px 0 24px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s97 { --i: 0; position: relative; z-index: 1; min-width: 0; margin-top: calc(var(--i) * 14px); display: flex; flex-direction: column; padding: 10px 10px 26px; border-radius: 26px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: -18px 20px 40px -28px var(--qtell-shadow-color); cursor: pointer; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s98 { position: relative; height: 270px; border-radius: 18px; overflow: hidden; background: linear-gradient(160deg,var(--qtell-blend-light) 0%,var(--qtell-purple-100) 100%); padding: 16px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s99 { border-radius: 12px; background: color-mix(in srgb, var(--qtell-white) 55%, transparent); border: 1px solid var(--qtell-border-soft); padding: 10px; height: 100%; display: flex; flex-direction: column; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s100 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s101 { font-size: 11.5px; font-weight: 700; color: var(--qtell-purple-700); letter-spacing: .02em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s102 { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--qtell-accent-ink); text-align: right; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s103 { flex: 1; margin-top: 8px; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s104 { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 6px 9px; border-radius: 9px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s105 { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s106 { width: 7px; height: 7px; border-radius: 50%; background: var(--qtell-teal-600); flex: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s107 { flex: none; width: 16px; height: 16px; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s108 { width: 9px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s109 { height: 9px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s110 { margin: 22px 16px 0; font-size: clamp(20px,1.8vw,23px); line-height: 1.2; letter-spacing: -.02em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s111 { margin: 10px 16px 0; font-size: 15px; line-height: 1.55; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s112 { --i: 1; position: relative; z-index: 2; min-width: 0; margin-top: calc(var(--i) * 14px); display: flex; flex-direction: column; padding: 10px 10px 26px; border-radius: 26px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: -18px 20px 40px -28px var(--qtell-shadow-color); cursor: pointer; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s113 { border-radius: 12px; background: color-mix(in srgb, var(--qtell-white) 55%, transparent); border: 1px solid var(--qtell-border-soft); padding: 12px; height: 100%; display: flex; flex-direction: column; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s114 { flex: 1; margin-top: 12px; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s115 { display: 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; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); justify-content: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s116 { align-self: center; width: 0; height: 12px; border-left: 1px dashed var(--qtell-purple-300); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s117 { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border-radius: 9px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 11px; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s118 { width: 11px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s119 { height: 11px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s120 { display: flex; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 9px; background: var(--qtell-teal-600); color: var(--qtell-white); font-size: 11px; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s121 { --i: 2; position: relative; z-index: 3; min-width: 0; margin-top: calc(var(--i) * 14px); display: flex; flex-direction: column; padding: 10px 10px 26px; border-radius: 26px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: -18px 20px 40px -28px var(--qtell-shadow-color); cursor: pointer; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s122 { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s123 { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s124 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 8px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); color: var(--qtell-purple-900); font-size: 10px; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s125 { width: 1px; height: 9px; background: var(--qtell-purple-300); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s126 { width: 32px; height: 32px; border-radius: 10px; 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-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s127 { width: 16px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s128 { height: 16px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s129 { stroke: var(--qtell-teal-400); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s130 { padding: 5px 10px; border-radius: 8px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s131 { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 8px; background: var(--qtell-white); border: 1px solid #99e2d6; color: var(--qtell-accent-ink); font-size: 10px; font-weight: 700; white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s132 { color: var(--qtell-teal-600); display: inline-flex; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s133 { width: 10px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s134 { height: 10px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s135 { --i: 3; position: relative; z-index: 4; min-width: 0; margin-top: calc(var(--i) * 14px); display: flex; flex-direction: column; padding: 10px 10px 26px; border-radius: 26px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: -18px 20px 40px -28px var(--qtell-shadow-color); cursor: pointer; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s136 { height: 100%; display: flex; flex-direction: column; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s137 { flex: 1; min-height: 0; margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s138 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0 8px; padding: 6px 10px; border-radius: 8px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); font-size: 10.5px; line-height: 1.3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s139 { color: var(--qtell-purple-600); font-weight: 600; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s140 { margin-left: auto; color: var(--qtell-accent-ink); font-weight: 700; text-align: right; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s141 { max-width: 860px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s142 { margin-top: 18px; font-size: clamp(32px,4vw,50px); line-height: 1.06; letter-spacing: -.035em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; max-width: 22ch; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s143 { margin-top: 20px; font-size: clamp(19px,1.8vw,23px); line-height: 1.4; font-weight: 700; color: var(--qtell-accent-ink); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s144 { font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; margin-top: 14px; max-width: 60ch; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s145 { margin: clamp(40px,5vw,64px) auto 0; max-width: 1080px; position: relative; aspect-ratio: 98/38; container-type: inline-size; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s146 { position: absolute; inset: 0; font-size: calc(100cqw / 98); line-height: 1.3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s147 { position: absolute; left: 0; top: 0; width: 60em; height: 38em; border-radius: 1.6em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 2.4em 4.8em -3em color-mix(in srgb, var(--qtell-purple-700) 45%, transparent); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s148 { display: flex; align-items: center; gap: .6em; height: 3.6em; padding: 0 1.4em; border-bottom: 1px solid var(--qtell-app-border); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s149 { width: .9em; height: .9em; border-radius: 50%; background: #d8cfdc; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s150 { font-size: 1.2em; font-weight: 700; color: var(--qtell-purple-600); white-space: nowrap; margin-left: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s151 { position: absolute; left: 4em; top: 7.4em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s152 { font-size: 2.8em; font-weight: 700; color: var(--qtell-purple-900); white-space: nowrap; letter-spacing: -.02em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s153 { position: absolute; left: 4em; top: 12.4em; width: 52em; height: 12.6em; border-radius: 1.4em; border: 1px solid var(--qtell-app-border); background: var(--qtell-white); box-shadow: 0 .8em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 35%, transparent); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s154 { position: absolute; left: 1.8em; top: 1.6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s155 { font-size: 1.5em; font-weight: 500; color: var(--qtell-app-text-muted); white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s156 { position: absolute; left: 1.6em; bottom: 1.6em; display: inline-flex; align-items: center; gap: .5em; padding: .6em .9em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s157 { stroke: var(--qtell-purple-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s158 { width: 1.5em; height: 1.5em; flex: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s159 { font-size: 1.25em; font-weight: 500; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s160 { --an: sl-ppress; --d: 0.3s; position: absolute; left: 21.4em; top: 20.6em; width: 3.2em; height: 3.2em; border-radius: .7em; background: var(--qtell-app-surface-alt); display: grid; place-items: center; z-index: 2; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s161 { stroke: var(--qtell-purple-900); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s162 { width: 1.5em; height: 1.5em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s163 { --an: sl-spop; --d: 0.6s; position: absolute; left: 21.4em; top: 24.4em; width: 18em; padding: .6em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.6em 3em -1.6em color-mix(in srgb, var(--qtell-purple-700) 40%, transparent); transform-origin: top left; z-index: 3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s164 { display: flex; align-items: center; gap: .8em; height: 3.2em; padding: 0 1em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s165 { font-size: 1.3em; font-weight: 500; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s166 { stroke: var(--qtell-app-text-muted); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s167 { width: 1.3em; height: 1.3em; margin-left: auto; flex: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s168 { --an: sl-shl; --d: 1.2s; display: flex; align-items: center; gap: .8em; height: 3.2em; padding: 0 1em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s169 { --an: sl-spop; --d: 1.5s; position: absolute; left: 39.8em; top: 18em; width: 18em; padding: .6em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.6em 3em -1.6em color-mix(in srgb, var(--qtell-purple-700) 40%, transparent); transform-origin: top left; z-index: 3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s170 { --an: sl-shl; --d: 2.2s; display: flex; align-items: center; gap: .8em; height: 3.2em; padding: 0 1em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s171 { height: 1px; margin: .5em .4em; background: var(--qtell-app-border); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s172 { --an: sl-spop; --d: 2.6s; position: absolute; left: 58.2em; top: 2.5em; width: 20em; padding: .6em; border-radius: 1em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); box-shadow: 0 1.6em 3em -1.6em color-mix(in srgb, var(--qtell-purple-700) 40%, transparent); transform-origin: top left; z-index: 3; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s173 { display: flex; align-items: center; gap: .8em; height: 2.95em; padding: 0 1em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s174 { --an: sl-shl; --d: 3.3s; display: flex; align-items: center; gap: .8em; height: 2.95em; padding: 0 1em; border-radius: .6em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s175 { --an: sl-spop; --d: 3.7s; position: absolute; left: 78.8em; top: 14em; width: 18em; padding: 1em 1.1em; border-radius: .7em; background: var(--qtell-purple-900); z-index: 4; line-height: 1.4; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s176 { font-size: 1.15em; font-weight: 500; color: var(--qtell-white); white-space: nowrap; display: block; white-space: normal; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s177 { font-size: 1.05em; font-weight: 600; color: var(--qtell-purple-300); white-space: nowrap; display: block; margin-top: .5em; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s178 { margin-top: 18px; text-align: center; font-size: 15px; color: var(--qtell-purple-600); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s179 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr)); gap: 48px 0; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s180 { padding-right: clamp(0px,4vw,64px); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s181 { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--qtell-border-soft); font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s182 { padding-left: clamp(0px,4vw,64px); border-left: 1px solid var(--qtell-border-soft); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s183 { display: block; width: 56px; height: 4px; border-radius: 4px; background: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s184 { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s185 { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 14px; align-items: start; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--qtell-purple-700); background: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s186 { margin-top: 3px; color: var(--qtell-teal-400); display: inline-flex; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s187 { width: 14px; height: 14px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s188 { font-size: 16px; line-height: 1.55; font-weight: 600; color: var(--qtell-white); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s189 { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 14px; align-items: start; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--qtell-border-soft); background: var(--qtell-white); margin-left: 18px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s190 { margin-top: 3px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--qtell-purple-200); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s191 { font-size: 16px; line-height: 1.55; font-weight: 600; color: var(--qtell-purple-900); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s192 { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 14px; align-items: start; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--qtell-border-soft); background: var(--qtell-white); margin-left: 36px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s193 { padding: clamp(56px,7vw,96px) 0; background: var(--qtell-white); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s194 { display: flex; flex-wrap: wrap; align-items: center; gap: 28px clamp(28px,4vw,56px); padding: clamp(28px,4vw,48px); border-radius: 28px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 30px 60px -48px var(--qtell-shadow-color); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s195 { flex: none; width: clamp(84px,9vw,120px); height: clamp(84px,9vw,120px); border-radius: 28px; background: var(--qtell-purple-100); color: var(--qtell-purple-700); display: grid; place-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s196 { width: 48px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s197 { height: 48px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s198 { flex: 1 1 420px; min-width: 0; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s199 { margin-top: 14px; font-size: clamp(28px,3.2vw,40px); line-height: 1.1; letter-spacing: -.03em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s200 { margin-top: 14px; max-width: 60ch; font-size: clamp(16px,1.4vw,18px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s201 { flex: none; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 16px; font-weight: 700; text-decoration: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s202 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-wrap: wrap; gap: 32px clamp(40px,6vw,96px); align-items: flex-start; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s203 { flex: 1 1 300px; min-width: 0; max-width: 420px; position: sticky; top: var(--qtell-sticky-offset); align-self: flex-start; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s204 { flex: 1.6 1 460px; min-width: 0; max-width: 760px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s205 { border-top: 1px solid var(--qtell-border-soft); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s206 { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; font-size: 19px; font-weight: 700; color: var(--qtell-purple-700); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s207 { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--qtell-background-soft); color: var(--qtell-purple-700); display: grid; place-items: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s208 { flex: none; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s209 { padding: 0 52px 24px 0; display: flex; flex-direction: column; gap: 10px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s210 { font-size: 16.5px; line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s211 { padding: clamp(52px,7vw,92px) 0; background: linear-gradient(135deg,var(--qtell-purple-100),var(--qtell-blend-light)); }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s212 { max-width: 900px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s213 { margin-top: 18px; font-size: clamp(32px,4vw,50px); line-height: 1.06; letter-spacing: -.035em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; max-width: 20ch; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s214 { margin-top: 20px; max-width: 56ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-s215 { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; margin-top: 28px; }
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-h1:hover { background: var(--qtell-purple-800); color: var(--qtell-white); }

/* The mockup's own animation / interaction / responsive rules */
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales h1,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales h2,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales h3,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales h4,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales p,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales ul,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales ol {margin:0}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales ul,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales ol {padding:0;list-style:none}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li {flex:0 0 calc((100% + 4 * 84px) / 5);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*70ms),box-shadow .3s}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs[data-ready]>li {transition:transform .25s ease,box-shadow .25s ease}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li+li {margin-left:-84px}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs:not([data-open])>li {transform:translateX(calc(var(--i) * -170px))}

@media (hover:hover) and (min-width:1100px){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:hover,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:focus-visible {z-index:30!important;transform:translateY(-12px);box-shadow:0 34px 60px -30px var(--qtell-shadow-color)}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:hover>h3,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:hover>p,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:focus-visible>h3,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li:focus-visible>p {margin-right:16px!important}
}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li[data-active] {z-index:20!important;transform:translateY(-12px);box-shadow:0 34px 60px -30px var(--qtell-shadow-color)}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li[data-active]>h3,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li[data-active]>p {margin-right:16px!important}

@media (max-width:1099px){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs {overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5vw,48px);margin-left:calc(-1*clamp(20px,5vw,48px));margin-right:calc(-1*clamp(20px,5vw,48px));padding-left:clamp(20px,5vw,48px)!important;padding-right:clamp(20px,5vw,48px)!important;scrollbar-width:none}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li {flex:0 0 270px;scroll-snap-align:start;margin-top:0!important;transform:none!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li+li {margin-left:16px}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li>h3,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li>p {margin-right:16px!important}
}

@media (prefers-reduced-motion:reduce){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs>li {transform:none!important}
}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-fqi {transition:transform .2s}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .stc .sl-sx {animation:none}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .stc.go .sl-sx {animation-name:var(--an);animation-duration:var(--du,.5s);animation-delay:var(--d,0s);animation-timing-function:cubic-bezier(.3,.7,.2,1);animation-fill-mode:both}

@media (prefers-reduced-motion:reduce){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .stc .sl-sx {animation:none!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .stc .sfc {display:none}
}

@media (min-width:1100px){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4>li {flex:0 0 calc((100% + 3 * 36px) / 4)!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4>li+li {margin-left:-36px!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4:not([data-open])>li {transform:translateX(calc(var(--i) * -120px))}
}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-aic .sl-sx {animation:none}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-aic.go .sl-sx {animation-name:var(--an);animation-duration:.5s;animation-delay:var(--d,0s);animation-timing-function:cubic-bezier(.3,.7,.2,1);animation-fill-mode:both}

@media (min-width:761px) and (max-width:1099px){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4 {padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4>li+li {margin-left:-28px!important}
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-ucs4>li {flex:0 0 calc((100% + 3 * 28px) / 4)!important;min-width:0}
}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-aic:not(.go) .sl-sx {animation:none}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sv,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sb,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sbv {animation-duration:11s;animation-iteration-count:infinite;animation-delay:calc(var(--i) * .5s + .2s);animation-fill-mode:backwards;animation-timing-function:ease}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sv {animation-name:sl-svin}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sb {animation-name:sl-sbar}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sbv {animation-name:sl-sbarv}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sdr {animation:sl-sdraw 11s ease infinite 1.5s backwards}

.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-svp {animation:sl-svpl 1.6s ease-out infinite}

@media (prefers-reduced-motion:reduce){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sv,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sb,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sbv,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-sdr,
.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-svp {animation:none!important}
}

@media (max-width:1000px){.qtell-pg-sales.qtell-pg-sales.qtell-pg-sales .sl-srev {flex-direction:row!important;justify-content:flex-start!important}
}

@keyframes sl-ppress{50%{transform:scale(.86)}}
@keyframes sl-spop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes sl-shl{from{background:transparent}to{background:var(--qtell-app-surface-alt)}}
@keyframes sl-svin{0%{opacity:0;transform:translateY(.8em)}6%,86%{opacity:1;transform:none}93%,100%{opacity:0;transform:none}}
@keyframes sl-sbar{0%{transform:scaleX(0)}8%,88%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}
@keyframes sl-sbarv{0%{transform:scaleY(0)}8%,88%{transform:scaleY(1)}96%,100%{transform:scaleY(0)}}
@keyframes sl-sdraw{0%{clip-path:inset(-10% 100% -10% 0)}18%,86%{clip-path:inset(-10% 0 -10% 0)}94%,100%{clip-path:inset(-10% 100% -10% 0)}}
@keyframes sl-svpl{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--qtell-app-alert) 45%, transparent)}100%{box-shadow:0 0 0 .6em color-mix(in srgb, var(--qtell-app-alert) 0%, transparent)}}