/* 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://workers.io/","capturedAt":"2026-09-03T11:20:04.787Z","coverage":"partial-homepage","reviewStatus":"automated","warnings":["Automated interpretation; editorial review is pending.","Partial inspection: refresh on 2026-09-08 failed. Retained capture from 2026-09-03; current rendering, font availability, and embedded content are not verified. Capture limitation: A visible background or poster could not be decoded in the mid-page evidence frame (https://workers.io/backgrounds/clouds.avif)."],"confidence":"low","extractorVersion":"2.4.0","captureFingerprint":"sha256:474cb2553bf8bf130dac0c767bed784f159fee5009656fddeed3fa8fead68c5f","evidenceScreenIds":["hero","middle","closing","mobile"]} */
/* better-design-unsupported-spacing: [] */
/* better-design-unsupported-radius: [] */
:root {
  --color-canvas: #ffffff;
  --color-surface-1: #d4f6fa;
  --color-surface-2: #dbdee2;
  --color-surface-3: #c5edd2;
  --color-primary-text: #0a0e12;
  --color-secondary-text: #515962;
  --color-action: #0a0e12;
  --color-border: #ececec;
  --font-display: "Host Grotesk";
  --text-display: 54.4px;
  --leading-display: 57.664px;
  --weight-display: 500;
  --tracking-display: 0px;
  --font-style-display: normal;
  --font-features-display: normal;
  --text-color-display: rgb(10, 14, 18);
  --font-heading: "Host Grotesk";
  --text-heading: 44px;
  --leading-heading: 48.4px;
  --weight-heading: 500;
  --tracking-heading: 0px;
  --font-style-heading: normal;
  --font-features-heading: normal;
  --text-color-heading: rgb(7, 9, 14);
  --font-body: "Ui Sans Serif";
  --text-body: 16px;
  --leading-body: 27.2px;
  --weight-body: 400;
  --tracking-body: 0px;
  --font-style-body: normal;
  --font-features-body: normal;
  --text-color-body: rgb(81, 89, 98);
  --font-body-small: "Ui Sans Serif";
  --text-body-small: 14px;
  --leading-body-small: 23.1px;
  --weight-body-small: 400;
  --tracking-body-small: 0px;
  --font-style-body-small: normal;
  --font-features-body-small: normal;
  --text-color-body-small: rgb(81, 89, 98);
  --font-label: "Ui Monospace";
  --text-label: 11px;
  --leading-label: 16.5px;
  --weight-label: 500;
  --tracking-label: 1.54px;
  --font-style-label: normal;
  --font-features-label: normal;
  --text-color-label: rgb(81, 89, 98);
  --space-base-unit: 4px;
  --space-section-gap: 40px;
  --space-container-padding: 16px;
  --content-max-width: 1080px;
  --space-observed-1: 8px;
  --space-observed-2: 16px;
  --space-observed-3: 10px;
  --space-observed-4: 4px;
  --space-observed-5: 40px;
  --space-observed-6: 12px;
  --space-observed-7: 6px;
  --space-observed-8: 1px;
  --space-observed-9: 32px;
  --space-observed-10: 36px;
  --radius-containers: 3px;
  --radius-buttons: 2px;
  --radius-pills: 9999px;
  --radius-media: 0px;
  --border-observed-1: 1px solid rgb(236, 236, 236);
  --border-observed-2: 1px solid rgba(0, 138, 176, 0.239);
  --border-observed-3: 1px solid rgba(8, 16, 16, 0.122);
  --border-observed-4: 1px solid rgba(0, 125, 50, 0.239);
  --border-observed-5: 1px solid rgba(251, 108, 0, 0.502);
  --motion-duration-observed-1: 0.4s;
  --motion-duration-observed-2: 0.15s;
  --motion-duration-observed-3: 0.2s;
  --motion-duration-observed-4: 0.3s;
  --motion-duration-observed-5: 0.7s;
  --motion-duration-observed-6: 2000ms;
  --motion-easing-observed-1: cubic-bezier(0.25, 0.1, 0.25, 1);
  --motion-easing-observed-2: linear;
  --motion-keyframe-observed-1: "pulse";
  --motion-libraries-observed: "CSS / browser-native or bundled source not identifiable";
  --motion-interaction-states-observed: "transition-all, hover, disabled, focus, active";
  --motion-reduced-motion-support: 0;
}