/* Foundational Gradient Colour tokens match the Figma "Gradient" variables (band-1 = outer, band-5 = core). Change a value here and every gradient of that kind updates. */ [data-fg="peak"] { --fg-bg: #FAFAF5; --fg-band-1: #F6F7EC; --fg-band-2: #F2F4E2; --fg-band-3: #EFF2D8; --fg-band-4: #ECF0CE; --fg-band-5: #EAEEC3; } [data-fg="horizon"] { --fg-bg: #F6F9FB; --fg-band-1: #EBF2F7; --fg-band-2: #E0EBF4; --fg-band-3: #D5E3F0; --fg-band-4: #CADCEC; --fg-band-5: #C0D4E8; } [data-fg="build"] { --fg-bg: #F7F9FA; --fg-band-1: #EFF3F7; --fg-band-2: #E7EDF3; --fg-band-3: #DEE7F0; --fg-band-4: #D5E1EE; --fg-band-5: #CBDBEC; } [data-fg="agents"] { --fg-bg: #FBFBF6; --fg-band-1: #F8F7EC; --fg-band-2: #F6F4E0; --fg-band-3: #F4F1D5; --fg-band-4: #F3EFC8; --fg-band-5: #F3EEBB; } [data-fg="brain"] { --fg-bg: #FAFAF7; --fg-band-1: #F5F7EF; --fg-band-2: #F1F3E7; --fg-band-3: #EDF0DE; --fg-band-4: #E9EED5; --fg-band-5: #E5ECCB; } [data-fg] { position: relative; overflow: hidden; isolation: isolate; background-color: var(--fg-bg); aspect-ratio: 1051 / 843; /* website gradient slot; remove if the parent sets a height */ } [data-fg] > .fg-canvas { position: absolute; left: -8%; top: -8%; width: 116%; height: 116%; z-index: -1; pointer-events: none; } /* Home: fills the screen behind the page. First child of :

*/ [data-fg="home"] { aspect-ratio: auto; } .fg-home-bg { position: fixed; inset: 0; z-index: -1; }