Fee Squeeze Pricing

"use client";

import { useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";

/**
 * FeeSqueezePricing — pricing as what you'd pay each month, in soft columns.
 *
 * Drag your monthly sales (a native slider whose thumb squashes while you
 * hold it) and every plan's fee redraws as a soft column that springs to
 * its height, stretching thin as it moves and squashing as it lands. The
 * cheapest plan turns bubblegum and a chip travels over to it.
 *
 * Part of the Tactile Maximalism kit: dough #f7f0e4, warm ink #17130f and
 * one loud accent, bubblegum #ff2d78, filled once per screen; grain fixed to
 * the material; soft shadows tinted by what casts them, never a hard offset.
 * Everything soft keeps its area as it squashes and settles inside 450ms.
 * Unbounded through var(--font-unbounded) for display over Geist. Respects

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}