/* ==========================================================================
   CRM — The voice note (page-owned)
   ==========================================================================
   The page closes where no keyboard is: a rep walking back to the car with a
   meeting in their head. The claim is centred, the app stands at the left, and
   the right-hand column runs the argument as a RECORDING — a waveform closed by
   the app's own timer, then the three stations it becomes.

   Colour carries the argument in the family's semantics: the spoken word is
   violet (signal), the written record blue, and the CRM row mint (the value
   produced). The spine warms through the three on its way down.

   Pure CSS. The stage rides the sitewide animate-on-scroll contract, including
   its mobile and reduced-motion behaviour; the wave and the stations play one
   arrival each off the same `.is-visible`.

   The composition it sits in — the render on its stage, the column beside it
   and both of their breakpoints — is the family's shared device stage
   (Features/shared/DeviceStage.css, linked by the page shell). This folder owns
   what only this section says.

   Entry point only — the sheets below are ordered frame → device and recording
   → breakpoints.
   ========================================================================== */

@import url('./styles/base.css');
@import url('./styles/device.css');
@import url('./styles/responsive.css');