/* =========================================================================
   Project gradients — one per company, from the Figma "Gradients" section
   (node 1650:21421). The artboard names map to companies, and a company's
   gradient is only ever used on that company's case study.

   These are the exported SVGs, not CSS radial-gradient(), and that is a
   measured decision. Every one is a ROTATED ellipse; CSS radial-gradient can
   only describe an axis-aligned one. Sampling both fields across each
   artboard, the approximation was off by up to 57 per channel on LogixBoard,
   whose matrix is strongly sheared — a visibly different gradient. The SVG
   carries the real transform, and preserveAspectRatio='none' stretches it to
   any container.

   Each `-inv` is the design's own Inverted artboard, not a reversal computed
   here — for CallRail, SAP and CareerPlug that means reversed stops.

   **LogixBoard is the one exception, and it is deliberate.** Its Inverted
   artboard is not a reversed ramp at all: it is the same ramp on a
   differently proportioned board (3758x2495 against 1799x2590). Every one of
   these is stretched with preserveAspectRatio='none', so that proportional
   difference is erased the moment it fills a box — rasterised into the same
   tile the two were byte-identical, corner for corner. With both LogixBoard
   projects on the homepage that made the pair look like a copy-paste.

   Its stops are now reversed here, in the same shape the design's own
   CareerPlug Inverted artboard uses (reversed colours, mirrored offsets), so
   `-inv` means one thing across all four companies. The ramp is untouched —
   only its direction.

   SAP was revised 2026-07-27 to a lighter three-stop ramp. That is what
   removed the scrim the role pill used to need — see docs/DECISIONS.md.
   ========================================================================= */
:root {
  --grad-callrail:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 2590 1799' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-262.48 -179.9 259.61 -182.75 2624.8 1799)'%3E%3Cstop stop-color='rgb(99,191,255)' offset='0'/%3E%3Cstop stop-color='rgb(142,208,254)' offset='0.5'/%3E%3Cstop stop-color='rgb(184,225,253)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-callrail-inv:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 1799 1799' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-182.32 -179.9 180.33 -182.75 1823.2 1799)'%3E%3Cstop stop-color='rgb(184,225,253)' offset='0'/%3E%3Cstop stop-color='rgb(142,208,254)' offset='0.5'/%3E%3Cstop stop-color='rgb(99,191,255)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-logixboard:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 1799 2590' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-179.9 -259 124.96 -372.88 1799 2590)'%3E%3Cstop stop-color='rgb(34,181,233)' offset='0'/%3E%3Cstop stop-color='rgb(62,200,219)' offset='0.26923'/%3E%3Cstop stop-color='rgb(90,218,205)' offset='0.53846'/%3E%3Cstop stop-color='rgb(143,235,225)' offset='0.76923'/%3E%3Cstop stop-color='rgb(195,251,244)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-logixboard-inv:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 3758 2495' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-375.8 -249.5 261.03 -359.2 3758 2495)'%3E%3Cstop stop-color='rgb(195,251,244)' offset='0'/%3E%3Cstop stop-color='rgb(143,235,225)' offset='0.23077'/%3E%3Cstop stop-color='rgb(90,218,205)' offset='0.46154'/%3E%3Cstop stop-color='rgb(62,200,219)' offset='0.73077'/%3E%3Cstop stop-color='rgb(34,181,233)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-careerplug:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 6120 2947' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-612 -294.7 425.09 -424.28 6120 2947)'%3E%3Cstop stop-color='rgb(255,160,110)' offset='0'/%3E%3Cstop stop-color='rgb(255,178,150)' offset='0.26923'/%3E%3Cstop stop-color='rgb(255,195,189)' offset='0.53846'/%3E%3Cstop stop-color='rgb(255,150,140)' offset='0.76923'/%3E%3Cstop stop-color='rgb(255,104,91)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-careerplug-inv:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 6120 2947' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-612 -294.7 425.09 -424.28 6120 2947)'%3E%3Cstop stop-color='rgb(255,104,91)' offset='0'/%3E%3Cstop stop-color='rgb(255,150,140)' offset='0.23077'/%3E%3Cstop stop-color='rgb(255,195,189)' offset='0.46154'/%3E%3Cstop stop-color='rgb(255,178,150)' offset='0.73077'/%3E%3Cstop stop-color='rgb(255,160,110)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-sap:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 1799 1799' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-182.32 -179.9 180.33 -182.75 1823.2 1799)'%3E%3Cstop stop-color='rgb(114,172,255)' offset='0'/%3E%3Cstop stop-color='rgb(173,214,230)' offset='0.5'/%3E%3Cstop stop-color='rgb(233,255,206)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  --grad-sap-inv:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 1799 1799' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-182.32 -179.9 180.33 -182.75 1823.2 1799)'%3E%3Cstop stop-color='rgb(233,255,206)' offset='0'/%3E%3Cstop stop-color='rgb(173,214,230)' offset='0.5'/%3E%3Cstop stop-color='rgb(114,172,255)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}