/* Qtell page "investors". Generated by docs/website/convert-page.py from the page mockup;
   do not edit by hand. Markup: framework/investors/. */
/* 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-inv {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  --inv-cta-b: #3f5472;
  --inv-cta-c: #2f7280;
}
.qtell-inv.qtell-inv.qtell-inv {
  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-inv.qtell-inv.qtell-inv :where(*, *::before, *::after) { box-sizing: border-box; }
.qtell-inv.qtell-inv.qtell-inv :where(h1, h2, h3, h4, p, ul, ol) { margin: 0; }
.qtell-inv.qtell-inv.qtell-inv :where(ul, ol) { padding: 0; list-style: none; }
.qtell-inv.qtell-inv.qtell-inv :where(li) { margin: 0; padding-left: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.qtell-inv.qtell-inv.qtell-inv li::before, .qtell-inv.qtell-inv.qtell-inv li::after { content: none; display: none; }
.qtell-inv.qtell-inv.qtell-inv :where(h1, h2, h3, h4) { font-family: inherit; font-weight: 700; line-height: normal; letter-spacing: inherit; text-transform: none; color: inherit; }
.qtell-inv.qtell-inv.qtell-inv :where(h1) { font-size: 2em; }
.qtell-inv.qtell-inv.qtell-inv :where(h2) { font-size: 1.5em; }
.qtell-inv.qtell-inv.qtell-inv :where(h3) { font-size: 1.17em; }
.qtell-inv.qtell-inv.qtell-inv :where(h4) { font-size: 1em; }
.qtell-inv.qtell-inv.qtell-inv span { font-weight: inherit; }
.qtell-inv.qtell-inv.qtell-inv :where(svg) { max-width: none; }
/* the theme forces max-width: 100% on images; the mockup has none */
.qtell-inv.qtell-inv.qtell-inv :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-inv.qtell-inv.qtell-inv button { all: revert; background-color: buttonface !important; }
.qtell-inv.qtell-inv.qtell-inv summary { list-style: none; }
.qtell-inv.qtell-inv.qtell-inv summary::-webkit-details-marker { display: none; }
.qtell-inv.qtell-inv.qtell-inv details[open] summary svg { transform: rotate(45deg); }
.qtell-inv.qtell-inv.qtell-inv :where(a) { color: var(--qtell-purple-700); }
.qtell-inv.qtell-inv.qtell-inv :where(a:hover) { color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv :where(:focus-visible) { outline: 3px solid var(--qtell-teal-700); outline-offset: 3px; }

.qtell-inv.qtell-inv.qtell-inv .inv-s1 { position: relative; overflow: hidden; padding: clamp(72px,10vw,140px) 0 clamp(56px,7.5vw,100px); background: var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s2 { position: absolute; inset: 0; pointer-events: none; }
.qtell-inv.qtell-inv.qtell-inv .inv-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-inv.qtell-inv.qtell-inv .inv-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-inv.qtell-inv.qtell-inv .inv-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-inv.qtell-inv.qtell-inv .inv-s6 { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 22px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv .inv-s7 { width: 8px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s8 { height: 13px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s9 { fill: var(--qtell-teal-600); }
.qtell-inv.qtell-inv.qtell-inv .inv-s10 { max-width: 16ch; font-size: clamp(40px,6vw,80px); line-height: 1.02; letter-spacing: -.045em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-inv.qtell-inv.qtell-inv .inv-s11 { margin-top: 28px; max-width: 52ch; font-size: clamp(19px,1.8vw,23px); line-height: 1.5; color: var(--qtell-purple-900); font-weight: 500; text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s12 { margin-top: 14px; max-width: 56ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s13 { 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: 36px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s14 { padding: clamp(56px,7.5vw,100px) 0; background: var(--qtell-background-soft); }
.qtell-inv.qtell-inv.qtell-inv .inv-s15 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr)); gap: 40px clamp(40px,6vw,96px); align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s16 { 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-inv.qtell-inv.qtell-inv .inv-s17 { 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-inv.qtell-inv.qtell-inv .inv-s18 { margin-top: 6px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s19 { margin-top: 28px; padding-top: 24px; border-top: 3px solid var(--qtell-teal-600); font-size: clamp(20px,2vw,26px); line-height: 1.42; letter-spacing: -.015em; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s20 { padding: clamp(56px,7.5vw,100px) 0; background: var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s21 { max-width: 1120px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s22 { margin-top: 18px; max-width: 22ch; 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-inv.qtell-inv.qtell-inv .inv-s23 { margin-top: clamp(32px,4vw,48px); padding: 18px 28px; border-radius: 22px 22px 22px 6px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: clamp(20px,2.2vw,28px); line-height: 1.3; letter-spacing: -.015em; font-weight: 700; box-shadow: 0 30px 50px -36px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s24 { width: 100%; display: flex; flex-direction: column; align-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s25 { width: 2px; height: 22px; background: var(--qtell-purple-200); }
.qtell-inv.qtell-inv.qtell-inv .inv-s26 { position: relative; width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; height: 24px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s27 { position: absolute; top: 0; left: calc((100% - 42px) / 8); right: calc((100% - 42px) / 8); height: 2px; background: var(--qtell-purple-200); }
.qtell-inv.qtell-inv.qtell-inv .inv-s28 { justify-self: center; width: 2px; background: linear-gradient(var(--qtell-purple-200),var(--qtell-teal-600)); }
.qtell-inv.qtell-inv.qtell-inv .inv-s29 { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s30 { --i: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 18px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 24px 40px -34px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s31 { font-size: 13px; font-weight: 800; letter-spacing: .16em; color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv .inv-s32 { font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-inv.qtell-inv.qtell-inv .inv-s33 { --i: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 18px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 24px 40px -34px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s34 { --i: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 18px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 24px 40px -34px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s35 { --i: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 18px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 24px 40px -34px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s36 { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; height: 44px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s37 { width: 100%; padding: clamp(22px,3vw,32px) clamp(22px,4vw,40px); border-radius: 24px; background: var(--qtell-purple-700); box-shadow: 0 30px 60px -40px var(--qtell-shadow-color); display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: left; }
.qtell-inv.qtell-inv.qtell-inv .inv-s38 { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px 22px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s39 { --i: 0; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s40 { margin-top: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-purple-900); display: grid; place-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s41 { width: 13px; height: 13px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s42 { font-size: 16px; line-height: 1.45; font-weight: 600; color: var(--qtell-white); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s43 { --i: 1; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s44 { --i: 2; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s45 { --i: 3; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s46 { height: 44px; width: 2px; background: linear-gradient(var(--qtell-teal-600),var(--qtell-teal-600)); }
.qtell-inv.qtell-inv.qtell-inv .inv-s47 { width: 100%; max-width: 820px; padding: clamp(24px,3vw,34px) clamp(24px,4vw,40px); border-radius: 24px; background: var(--qtell-white); border: 2px solid var(--qtell-teal-600); box-shadow: 0 30px 60px -40px var(--qtell-shadow-color); text-align: left; }
.qtell-inv.qtell-inv.qtell-inv .inv-s48 { margin-top: 12px; font-size: clamp(19px,1.9vw,24px); line-height: 1.45; letter-spacing: -.01em; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s49 { margin-top: clamp(28px,3.5vw,40px); max-width: 60ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s50 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s51 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr)); gap: 24px clamp(40px,6vw,96px); align-items: end; }
.qtell-inv.qtell-inv.qtell-inv .inv-s52 { font-size: clamp(19px,1.8vw,23px); line-height: 1.45; letter-spacing: -.01em; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s53 { margin-top: clamp(40px,5vw,64px); display: flex; align-items: stretch; padding: 12px 0 24px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s54 { --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-inv.qtell-inv.qtell-inv .inv-s55 { position: relative; height: 220px; border-radius: 18px; overflow: hidden; background: linear-gradient(160deg,var(--qtell-blend-light) 0%,var(--qtell-purple-100) 100%); padding: 16px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s56 { border-radius: 12px; background: color-mix(in srgb, var(--qtell-white) 55%, transparent); border: 1px solid var(--qtell-border-soft); padding: 11px; height: 100%; }
.qtell-inv.qtell-inv.qtell-inv .inv-s57 { font-size: 11px; font-weight: 700; color: var(--qtell-purple-700); letter-spacing: .02em; }
.qtell-inv.qtell-inv.qtell-inv .inv-s58 { margin-top: 8px; display: grid; grid-template-columns: auto auto auto; justify-content: start; align-items: center; gap: 4px 3px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s59 { display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 7px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); color: var(--qtell-purple-900); font-size: 9.5px; font-weight: 600; line-height: 1.3; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s60 { font-size: 9px; font-weight: 700; color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv .inv-s61 { display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 7px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 9.5px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s62 { margin-top: 8px; display: flex; flex-direction: column; gap: 3px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s63 { display: flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 700; color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv .inv-s64 { width: 9px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s65 { height: 9px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s66 { flex: none; }
.qtell-inv.qtell-inv.qtell-inv .inv-s67 { 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-inv.qtell-inv.qtell-inv .inv-s68 { margin: 10px 16px 0; font-size: 15px; line-height: 1.55; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s69 { --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-inv.qtell-inv.qtell-inv .inv-s70 { margin-top: 7px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s71 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; 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; line-height: 1.3; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); max-width: calc(100% - 30px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s72 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 8px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 10px; font-weight: 700; line-height: 1.3; max-width: calc(100% - 30px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s73 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 8px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: 10px; font-weight: 700; line-height: 1.3; max-width: calc(100% - 30px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s74 { --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-inv.qtell-inv.qtell-inv .inv-s75 { margin-top: 8px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s76 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; 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; line-height: 1.3; box-shadow: 0 4px 10px -6px var(--qtell-shadow-color); white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s77 { width: 6px; height: 6px; border-radius: 50%; background: var(--qtell-teal-600); flex: none; }
.qtell-inv.qtell-inv.qtell-inv .inv-s78 { padding-left: 12px; font-size: 11px; line-height: 1; font-weight: 800; color: var(--qtell-accent-ink); }
.qtell-inv.qtell-inv.qtell-inv .inv-s79 { margin-top: 8px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s80 { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: 8px; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); font-size: 10px; font-weight: 700; line-height: 1.3; max-width: calc(100% - 30px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s81 { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 8px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 10px; font-weight: 700; line-height: 1.3; }
.qtell-inv.qtell-inv.qtell-inv .inv-s82 { --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-inv.qtell-inv.qtell-inv .inv-s83 { margin-top: 5px; display: flex; flex-direction: column; gap: 2px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s84 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 2px 6px; border-radius: 6px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); line-height: 1.25; }
.qtell-inv.qtell-inv.qtell-inv .inv-s85 { font-size: 9px; font-weight: 700; color: var(--qtell-purple-600); white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s86 { font-size: 9px; font-weight: 700; color: var(--qtell-accent-ink); text-align: right; min-width: 0; }
.qtell-inv.qtell-inv.qtell-inv .inv-s87 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 2px 6px; border-radius: 6px; background: var(--qtell-purple-700); border: 1px solid var(--qtell-purple-700); line-height: 1.25; }
.qtell-inv.qtell-inv.qtell-inv .inv-s88 { font-size: 9px; font-weight: 700; color: var(--qtell-teal-400); white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s89 { font-size: 9px; font-weight: 700; color: var(--qtell-white); text-align: right; min-width: 0; }
.qtell-inv.qtell-inv.qtell-inv .inv-s90 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 2px 6px; border-radius: 6px; background: var(--qtell-teal-600); border: 1px solid var(--qtell-teal-600); line-height: 1.25; }
.qtell-inv.qtell-inv.qtell-inv .inv-s91 { font-size: 9px; font-weight: 700; color: var(--qtell-white); white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s92 { padding-left: 6px; font-size: 8.5px; line-height: 1; font-weight: 700; color: var(--qtell-purple-600); }
.qtell-inv.qtell-inv.qtell-inv .inv-s93 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 2px 6px; border-radius: 6px; background: var(--qtell-white); border: 1px dashed var(--qtell-teal-600); line-height: 1.25; }
.qtell-inv.qtell-inv.qtell-inv .inv-s94 { max-width: 26ch; font-size: clamp(30px,3.6vw,46px); line-height: 1.1; letter-spacing: -.03em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-inv.qtell-inv.qtell-inv .inv-s95 { position: relative; margin-top: clamp(44px,5.5vw,72px); width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px clamp(24px,4vw,56px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s96 { position: absolute; top: 19px; left: calc((100% - 2 * clamp(24px,4vw,56px)) / 6); right: calc((100% - 2 * clamp(24px,4vw,56px)) / 6); height: 3px; border-radius: 3px; background: linear-gradient(90deg,var(--qtell-purple-200),var(--qtell-teal-600)); }
.qtell-inv.qtell-inv.qtell-inv .inv-s97 { position: relative; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s98 { height: 40px; display: grid; place-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s99 { display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--qtell-purple-200); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s100 { max-width: 28ch; font-size: clamp(17px,1.6vw,20px); line-height: 1.5; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s101 { display: block; width: 26px; height: 26px; border-radius: 50%; background: var(--qtell-purple-400); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s102 { display: block; width: 38px; height: 38px; border-radius: 50%; background: var(--qtell-purple-700); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s103 { max-width: 28ch; font-size: clamp(17px,1.6vw,20px); line-height: 1.5; font-weight: 700; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s104 { max-width: 900px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s105 { margin-top: clamp(32px,4vw,52px); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr)); gap: 24px clamp(40px,6vw,96px); }
.qtell-inv.qtell-inv.qtell-inv .inv-s106 { font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s107 { padding-top: 20px; border-top: 3px solid var(--qtell-teal-600); font-size: clamp(19px,1.8vw,23px); line-height: 1.45; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s108 { margin-top: clamp(40px,5vw,64px); padding: clamp(26px,3.4vw,44px); border-radius: 24px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 30px 60px -44px var(--qtell-shadow-color); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr)); gap: 20px clamp(40px,6vw,96px); align-items: start; }
.qtell-inv.qtell-inv.qtell-inv .inv-s109 { font-size: clamp(24px,2.6vw,34px); line-height: 1.12; letter-spacing: -.025em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-inv.qtell-inv.qtell-inv .inv-s110 { margin-top: 14px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s111 { padding: clamp(56px,7.5vw,100px) 0; background: linear-gradient(135deg,var(--qtell-purple-100),var(--qtell-blend-light)); }
.qtell-inv.qtell-inv.qtell-inv .inv-s112 { max-width: 820px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s113 { margin-top: 20px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; max-width: 60ch; }
.qtell-inv.qtell-inv.qtell-inv .inv-s114 { margin: clamp(36px,4.5vw,56px) auto 0; max-width: 1000px; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr)); gap: 20px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s115 { display: flex; flex-direction: column; padding: clamp(28px,3vw,40px); border-radius: 24px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); box-shadow: 0 30px 50px -40px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s116 { width: 44px; height: 44px; border-radius: 12px; background: var(--qtell-purple-100); color: var(--qtell-purple-700); display: grid; place-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s117 { width: 21px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s118 { height: 21px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s119 { margin-top: 22px; font-size: clamp(22px,2vw,26px); line-height: 1.2; letter-spacing: -.02em; font-weight: 700; color: var(--qtell-purple-700); }
.qtell-inv.qtell-inv.qtell-inv .inv-s120 { margin-top: 10px; font-size: 16.5px; line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s121 { margin-top: auto; padding-top: 26px; }
.qtell-inv.qtell-inv.qtell-inv .inv-s122 { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: 999px; background: var(--qtell-purple-700); color: var(--qtell-white); font-size: 15.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-s123 { display: flex; flex-direction: column; padding: clamp(28px,3vw,40px); border-radius: 24px; background: var(--qtell-purple-700); border: 1px solid var(--qtell-purple-700); box-shadow: 0 30px 50px -40px var(--qtell-shadow-color); }
.qtell-inv.qtell-inv.qtell-inv .inv-s124 { width: 44px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--qtell-white) 12%, transparent); color: var(--qtell-teal-400); display: grid; place-items: center; }
.qtell-inv.qtell-inv.qtell-inv .inv-s125 { margin-top: 22px; font-size: clamp(22px,2vw,26px); line-height: 1.2; letter-spacing: -.02em; font-weight: 700; color: var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-s126 { margin-top: 10px; font-size: 16.5px; line-height: 1.6; color: var(--qtell-purple-100); text-wrap: pretty; }
.qtell-inv.qtell-inv.qtell-inv .inv-s127 { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: 999px; background: var(--qtell-teal-600); color: var(--qtell-purple-900); font-size: 15.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.qtell-inv.qtell-inv.qtell-inv .inv-h1:hover { background: var(--qtell-purple-800); color: var(--qtell-white); }
.qtell-inv.qtell-inv.qtell-inv .inv-h2:hover { filter: brightness(1.08); }

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

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

.qtell-inv.qtell-inv.qtell-inv .inv-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-inv.qtell-inv.qtell-inv .inv-ucs[data-ready]>li {transition:transform .25s ease,box-shadow .25s ease}

.qtell-inv.qtell-inv.qtell-inv .inv-ucs>li+li {margin-left:-84px}

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

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

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

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

@media (max-width:1099px){.qtell-inv.qtell-inv.qtell-inv .inv-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-inv.qtell-inv.qtell-inv .inv-ucs>li {flex:0 0 270px;scroll-snap-align:start;margin-top:0!important;transform:none!important}
.qtell-inv.qtell-inv.qtell-inv .inv-ucs>li+li {margin-left:16px}
.qtell-inv.qtell-inv.qtell-inv .inv-ucs>li>h3,
.qtell-inv.qtell-inv.qtell-inv .inv-ucs>li>p {margin-right:16px!important}
}

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

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

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

.qtell-inv.qtell-inv.qtell-inv .inv-ipx:not(.go) :is(.inv-ipc,.inv-ipl,.inv-ipk,.inv-ipq,.inv-ipt,.inv-ipa) {opacity:0;transform:translateY(14px)}

.qtell-inv.qtell-inv.qtell-inv :is(.inv-ipc,.inv-ipl,.inv-ipk,.inv-ipq,.inv-ipt,.inv-ipa) {transition:opacity .55s ease,transform .55s ease}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipl {transition-delay:0s}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipk1 {transition-delay:.45s}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipc {transition-delay:calc(.6s + var(--i) * .15s)}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipk2 {transition-delay:1.35s}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipq {transition-delay:1.55s}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipt {transition-delay:calc(1.8s + var(--i) * .3s)}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipk3 {transition-delay:3.1s}

.qtell-inv.qtell-inv.qtell-inv .inv-ipx.go .inv-ipa {transition-delay:3.3s}

@media (max-width:900px){.qtell-inv.qtell-inv.qtell-inv .inv-ipo {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:520px){.qtell-inv.qtell-inv.qtell-inv .inv-ipo {grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:760px){.qtell-inv.qtell-inv.qtell-inv .inv-ips {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qtell-inv.qtell-inv.qtell-inv .inv-ipk1,
.qtell-inv.qtell-inv.qtell-inv .inv-ipk2 {display:none!important}
.qtell-inv.qtell-inv.qtell-inv .inv-ips {margin-top:20px}
.qtell-inv.qtell-inv.qtell-inv .inv-ipq {margin-top:20px}
}

@media (prefers-reduced-motion:reduce){.qtell-inv.qtell-inv.qtell-inv :is(.inv-ipc,.inv-ipl,.inv-ipk,.inv-ipq,.inv-ipt,.inv-ipa) {opacity:1!important;transform:none!important;transition:none!important}
}

@media (max-width:760px){.qtell-inv.qtell-inv.qtell-inv .inv-whs {grid-template-columns:minmax(0,1fr)!important}
.qtell-inv.qtell-inv.qtell-inv .inv-whl {display:none}
}

.inv-modal { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 10, 40, .6); }
.inv-modal[data-open] { display: flex; }
.inv-modal-card { position: relative; width: min(560px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: 40px 32px 32px; border-radius: 16px; background: #fff; box-shadow: 0 24px 80px rgba(0, 0, 0, .35); }
.qtell-inv.qtell-inv.qtell-inv .inv-modal-close { position: absolute; top: 10px; right: 14px; width: 36px; height: 36px; min-height: 0; padding: 0; border: 0 !important; border-radius: 50%; background: transparent !important; box-shadow: none; color: #333; font-size: 28px; line-height: 1; cursor: pointer; }
.qtell-inv.qtell-inv.qtell-inv .inv-modal-close:hover { background: #f1eef6 !important; }
html.inv-modal-open { overflow: hidden; }
/* These forms render in a HubSpot-hosted iframe, so the "Create your own free forms" badge at the bottom cannot be styled away; the
   bottom of the frame is clipped by the badge's height instead (51px tall, plus a separator line on phones). */
.qtell-inv.qtell-inv.qtell-inv #qtell-inv-hs-form .hs-form-frame { margin-bottom: -53px; }
.qtell-inv.qtell-inv.qtell-inv #qtell-inv-hs-form iframe { clip-path: inset(0 0 53px 0); }