/* A quiet, continuous backdrop of illustrative purchases. */
.growth-scene{--pointer-x:0;--pointer-y:0;--horizon-a:43 177 97;--horizon-b:67 198 143;position:relative;isolation:isolate;display:grid;place-items:center;min-height:650px;overflow:hidden;background:#000;color:#f6f8f6}
.growth-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.growth-scene::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 42% 30% at 50% 50%,#000e 15%,#0008 58%,transparent 100%)}
.growth-scene .q-section-heading{position:relative;z-index:2;width:100%;margin:0!important;text-align:center;pointer-events:none}
.growth-scene .q-section-heading h2{color:#f6f8f6!important;margin:0 auto;font-size:clamp(35px,4vw,58px);font-family:Manrope,system-ui,sans-serif;font-weight:500;line-height:1.15;letter-spacing:-2.4px;text-shadow:0 2px 26px #000,0 1px 5px #000}
.growth-scene::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 65%,rgb(var(--horizon-a)/.15),transparent 70%)}
.growth-scene:not(.growth-running) .growth-backdrop *{animation-play-state:paused!important}
.purchase-columns{position:absolute;inset:-22% -9%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;transform:rotate(-4deg) translate(calc(var(--pointer-x)*12px),calc(var(--pointer-y)*8px));transition:transform 1s ease;opacity:.42}
.purchase-column{overflow:hidden;transform:translateY(calc(var(--column)*-42px))}
.purchase-track{animation:purchase-rise var(--scroll-duration,80s) linear infinite;animation-delay:calc(var(--column)*-13s)}
.purchase-column:nth-child(even) .purchase-track{animation-direction:reverse}
.growth-running .purchase-track{will-change:transform}
.purchase-group{display:grid;gap:28px;padding-bottom:28px}
.purchase-notification{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 17px;border:1px solid rgb(var(--horizon-b)/.18);border-radius:18px;background:linear-gradient(130deg,rgb(var(--horizon-a)/.15),rgb(var(--horizon-b)/.055));box-shadow:inset 0 1px 0 rgb(var(--horizon-b)/.07);font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif}
.q-money-actions{display:flex;justify-content:center;margin-top:30px}
.q-notification-cta.purchase-notification{pointer-events:auto;min-height:55px;padding:17px 34px;border-radius:5px;border-color:rgb(var(--horizon-b)/.3);color:#c8e9d4;font-family:inherit;font-size:14px;font-weight:600;line-height:normal;letter-spacing:normal;text-shadow:none}
.q-notification-cta.purchase-notification:hover{border-color:rgb(var(--horizon-b)/.55);filter:brightness(1.15)}
.q-purple-cta.purchase-notification{--horizon-a:123 92 196;--horizon-b:157 122 219;color:#e1d3f3}
.purchase-app-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid rgb(var(--horizon-b)/.25);border-radius:50%;background:rgb(var(--horizon-a)/.12);color:rgb(var(--horizon-b)/.85)}
.purchase-app-icon svg{width:16px;height:16px}
.purchase-content{min-width:0;flex:1}
.purchase-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;line-height:1.4;letter-spacing:-.2px}
.purchase-title strong{color:#b9d8c5;font-weight:500;white-space:nowrap}
.purchase-amount{color:rgb(var(--horizon-b));font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.purchase-detail{display:flex;justify-content:space-between;gap:10px;margin-top:5px;color:#82a18e;font-size:14px;line-height:1.4}
.purchase-detail>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-detail>span:last-child{flex:none;color:#5b816a;font-size:12px;align-self:center;white-space:nowrap}
@keyframes purchase-rise{to{transform:translateY(-50%)}}
.avara-site .quiet-revised>.q-money.growth-scene{isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:650px;padding-block:120px}
@media(max-width:1000px){.purchase-columns{inset:-22% -25%;grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-column:last-child{display:none}}
@media(max-width:700px){.growth-scene,.avara-site .quiet-revised>.q-money.growth-scene{min-height:520px}.avara-site .quiet-revised>.q-money.growth-scene{padding-block:100px}.growth-scene .q-section-heading h2{font-size:35px;letter-spacing:-1.6px}.purchase-columns{inset:-22% -44%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;opacity:.38}.purchase-column:nth-child(3){display:none}.purchase-group{gap:22px;padding-bottom:22px}.purchase-notification{padding:14px;gap:10px;border-radius:16px}.purchase-app-icon{width:27px;height:27px}.purchase-title{font-size:14px;gap:8px}.growth-scene::before{background:radial-gradient(ellipse 56% 30% at 50% 50%,#000e 15%,#0008 58%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.growth-backdrop *{animation:none!important;transition:none!important}.purchase-columns{transform:rotate(-4deg)}.growth-running .purchase-track{will-change:auto}}

/* Keep notification CTA dimensions aligned with the hero at each breakpoint. */
@media(max-width:800px){.q-notification-cta.purchase-notification{padding:17px 21px;font-size:12px}}
@media(max-width:600px){.q-notification-cta.purchase-notification{font-size:11px}}