Ultra Plan Cards

"use client";

import { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, RefObject } from "react";

/**
 * UltraPlanCards — three plans dealt in by the scroll, the featured one wearing the six values' spectrum.
 *
 * Glass cards rise in order as the section comes into view and hold. A real
 * billing switch slides between monthly and yearly and changes the prices
 * that depend on it. The featured card is ringed by a slowly turning
 * conic gradient of the six values' colours, with a soft halo of the same;
 * every card carries the kit's lamp, a light and a lit edge that follow the
 * pointer. On a phone the cards stack with the featured one first.
 *
* Part of the Ultra kit: an adaptive style whose grammar is the viewer. Every
 * Ultra asset reads six live values (contrast, warmth, light, density, motion,
 * focus) from one shared tuning and re-forms its tone, edges, density and

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