/* ==========================================================================
   HOW MAGI WORKS — Entry Point
   All CSS is split into dedicated files under how-magi-works/
   ========================================================================== */

/* ── Design tokens ───────────────────────────────────────────────────────── */
@import 'how-magi-works/variables.css';

/* ── Page structure ──────────────────────────────────────────────────────── */
@import 'how-magi-works/layout.css';
@import 'how-magi-works/sidebar.css';
@import 'how-magi-works/hero.css';
@import 'how-magi-works/mobile.css';
@import 'how-magi-works/sections.css';

/* ── Reusable UI components ──────────────────────────────────────────────── */
@import 'how-magi-works/components/search.css';
@import 'how-magi-works/components/features.css';
@import 'how-magi-works/components/images.css';
@import 'how-magi-works/components/callouts.css';
@import 'how-magi-works/components/annotations.css';
@import 'how-magi-works/components/step-flow.css';

/* ── Interactive demos ───────────────────────────────────────────────────── */
@import 'how-magi-works/demo/ur-buttons.css';
@import 'how-magi-works/demo/upload-demo.css';
@import 'how-magi-works/demo/universal.css';

/* ── Form demos ──────────────────────────────────────────────────────────── */
@import 'how-magi-works/forms/firm-register-demo.css';

/* ── Inline style replacement utilities ──────────────────────────────────── */
@import 'how-magi-works/utilities.css';