/* ==========================================================================
   Meeting preparation — Ten seconds (page-owned)
   ==========================================================================
   The page closes on the reader's own situation: ten minutes from the client
   with nothing prepared, or two quiet days ahead. The section says both lead to
   the same gesture on the same contact card, and that the brief comes back in
   ten seconds.

   Three moves, in reading order: the claim centred, the contact card at the
   left, then the ten-second timestamp heading the two situations at the right.
   The duration is immediate and still: it is typeset, not counted down.

   Colour carries the argument, in the family's own semantics: the two
   situations are violet and blue (two readings of the same signal), and the
   spine resolves to mint, the produced value.

   Pure CSS. The phone, duration and situations each use the sitewide
   animate-on-scroll contract, including its desktop exit, mobile and reduced-
   motion behaviour; the halos around the product's own button are the one
   thing this section animates itself.

   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 duration
   → breakpoints.
   ========================================================================== */

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