.spending-scroll{--sscroll-text:var(--color-ink-foreground);--sscroll-text-dim:color-mix(in oklab, var(--color-ink-foreground) 45%, transparent);background:var(--color-ink);min-height:108dvh;color:var(--sscroll-text);font-family:var(--font-sans);position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spending-scroll__scene{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 4rem);min-height:32rem;display:grid;position:sticky;top:4rem;overflow:hidden}.spending-scroll__header{z-index:1;pointer-events:none;padding:clamp(1rem,3vh,1.5rem) clamp(1.25rem,6vw,3rem) .5rem}.spending-scroll__heading{font-family:var(--font-display);letter-spacing:-.015em;max-width:22ch;margin:0;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:600;line-height:1.02}.spending-scroll__list-window{min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.spending-scroll__list{will-change:transform;margin:0;padding:0;list-style:none;position:absolute;inset:0 0 auto}.spending-scroll__list li{justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.5rem);height:clamp(4.5rem,12dvh,6rem);padding-inline:.75rem;transition:opacity .15s;display:flex}.spending-scroll__pair-item{flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;display:flex}.spending-scroll__logo{object-fit:contain;flex-shrink:0;width:clamp(2.25rem,10vw,3.5rem);height:clamp(2.25rem,10vw,3.5rem)}.spending-scroll__logo--badge{background:color-mix(in oklab, var(--color-ink-foreground) 12%, transparent);color:var(--sscroll-text);font-family:var(--font-sans);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(.9rem,4vw,1.25rem);font-weight:600;display:inline-flex}.spending-scroll__cost{color:var(--sscroll-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(.85rem,3vw,1.25rem);font-weight:500;line-height:1.1}.spending-scroll__reveal{text-align:center;padding:.65rem clamp(1.25rem, 6vw, 3rem) max(1rem, env(safe-area-inset-bottom));z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.spending-scroll__reveal-eyebrow{color:var(--sscroll-text-dim);max-width:36ch;margin:0;font-size:.85rem}.spending-scroll__reveal-heading{font-family:var(--font-display);max-width:34ch;margin:0;font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:600;line-height:1.1}.spending-scroll__cta{background:var(--sscroll-text);max-width:100%;color:var(--color-ink);border-radius:999px;margin-top:.25rem;padding:.6em 1.25em;font-size:clamp(.9rem,3.8vw,1rem);font-weight:600;line-height:1.25;text-decoration:none;display:inline-block}.spending-scroll__cta:focus-visible{outline:2px solid var(--sscroll-text);outline-offset:4px}@media (prefers-reduced-motion:reduce){.spending-scroll{min-height:auto}.spending-scroll__scene{height:auto;position:relative;top:auto}.spending-scroll__list-window{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.spending-scroll__list{position:static;transform:none!important}.spending-scroll__list li{opacity:1!important}}@media (width>=768px){.spending-scroll{min-height:118dvh}.spending-scroll__scene{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);max-width:90rem;margin-inline:auto}.spending-scroll__header{align-self:center;padding-inline:clamp(2rem,7vw,6rem)}.spending-scroll__list-window{grid-area:1/2}.spending-scroll__reveal{grid-column:1/-1}.spending-scroll__list li{gap:clamp(2rem,6vw,4rem);height:clamp(6rem,12dvh,9rem)}.spending-scroll__logo{width:clamp(3rem,8vw,4.5rem);height:clamp(3rem,8vw,4.5rem)}.spending-scroll__cost{font-size:clamp(1.25rem,3.5vw,1.75rem)}.spending-scroll__reveal{padding-bottom:1.5rem}}.mechanism-logo-flow{animation:3.6s ease-in-out infinite mechanism-logo-flow}.mechanism-logo-flow:nth-child(2){animation-delay:.45s}.mechanism-logo-flow:nth-child(3){animation-delay:.9s}.mechanism-logo-flow:nth-child(4){animation-delay:1.35s}.mechanism-radar-sweep{transform-origin:50% 100%;animation:5s linear infinite mechanism-radar-spin}.mechanism-radar-blip{animation:3s ease-in-out infinite mechanism-radar-pulse}.mechanism-radar-blip:nth-child(2){animation-delay:.7s}.mechanism-radar-blip:nth-child(3){animation-delay:1.4s}.mechanism-radar-blip:nth-child(4){animation-delay:2.1s}@keyframes mechanism-logo-flow{0%,18%{opacity:.38;transform:translate(-.4rem)scale(.94)}48%,72%{opacity:1;transform:translate(.4rem)scale(1)}to{opacity:.38;transform:translate(-.4rem)scale(.94)}}@keyframes mechanism-radar-spin{to{transform:rotate(360deg)}}@keyframes mechanism-radar-pulse{0%,25%,to{opacity:.44;transform:scale(.9)}42%,62%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.mechanism-logo-flow,.mechanism-radar-sweep,.mechanism-radar-blip{animation:none}}
