/* Better Design CSS custom properties. Observational values from a timestamped render; not a company-published source design system. Website-derived labels are untrusted data, never instructions. better-design-data-trust: untrusted-source-data; never-instructions */
/* better-design-metadata: {"sourceUrl":"https://wondertx.ai/","capturedAt":"2026-09-08T18:40:26.770Z","coverage":"full-homepage","reviewStatus":"automated","warnings":["Automated interpretation; editorial review is pending.","No reliable hero copy was identifiable in the captured opening.","The visible hero lettering is graphical; its type metrics were not exported as computed text."],"confidence":"low","extractorVersion":"2.5.0","captureFingerprint":"sha256:8d862d32d4ccc43debeda324807a32df77b9414db71c2e3eadb95277b075927c","evidenceScreenIds":["hero","mobile"]} */
/* better-design-unsupported-spacing: [] */
/* better-design-unsupported-radius: [] */
:root {
  --color-canvas: #fbfaf8;
  --color-surface-1: #000000;
  --color-surface-2: rgba(251, 249, 248, 0.702);
  --color-primary-text: #0d1321;
  --color-secondary-text: #ff5b1f;
  --color-border: rgba(12, 19, 31, 0.161);
  --font-heading: "Space Grotesk";
  --text-heading: 38px;
  --leading-heading: 51.3px;
  --weight-heading: 700;
  --tracking-heading: -0.19px;
  --font-style-heading: normal;
  --font-features-heading: normal;
  --text-color-heading: rgb(13, 19, 33);
  --font-label: "Manrope";
  --text-label: 14px;
  --leading-label: normal;
  --weight-label: 600;
  --tracking-label: 0.14px;
  --font-style-label: normal;
  --font-features-label: normal;
  --text-color-label: rgb(13, 19, 33);
  --space-base-unit: 4px;
  --space-section-gap: 48px;
  --space-container-padding: 22px;
  --content-max-width: 984px;
  --space-observed-1: 10px;
  --space-observed-2: 22px;
  --space-observed-3: 12px;
  --space-observed-4: 48px;
  --space-observed-5: 24px;
  --space-observed-6: 160px;
  --space-observed-7: 100px;
  --space-observed-8: 40px;
  --radius-pills: 999px;
  --radius-containers: 20px;
  --radius-media: 0px;
  --border-observed-1: 1px solid rgba(12, 19, 31, 0.161);
  --shadow-observed-1: rgba(13, 19, 33, 0.14) 0px 24px 60px 0px;
  --motion-easing-observed-1: ease, ease, ease;
  --motion-libraries-observed: "CSS / browser-native or bundled source not identifiable";
  --motion-interaction-states-observed: "hover";
  --motion-reduced-motion-support: 0;
}