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

.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s1 { position: relative; overflow: hidden; padding: clamp(60px,8.5vw,116px) 0 clamp(52px,7vw,92px); background: var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s2 { position: absolute; inset: 0; pointer-events: none; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s5 { position: relative; max-width: 1040px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s7 { width: 8px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s8 { height: 13px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s9 { fill: var(--qtell-teal-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s11 { margin-top: 26px; max-width: 62ch; font-size: clamp(18px,1.7vw,21px); line-height: 1.55; color: var(--qtell-purple-900); font-weight: 500; text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s13 { padding: clamp(52px,7vw,92px) 0; background: var(--qtell-background-soft); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s14 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s15 { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--qtell-accent-ink); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s16 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s17 { margin-top: 22px; max-width: 60ch; font-size: clamp(19px,1.8vw,22px); line-height: 1.5; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s18 { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 28px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s19 { padding: 8px 16px; border-radius: 999px; background: var(--qtell-white); border: 1px solid var(--qtell-border-soft); font-size: 14px; font-weight: 700; color: var(--qtell-accent-ink); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s20 { margin-top: 22px; max-width: 60ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s21 { margin-top: 14px; max-width: 60ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s22 { padding: clamp(52px,7vw,92px) 0; background: var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s23 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s24 { flex: 1 1 420px; min-width: 0; max-width: 580px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s25 { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--qtell-accent-ink); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s26 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s27 { margin-top: 22px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s28 { margin-top: 14px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s29 { flex: 1.1 1 440px; min-width: 0; max-width: 600px; container-type: inline-size; border-radius: 24px; background: linear-gradient(135deg,var(--qtell-blend-light),var(--qtell-purple-100)); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s30 { font-size: calc(100cqw / 50); line-height: 1.3; padding: 2.4em; display: flex; flex-direction: column; gap: 1em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s31 { display: flex; flex-direction: column; gap: 1em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s32 { --i: 0; align-self: flex-start; max-width: 34em; padding: 1em 1.3em; border-radius: 1.1em 1.1em 1.1em .3em; background: var(--qtell-white); color: var(--qtell-purple-900); border: 1px solid var(--qtell-app-border); font-size: 1.35em; font-weight: 600; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s33 { --i: 1; align-self: flex-end; max-width: 34em; padding: 1em 1.3em; border-radius: 1.1em 1.1em .3em 1.1em; background: var(--qtell-purple-700); color: var(--qtell-white); border: 1px solid var(--qtell-purple-700); font-size: 1.35em; font-weight: 600; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s34 { --i: 2; align-self: flex-start; max-width: 34em; padding: 1em 1.3em; border-radius: 1.1em 1.1em 1.1em .3em; background: var(--qtell-white); color: var(--qtell-purple-900); border: 1px solid var(--qtell-app-border); font-size: 1.35em; font-weight: 600; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s35 { --i: 3; display: flex; flex-wrap: wrap; gap: .5em; justify-content: center; margin-top: .4em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s36 { 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-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s37 { width: .6em; height: .6em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s38 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s39 { margin-top: 20px; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; max-width: 62ch; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s40 { margin-top: clamp(40px,5vw,64px); display: flex; align-items: stretch; padding: 12px 0 24px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s41 { --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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s42 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s43 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s44 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s45 { font-size: 11.5px; font-weight: 700; color: var(--qtell-purple-700); letter-spacing: .02em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s46 { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--qtell-accent-ink); text-align: right; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s47 { flex: 1; margin-top: 8px; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s48 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s49 { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--qtell-purple-900); white-space: nowrap; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s50 { width: 7px; height: 7px; border-radius: 50%; background: var(--qtell-teal-600); flex: none; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s51 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s52 { width: 9px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s53 { height: 9px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s54 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s55 { margin: 10px 16px 0; font-size: 15px; line-height: 1.55; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s56 { --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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s57 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s58 { flex: 1; margin-top: 12px; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s59 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s60 { align-self: center; width: 0; height: 12px; border-left: 1px dashed var(--qtell-purple-300); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s61 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s62 { width: 11px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s63 { height: 11px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s64 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s65 { --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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s66 { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s67 { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s68 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s69 { width: 1px; height: 9px; background: var(--qtell-purple-300); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s70 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s71 { width: 16px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s72 { height: 16px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s73 { stroke: var(--qtell-teal-400); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s74 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s75 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s76 { color: var(--qtell-teal-600); display: inline-flex; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s77 { width: 10px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s78 { height: 10px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s79 { --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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s80 { height: 100%; display: flex; flex-direction: column; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s81 { flex: 1; min-height: 0; margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s82 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s83 { color: var(--qtell-purple-600); font-weight: 600; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s84 { margin-left: auto; color: var(--qtell-accent-ink); font-weight: 700; text-align: right; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s85 { max-width: 900px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); text-align: center; display: flex; flex-direction: column; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s86 { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--qtell-accent-ink); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s87 { margin-top: 18px; font-size: clamp(30px,3.6vw,46px); line-height: 1.08; letter-spacing: -.035em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; max-width: 24ch; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s88 { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); margin-top: clamp(40px,5vw,64px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s89 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px clamp(40px,5vw,80px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s90 { min-width: 0; display: flex; flex-direction: column; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s91 { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s92 { margin-top: 14px; font-size: clamp(20px,2vw,25px); line-height: 1.3; letter-spacing: -.02em; font-weight: 700; color: var(--qtell-purple-700); text-wrap: balance; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s93 { margin-top: 22px; padding: clamp(14px,2vw,22px); border-radius: 20px; background: var(--qtell-background-soft); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s94 { width: 100%; height: auto; display: block; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s95 { stroke: #d8cfdc; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s96 { stroke: #e3a9b9; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s97 { fill: var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s98 { stroke: var(--qtell-app-border); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s99 { fill: var(--qtell-purple-900); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s100 { fill: #c98ea0; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s101 { fill: var(--qtell-purple-700); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s102 { stroke: #f1d3dc; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s103 { filter: drop-shadow(0 6px 10px color-mix(in srgb, var(--qtell-purple-700) 14%, transparent)); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s104 { fill: var(--qtell-app-alert-tint); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s105 { stroke: var(--qtell-app-alert); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s106 { margin-top: 20px; display: flex; flex-direction: column; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s107 { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 12px; padding: 12px 0; font-size: 15.5px; line-height: 1.55; color: var(--qtell-purple-900); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s108 { margin-top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--qtell-app-alert-tint); color: var(--qtell-app-alert); display: grid; place-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s109 { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--qtell-border-soft); font-size: 15.5px; line-height: 1.55; color: var(--qtell-purple-900); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s110 { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: var(--qtell-purple-700); color: var(--qtell-teal-400); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s111 { stroke: var(--qtell-teal-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s112 { stroke: #5fd3c4; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s113 { filter: drop-shadow(0 14px 22px color-mix(in srgb, var(--qtell-teal-600) 18%, transparent)); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s114 { fill: var(--qtell-purple-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s115 { fill: var(--qtell-app-text-muted); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s116 { fill: #f3fbfa; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s117 { margin-top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--qtell-teal-600); color: var(--qtell-white); display: grid; place-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s118 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s119 { --i: 0; text-align: center; font-size: 1.25em; font-weight: 800; color: var(--qtell-purple-700); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s120 { display: flex; flex-direction: column; gap: .7em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s121 { --i: 1; display: grid; grid-template-columns: 8.5em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s122 { font-size: 1em; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--qtell-purple-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s123 { display: flex; align-items: center; gap: .8em; padding: .9em 1.2em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); color: var(--qtell-purple-900); font-size: 1.3em; font-weight: 700; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); margin-left: 0em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s124 { width: .7em; height: .7em; border-radius: 50%; background: var(--qtell-teal-600); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s125 { --i: 2; display: grid; grid-template-columns: 8.5em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s126 { display: flex; align-items: center; gap: .8em; padding: .9em 1.2em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); color: var(--qtell-purple-900); font-size: 1.3em; font-weight: 700; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); margin-left: 1.2em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s127 { --i: 3; display: grid; grid-template-columns: 8.5em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s128 { font-size: 1em; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--qtell-purple-600); visibility: hidden; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s129 { display: flex; align-items: center; gap: .8em; padding: .9em 1.2em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); color: var(--qtell-purple-900); font-size: 1.3em; font-weight: 700; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); margin-left: 2.4em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s130 { --i: 4; display: grid; grid-template-columns: 8.5em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s131 { display: flex; align-items: center; gap: .8em; padding: .9em 1.2em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); color: var(--qtell-purple-900); font-size: 1.3em; font-weight: 700; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); margin-left: 3.5999999999999996em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s132 { --i: 5; display: grid; grid-template-columns: 8.5em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s133 { display: flex; align-items: center; gap: .8em; padding: .9em 1.2em; border-radius: .9em; background: var(--qtell-purple-700); border: 1px solid var(--qtell-purple-700); color: var(--qtell-white); font-size: 1.3em; font-weight: 700; box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); margin-left: 4.8em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s134 { --i: 0; text-align: center; font-size: 1.2em; font-weight: 800; color: var(--qtell-purple-700); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s135 { position: relative; display: flex; flex-direction: column; gap: .8em; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s136 { position: absolute; left: 1.2em; top: 1.2em; bottom: 1.2em; width: 2px; background: #d8cfdc; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s137 { --i: 1; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s138 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s139 { padding: .8em 1.2em; border-radius: .9em; background: var(--qtell-white); border: 1px solid var(--qtell-app-border); font-size: 1.3em; font-weight: 700; color: var(--qtell-purple-900); box-shadow: 0 1em 2em -1.6em color-mix(in srgb, var(--qtell-purple-700) 50%, transparent); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s140 { --i: 2; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s141 { --i: 3; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s142 { --i: 4; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s143 { --i: 5; position: relative; display: grid; grid-template-columns: 2.4em minmax(0,1fr); gap: 1em; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s144 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s145 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s146 { margin-top: 14px; max-width: 60ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s147 { max-width: 1120px; margin: 0 auto; padding: 0 clamp(20px,5vw,48px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s148 { margin-bottom: clamp(32px,4vw,48px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s149 { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px clamp(24px,4vw,56px); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s150 { position: absolute; top: 19px; left: 0; right: 0; height: 3px; border-radius: 3px; background: linear-gradient(90deg,var(--qtell-purple-200),var(--qtell-teal-600)); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s151 { position: relative; display: flex; flex-direction: column; gap: 20px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s152 { height: 40px; display: flex; align-items: center; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s153 { display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--qtell-purple-200); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s154 { font-size: clamp(17px,1.5vw,19px); line-height: 1.5; font-weight: 600; color: var(--qtell-purple-700); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s155 { display: block; width: 26px; height: 26px; border-radius: 50%; background: var(--qtell-purple-400); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s156 { display: block; width: 38px; height: 38px; border-radius: 50%; background: var(--qtell-purple-700); box-shadow: 0 0 0 6px var(--qtell-white); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s157 { display: flex; justify-content: flex-start; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s158 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s159 { flex: 1 1 300px; min-width: 0; max-width: 420px; position: sticky; top: var(--qtell-sticky-offset); align-self: flex-start; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s160 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s161 { flex: 1.6 1 460px; min-width: 0; max-width: 760px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s162 { border-top: 1px solid var(--qtell-border-soft); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s163 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s164 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s165 { flex: none; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s166 { padding: 0 52px 24px 0; display: flex; flex-direction: column; gap: 10px; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s167 { font-size: 16.5px; line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s168 { padding: clamp(52px,7vw,92px) 0; background: linear-gradient(135deg,var(--qtell-purple-100),var(--qtell-blend-light)); }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s169 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s170 { margin-top: 20px; max-width: 60ch; font-size: clamp(17px,1.5vw,19px); line-height: 1.6; color: var(--qtell-purple-600); text-wrap: pretty; }
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-s171 { 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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-h1:hover { background: var(--qtell-purple-800); color: var(--qtell-white); }

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

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

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

.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-ucs>li+li {margin-left:-84px}

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

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

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

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

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

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

.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-fqi {transition:transform .2s}

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

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

.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-sv,
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .sb,
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .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-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-sv {animation-name:hs-svin}

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

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

@media (max-width:760px){.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-hg3 {grid-template-columns:minmax(0,1fr)!important}
.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-hgl {display:none}
}

@media (max-width:860px){.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-oug {grid-template-columns:minmax(0,1fr)!important}
}

.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-ouf {animation:hs-ouflow 1s linear infinite}

@media (prefers-reduced-motion:reduce){.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-ouf {animation:none}
}

@media (max-width:980px){.qtell-pg-hubspot.qtell-pg-hubspot.qtell-pg-hubspot .hs-fqsk {position:relative!important;top:auto!important}
}

@keyframes hs-svin{0%{opacity:0;transform:translateY(.8em)}6%,86%{opacity:1;transform:none}93%,100%{opacity:0;transform:none}}
@keyframes hs-ouflow{to{stroke-dashoffset:-11}}