@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ============================================================
   Marketing homepage stylesheet — entry point.

   Linked by index.html. Foundations + shared chrome + the live hero
   demo, which embeds the real DataGrid component — so the grid
   styles (data-grid.css + vgrid.css) must load here too. No legal
   typography (that's site.css) and none of the viewer app shell.
   Partials live under assets/css/ and are imported in cascade order;
   @import rules must precede all other rules.
   ============================================================ */

@import "css/base.css";          /* design-system tokens + base resets        */
@import "css/brand.css";         /* brand motifs & utilities (.eyebrow, .pq-*) */
@import "css/hero-demo.css";     /* homepage live demo wrapper                */
@import "css/site-chrome.css";   /* shared nav, buttons, icons, footer        */
@import "css/data-grid.css";     /* DataGrid frame/header (shared with viewer) */
@import "css/vgrid.css";         /* virtualized data grid the demo renders    */