/* x9hosted generated design tokens — do not edit by hand.
 * purpose=service type=editorial ground=light
 * seed=#8b7bb8 bold=28 warm=58 modern=45
 * Regenerate from the customer's design brief via orchestrator.app.palette. */
:root{
  --bg:#f4f2f7;
  --bg-alt:#ebe9f1;
  --bg-deep:#eeecf3;
  --surface:#eae8f0;
  --surface-2:#e3e0eb;
  --text:#17141f;
  --text-soft:#504e57;
  --muted:#685f81;
  --accent:#8b7bb8;
  --accent-deep:#654caa;
  --accent-2:#9f77a7;
  --accent-3:#7a6a8c;
  --on-accent:#141414;
  --border:#d5d3d9;
  --border-strong:#b6b4bb;
  --shadow:0 1px 2px rgba(39,32,60,.06), 0 8px 24px rgba(39,32,60,.07);
  --shadow-lg:0 4px 12px rgba(39,32,60,.09), 0 24px 60px rgba(39,32,60,.11);
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --accent-rgb:139,123,184;
  --accent-2-rgb:159,119,167;
  --accent-3-rgb:122,106,140;
  --bg-rgb:244,242,247;
  --text-rgb:23,20,31;
}

:root{--hero-focus:8%}
.hero-bg{animation:none;transform:none}