/* 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://www.trystudio.ai/","capturedAt":"2026-09-08T18:39:08.206Z","coverage":"full-homepage","reviewStatus":"automated","warnings":["Automated interpretation; editorial review is pending.","Animated or layered text alternatives were detected; the analysis records the most visually prominent state at capture.","Motion extraction inspected 40 of 54 running animations.","Section-sequence extraction was bounded to 18 unique headings and 24 qualified regions from 19 unique headings across 27 raw groups and 7 qualified regions across 9 roots."],"confidence":"low","extractorVersion":"2.5.0","captureFingerprint":"sha256:6a5e8ac91b689760fa8bf62450b61efb950672af49f57f60b31153d335579abc","evidenceScreenIds":["hero","middle","closing","mobile"]} */
/* better-design-unsupported-spacing: [{"tokenName":"content-max-width","sourceField":"maxContentWidth","value":"1600px full-width canvas"}] */
/* better-design-unsupported-radius: [] */
:root {
  --color-canvas: #1d1d1f;
  --color-surface-1: #0d0d0f;
  --color-surface-2: #f3f0e9;
  --color-surface-3: #1c1c1f;
  --color-primary-text: rgba(240, 237, 230, 0.922);
  --color-secondary-text: rgba(240, 237, 231, 0.659);
  --color-action: #ee5c2b;
  --color-border: rgba(241, 234, 227, 0.141);
  --font-display: "Geist Sans";
  --text-display: 70.4px;
  --leading-display: 73.216px;
  --weight-display: 600;
  --tracking-display: -1.76px;
  --font-style-display: normal;
  --font-features-display: normal;
  --text-color-display: rgba(240, 237, 230, 0.922);
  --font-heading: "Geist Sans";
  --text-heading: 57.6px;
  --leading-heading: 62.208px;
  --weight-heading: 600;
  --tracking-heading: -1.152px;
  --font-style-heading: normal;
  --font-features-heading: normal;
  --text-color-heading: rgba(240, 237, 230, 0.922);
  --font-body: "Geist Sans";
  --text-body: 15.5px;
  --leading-body: 26.35px;
  --weight-body: 450;
  --tracking-body: 0px;
  --font-style-body: normal;
  --font-features-body: normal;
  --text-color-body: rgba(240, 237, 231, 0.659);
  --font-body-small: "Geist Sans";
  --text-body-small: 15px;
  --leading-body-small: 25.5px;
  --weight-body-small: 450;
  --tracking-body-small: 0px;
  --font-style-body-small: normal;
  --font-features-body-small: normal;
  --text-color-body-small: rgba(240, 237, 231, 0.659);
  --font-label: "Geist Mono";
  --text-label: 11px;
  --leading-label: 16.5px;
  --weight-label: 400;
  --tracking-label: 0.99px;
  --font-style-label: normal;
  --font-features-label: normal;
  --text-color-label: rgba(240, 237, 230, 0.922);
  --space-base-unit: 4px;
  --space-section-gap: 40px;
  --space-container-padding: 16px;
  --space-observed-1: 12px;
  --space-observed-2: 16px;
  --space-observed-3: 8px;
  --space-observed-4: 20px;
  --space-observed-5: 4px;
  --space-observed-6: 10px;
  --space-observed-7: 24px;
  --space-observed-8: 40px;
  --space-observed-9: 28px;
  --space-observed-10: 6px;
  --radius-pills: 9999px;
  --radius-containers: 6px;
  --radius-media: 0px;
  --radius-cards: 0px;
  --radius-buttons: 0px;
  --border-observed-1: 1px solid rgba(241, 234, 227, 0.141);
  --border-observed-2: 1px solid rgba(30, 25, 25, 0.200);
  --border-observed-3: 1px solid rgba(241, 237, 232, 0.220);
  --border-observed-4: 1px solid rgb(238, 92, 43);
  --border-observed-5: 10px solid rgb(183, 173, 157);
  --shadow-observed-1: rgba(28, 26, 23, 0.45) 0px 3px 5px 0px, rgba(0, 0, 0, 0.25) 0px -1.5px 0px 0px inset, rgba(255, 255, 255, 0.35) 1px 1.5px 1.5px 0px inset;
  --shadow-observed-2: rgba(28, 26, 23, 0.22) 0px 10px 24px 0px;
  --shadow-observed-3: rgba(28, 26, 23, 0.5) 0px 1px 2px 0px inset, rgba(255, 255, 255, 0.4) 0px 1px 0px 0px;
  --shadow-observed-4: rgba(28, 26, 23, 0.28) 0px 2px 14px 0px inset, rgba(28, 26, 23, 0.1) 0px 0px 60px 0px inset, rgba(28, 26, 23, 0.18) 0px 14px 32px 0px;
  --motion-duration-observed-1: 8s;
  --motion-duration-observed-2: 1ms;
  --motion-duration-observed-3: 0.001ms;
  --motion-duration-observed-4: 0.2s;
  --motion-duration-observed-5: 0.3s;
  --motion-duration-observed-6: 0.7s;
  --motion-easing-observed-1: linear;
  --motion-easing-observed-2: ease;
  --motion-easing-observed-3: ease-in-out;
  --motion-easing-observed-4: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-keyframe-observed-1: "hairline-draw";
  --motion-keyframe-observed-2: "view-drift";
  --motion-keyframe-observed-3: "dash-flow";
  --motion-keyframe-observed-4: "accordion-down";
  --motion-keyframe-observed-5: "accordion-up";
  --motion-keyframe-observed-6: "studio-fade";
  --motion-keyframe-observed-7: "lab-paper-spin-in";
  --motion-keyframe-observed-8: "lab-paper-drop-in";
  --motion-keyframe-observed-9: "studio-marquee";
  --motion-keyframe-observed-10: "studio-card-in";
  --motion-keyframe-observed-11: "v6h-cue";
  --motion-keyframe-observed-12: "v6-mon-drift";
  --motion-libraries-observed: "CSS / browser-native or bundled source not identifiable";
  --motion-interaction-states-observed: "focus, hover, disabled";
  --motion-reduced-motion-support: 1;
}