"use client";

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

/**
 * QuietZoneHero — a first screen of folded silk that parts around every line you read and holds its contrast under it.
 *
 * Broad satin folds run across the hero in WebGL2, lit by one soft key.
 * Every block marked data-u-quiet (headline, sub line, actions, proof) is
 * a quiet zone: the silk bends away from it, calms in its lee, and its
 * lightness is capped under the text to the ink's APCA floor (Lc 75 to 95
 * by contrast), so copy reads with no scrim at any light. Pointing at a
 * block swells its zone on a critically damped spring. On a paper ground
 * the silk turns to pigment on paper (indigo when cool, ochre when warm)
 * with a tide line pooled around each reserve. The page's one filled
 * accent goes to the goal button. Draws on demand, sleeps off screen,
 * survives context loss; without WebGL2 it shows a CSS sheen.

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