# Find the opportunity. Take the account. Keep the pipeline moving. — Section Design Reference

Schema: Design Details SECTION.md v3.2
Source: https://www.colmez.com/
Website: Colmez: Powering next-generation hazardous waste teams
Section ID: e1e0adec-1837-4656-aae9-3cc29493ae91
Status: deterministic evidence captured; editorial AI review pending

## Purpose

This is a features section on the Home page. Use the attached crop and measured browser facts to reconstruct its composition. Do not infer unmeasured source values.

## Layout

1440×2150px root; block

## Visual signature

corporate, bold, typographic, industrial, high-contrast-dark-mode, brutalist treatment at 1440×1605px. The crop spans 4833–6438px of a 10620px page.

## Components

- Navigation Bar
- Hero With Background Imagery
- Primary Button
- Testimonial Card
- Product UI
- Footer
- Data Dashboard Mockup
- Numbered Feature List
- Topographical Background

## Evidence note

The geometry, typography, colors, media, and animation parameters below come from saved HTML/CSS/browser evidence when present. Website-level roles are supplied separately. Editorial section judgment remains pending unless the MCP resolves this source ID to a promoted canonical record.

## Build blueprint v3.2

### Purpose and classification

- Canonical type: features
- Source type: features
- Structure: 1440×2150px root; block
- Layout: 1440×2150px root; block
- Styles: corporate, bold, typographic, industrial, high-contrast-dark-mode, brutalist
- Components: Navigation Bar, Hero With Background Imagery, Primary Button, Testimonial Card, Product UI, Footer, Data Dashboard Mockup, Numbered Feature List, Topographical Background
- Purpose: features section from the Home page of Colmez: Powering next-generation hazardous waste teams.
- Visual signature: rgb(255, 255, 255) with 1440×2150px root; block. Inspect the crop for image and content hierarchy.

### Crop and composition

- Crop: 1440×1605px; aspect ratio 0.897:1
- Page bounds: 4833–6438px of 10620px
- Guidance: Preserve the documented hierarchy and relationships; exact measurements were not deterministically captured.

### Exact typography evidence

The sectionScale values were measured inside this crop. The siteRoles values explain how those faces function across the source website; they must not replace section measurements.

```json
{
  "sectionScale": [],
  "siteRoles": [
    {
      "role": "display",
      "size": "48.1px",
      "family": "brandSans",
      "source": "computed",
      "traits": "Regular",
      "weight": "500",
      "evidence": "font-4: computed CSS at 1440×1000; AI role: Large, weight 500 'brandSans' used for prominent section headers and hero typography.",
      "sampleId": "font-4",
      "confidence": 0.9,
      "lineHeight": "48.1px",
      "letterSpacing": "-1px"
    },
    {
      "role": "heading",
      "size": "53.9px",
      "family": "brandSans",
      "source": "computed",
      "traits": "Regular",
      "weight": "500",
      "evidence": "font-10: computed CSS at 1440×1000; AI role: Weight 500 'brandSans' used for secondary large statements like 'Powering next-generation...'.",
      "sampleId": "font-10",
      "confidence": 0.85,
      "lineHeight": "48.5px",
      "letterSpacing": "-1.1px"
    },
    {
      "role": "body",
      "size": "13px",
      "family": "productSans",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-2: computed CSS at 1440×1000; AI role: Weight 400 'productSans' used for general body copy and UI element labels.",
      "sampleId": "font-2",
      "confidence": 0.85,
      "lineHeight": "normal",
      "letterSpacing": "-0.1px"
    }
  ]
}
```

### Exact color evidence

The section samples record where each computed value was used. Functional roles come from the website-level classifier and remain separate.

```json
{
  "sectionUsage": [
    {
      "value": "#313131",
      "cssValue": "rgb(49, 49, 49)",
      "alpha": 1,
      "appliedAs": [
        "background"
      ],
      "occurrences": 6,
      "sourceId": "color-6"
    }
  ],
  "functionalPalette": [
    {
      "hex": "#121212",
      "name": "canvas",
      "role": "canvas",
      "source": "computed",
      "evidence": "color-1: computed rgb(18, 18, 18); AI role: Predominant background color (#121212) across most sections.",
      "sampleId": "color-1",
      "confidence": 0.95
    },
    {
      "hex": "#FFFFFF",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-2: computed rgb(255, 255, 255); AI role: Primary white (#FFFFFF) used for headings and main body text against dark backgrounds.",
      "sampleId": "color-2",
      "confidence": 0.95
    },
    {
      "hex": "#AE9A29",
      "name": "primary action",
      "role": "primary-action",
      "source": "computed",
      "evidence": "color-13: computed rgb(174, 154, 41); AI role: Yellow/gold color (#AE9A29) used for primary CTA buttons ('Book a meeting') and specific highlight elements.",
      "sampleId": "color-13",
      "confidence": 0.9
    },
    {
      "hex": "#141414",
      "name": "surface",
      "role": "surface",
      "source": "computed",
      "evidence": "color-5: computed rgb(20, 20, 20); AI role: Dark gray (#141414) used for specific component backgrounds, like the Product UI mockups.",
      "sampleId": "color-5",
      "confidence": 0.8
    },
    {
      "hex": "#A6A6A6",
      "name": "muted text",
      "role": "muted-text",
      "source": "computed",
      "evidence": "color-14: computed rgb(166, 166, 166); AI role: Gray tones (#A6A6A6) used for secondary UI elements, strokes, and less prominent text.",
      "sampleId": "color-14",
      "confidence": 0.75
    }
  ]
}
```

### Design tokens

```json
{
  "radius": "Virtually zero border-radius; elements are strictly rectilinear.",
  "density": "High density in the product UI sections (tables, charts), balanced by very low density in editorial/narrative sections.",
  "evidence": "Visual inspection of CTA buttons, data table borders, full-width section layouts, and the stark contrast between UI mockups and narrative copy.",
  "borderStyle": "Thin, often subtle (low opacity white/gray) solid borders used to define structure, especially in the data dashboard UI.",
  "buttonStyle": "Solid rectangular blocks of color (primarily gold/yellow) with high-contrast text and sharp corners. No visible shadows or gradients.",
  "cornerStyle": "Sharp, 90-degree corners dominate the design, enforcing a brutalist and technical feel.",
  "contentWidth": "Content spans a wide grid, often extending close to the edges of the viewport to maximize data display area.",
  "spacingRhythm": "Generous vertical rhythm between major sections, contrasting with dense, tight spacing within the Product UI mockups."
}
```

### Reconstruction specification

This is the implementation contract for the captured desktop viewport. Prefer section-specific facts here over general website descriptions.

- Root: 1440×2150px; block; padding {"top":"144.385px","right":"0px","bottom":"0px","left":"0px"}; gap normal; background rgb(255, 255, 255); radius 0px.
- Observed gaps: 6, 8, 23.1px.
- Representative content widths: 768, 670, 668, 508, 289, 272, 253, 244px.
- Layout containers: 6; cards/surfaces: 3; media elements: 12; browser animations: 20.

#### Container, grid, and spacing

```json
{
  "viewport": {
    "width": 1440,
    "captureBounds": {
      "top": 8234,
      "bottom": 10384,
      "pageHeight": 15104
    }
  },
  "container": {
    "size": "1440×2150px",
    "position": "x 0px, y 8234px",
    "display": "block",
    "positionMode": "static",
    "padding": {
      "top": "144.385px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "margin": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "gap": "normal",
    "columns": "not captured",
    "background": "rgb(255, 255, 255)",
    "radius": "0px",
    "border": "0px solid rgb(49, 49, 49)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "observedGapsPx": [
      6,
      8,
      23.1
    ],
    "representativeContentWidthsPx": [
      768,
      670,
      668,
      508,
      289,
      272,
      253,
      244
    ]
  },
  "columns": [
    {
      "element": "article · 001Every generator in America. Every buying signal. Built from public data. EPA e-Manifest, TRI, per",
      "size": "1440×424px",
      "position": "x 0px, y 8647px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "0px"
    },
    {
      "element": "ul · A new facility, a new product line, a new waste streamA new EHS director at the accountA shipment th",
      "size": "508×152px",
      "position": "x 166px, y 8919px",
      "display": "flex",
      "template": "not captured",
      "direction": "column",
      "gap": "23.1016px"
    },
    {
      "element": "article · 002Know what your competitors are doing Share of wallet by account, stream and region. See where the",
      "size": "1440×424px",
      "position": "x 0px, y 9303px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "0px"
    },
    {
      "element": "ul · Who holds most of each accountWhere your share is weakestRejections, lapses and openings",
      "size": "508×152px",
      "position": "x 166px, y 9576px",
      "display": "flex",
      "template": "not captured",
      "direction": "column",
      "gap": "23.1016px"
    },
    {
      "element": "article · 003Your pipeline manages itself. Signals in, fields filled, outbound drafted. No one typing it up.Si",
      "size": "1440×424px",
      "position": "x 0px, y 9960px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "0px"
    },
    {
      "element": "ul · Signal-based stagesRisk detection when an account goes quietAuto-filled fields and enriched contacts",
      "size": "508×152px",
      "position": "x 166px, y 10232px",
      "display": "flex",
      "template": "not captured",
      "direction": "column",
      "gap": "23.1016px"
    }
  ]
}
```

#### Cards and surfaces

```json
{
  "cards": [
    {
      "element": "div · AccountSignalTons/yrFitTop waste codes1Intel Ocotillo, ChandlerWallet share19,518 t74D001D002F003F00",
      "size": "670×424px",
      "position": "x 732px, y 8647px",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ],
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)"
    },
    {
      "element": "div · The Chemours CompanyWallet shareRecommended actionOverviewMarket mapContactsActivityHazardous waste",
      "size": "670×424px",
      "position": "x 732px, y 9303px",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ],
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)"
    },
    {
      "element": "div · Ampac Fine ChemicalsAt riskRecommended actionOverviewMarket mapContactsActivityDraft emailFromAlex M",
      "size": "670×424px",
      "position": "x 732px, y 9960px",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ],
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)"
    }
  ],
  "surfaces": {
    "radii": [
      "5px",
      "4px",
      "8px"
    ],
    "borders": [
      "1px solid rgb(18, 18, 18)",
      "1px solid oklch(0.435 0.0877373 124.738)",
      "1px solid oklch(0.435 0.0943665 64.6443)",
      "1px solid oklch(0.435 0.0560424 197.648)",
      "1px solid oklch(0.435 0.0644744 256.323)",
      "1px solid oklch(0.435 0.0190421 84.5213)",
      "1px solid oklch(0.435 0.108597 27.0741)",
      "1px solid oklch(0.435 0.0950788 87.0346)",
      "1px solid oklch(0.435 0.0858902 302.337)",
      "1px solid oklch(0.435 0.12748 28.4228)",
      "1px solid oklch(0.435 0.0138944 87.9547)",
      "1px solid rgb(204, 0, 51)"
    ],
    "shadows": []
  }
}
```

#### Media treatment

```json
[
  {
    "element": "canvas · canvas",
    "size": "668×422px",
    "position": "x 733px, y 8648px",
    "aspectRatio": 1.6,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "source not captured"
  },
  {
    "element": "canvas · canvas",
    "size": "668×422px",
    "position": "x 733px, y 9304px",
    "aspectRatio": 1.6,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "source not captured"
  },
  {
    "element": "canvas · canvas",
    "size": "668×422px",
    "position": "x 733px, y 9961px",
    "aspectRatio": 1.6,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "52×15px",
    "position": "x 770px, y 10213px",
    "aspectRatio": 3.5,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "30×21px",
    "position": "x 770px, y 9983px",
    "aspectRatio": 1.4,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "20×22px",
    "position": "x 1280px, y 9458px",
    "aspectRatio": 0.9,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8713px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fintel.3cw_gclxk78-y.png&w=32&q=75"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8748px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Feli-lilly.3wtvsd064l3r_.png&w=32&q=75"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8782px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Ftsmc.1nioz7hk334ts.png&w=32&q=75"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8817px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fampac.18v2c74omig1m.png&w=32&q=75"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8851px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2F3m.1pxp4l7v82w3w.png&w=32&q=75"
  },
  {
    "element": "img · vg-x13",
    "size": "17×17px",
    "position": "x 800px, y 8886px",
    "aspectRatio": 1,
    "objectFit": "contain",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fboeing.1ws9dagdqvmr0.png&w=32&q=75"
  }
]
```

#### Browser-exposed animation parameters

```json
[
  {
    "target": "19,518 t",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.03,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.03
      },
      {
        "offset": 0.08,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.08
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "74",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.04889,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.04889
      },
      {
        "offset": 0.09888999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.09888999999999999
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D001",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.04556,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.04556
      },
      {
        "offset": 0.09555999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.09555999999999999
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D002",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.05,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.05
      },
      {
        "offset": 0.1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.1
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "F003",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.05444,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.05444
      },
      {
        "offset": 0.10444,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.10444
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "F006",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.058890000000000005,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.058890000000000005
      },
      {
        "offset": 0.10888999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.10888999999999999
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "19,013 t",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.04556,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.04556
      },
      {
        "offset": 0.09555999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.09555999999999999
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "72",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.06444,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.06444
      },
      {
        "offset": 0.11444000000000001,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.11444000000000001
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D001",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.06111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.06111
      },
      {
        "offset": 0.11111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.11111
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "F003",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.06556000000000001,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.06556000000000001
      },
      {
        "offset": 0.11556,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.11556
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "F002",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.07,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.07
      },
      {
        "offset": 0.12,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.12
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D024",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.07444,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.07444
      },
      {
        "offset": 0.12444000000000001,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.12444000000000001
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "16,730 t",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.06111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.06111
      },
      {
        "offset": 0.11111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.11111
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "78",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.08,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.08
      },
      {
        "offset": 0.13,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.13
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D001",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.07667,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.07667
      },
      {
        "offset": 0.12667,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.12667
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D002",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.08111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.08111
      },
      {
        "offset": 0.13111,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.13111
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D003",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.08556,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.08556
      },
      {
        "offset": 0.13555999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.13555999999999999
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "D007",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.09,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.09
      },
      {
        "offset": 0.14,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.14
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "9,773 t",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.07667,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.07667
      },
      {
        "offset": 0.12667,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.12667
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  },
  {
    "target": "69",
    "delayMs": 0,
    "durationMs": 9000,
    "easing": "linear",
    "iterations": null,
    "direction": "normal",
    "fill": "both",
    "keyframes": [
      {
        "offset": 0,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0
      },
      {
        "offset": 0.09555999999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 0.09555999999999999
      },
      {
        "offset": 0.14556,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.14556
      },
      {
        "offset": 0.88333,
        "easing": "linear",
        "composite": "auto",
        "transform": "none",
        "opacity": "1",
        "computedOffset": 0.88333
      },
      {
        "offset": 0.9222199999999999,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "none",
        "opacity": "0",
        "computedOffset": 0.9222199999999999
      },
      {
        "offset": 1,
        "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
        "composite": "auto",
        "transform": "translateY(4px)",
        "opacity": "0",
        "computedOffset": 1
      }
    ]
  }
]
```

### Measured geometry, surfaces, media, and animation

These raw values come from the saved element map and computed styles. Empty arrays mean the fact was not captured; they are not permission to invent source values.

```json
{
  "schema": "little-details-section-measurements-v1",
  "source": "saved DOM/CSS element and animation maps",
  "capturedAt": "2026-10-19T16:13:55.412Z",
  "viewportWidth": 1440,
  "bounds": {
    "top": 8234,
    "bottom": 10384,
    "pageHeight": 15104
  },
  "root": {
    "id": "ld-255",
    "tag": "section",
    "role": null,
    "label": "Find the opportunity. Take the account. Keep the pipeline moving.001Every generator in America. Ever",
    "rect": {
      "x": 0,
      "y": 8234,
      "width": 1440,
      "height": 2150
    },
    "display": "block",
    "position": "static",
    "padding": {
      "top": "144.385px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "margin": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "gap": "normal",
    "columns": null,
    "background": "rgb(255, 255, 255)",
    "radius": "0px",
    "border": "0px solid rgb(49, 49, 49)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "gapsPx": [
      6,
      8,
      23.1
    ],
    "representativeContentWidthsPx": [
      768,
      670,
      668,
      508,
      289,
      272,
      253,
      244
    ]
  },
  "columns": [
    {
      "id": "ld-272",
      "tag": "article",
      "role": null,
      "label": "001Every generator in America. Every buying signal. Built from public data. EPA e-Manifest, TRI, per",
      "rect": {
        "x": 0,
        "y": 8647,
        "width": 1440,
        "height": 424
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "0px"
    },
    {
      "id": "ld-290",
      "tag": "ul",
      "role": null,
      "label": "A new facility, a new product line, a new waste streamA new EHS director at the accountA shipment th",
      "rect": {
        "x": 166,
        "y": 8919,
        "width": 508,
        "height": 152
      },
      "display": "flex",
      "columns": null,
      "direction": "column",
      "gap": "23.1016px"
    },
    {
      "id": "ld-990",
      "tag": "article",
      "role": null,
      "label": "002Know what your competitors are doing Share of wallet by account, stream and region. See where the",
      "rect": {
        "x": 0,
        "y": 9303,
        "width": 1440,
        "height": 424
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "0px"
    },
    {
      "id": "ld-1006",
      "tag": "ul",
      "role": null,
      "label": "Who holds most of each accountWhere your share is weakestRejections, lapses and openings",
      "rect": {
        "x": 166,
        "y": 9576,
        "width": 508,
        "height": 152
      },
      "display": "flex",
      "columns": null,
      "direction": "column",
      "gap": "23.1016px"
    },
    {
      "id": "ld-1455",
      "tag": "article",
      "role": null,
      "label": "003Your pipeline manages itself. Signals in, fields filled, outbound drafted. No one typing it up.Si",
      "rect": {
        "x": 0,
        "y": 9960,
        "width": 1440,
        "height": 424
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "0px"
    },
    {
      "id": "ld-1469",
      "tag": "ul",
      "role": null,
      "label": "Signal-based stagesRisk detection when an account goes quietAuto-filled fields and enriched contacts",
      "rect": {
        "x": 166,
        "y": 10232,
        "width": 508,
        "height": 152
      },
      "display": "flex",
      "columns": null,
      "direction": "column",
      "gap": "23.1016px"
    }
  ],
  "cards": [
    {
      "id": "ld-294",
      "tag": "div",
      "role": "img",
      "label": "AccountSignalTons/yrFitTop waste codes1Intel Ocotillo, ChandlerWallet share19,518 t74D001D002F003F00",
      "rect": {
        "x": 732,
        "y": 8647,
        "width": 670,
        "height": 424
      },
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ]
    },
    {
      "id": "ld-1010",
      "tag": "div",
      "role": "img",
      "label": "The Chemours CompanyWallet shareRecommended actionOverviewMarket mapContactsActivityHazardous waste ",
      "rect": {
        "x": 732,
        "y": 9303,
        "width": 670,
        "height": 424
      },
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ]
    },
    {
      "id": "ld-1473",
      "tag": "div",
      "role": "img",
      "label": "Ampac Fine ChemicalsAt riskRecommended actionOverviewMarket mapContactsActivityDraft emailFromAlex M",
      "rect": {
        "x": 732,
        "y": 9960,
        "width": 670,
        "height": 424
      },
      "radius": "0px",
      "border": "1px solid rgb(18, 18, 18)",
      "shadow": "none",
      "background": "rgba(0, 0, 0, 0)",
      "padding": [
        "0px",
        "0px",
        "0px",
        "0px"
      ]
    }
  ],
  "surfaces": {
    "radii": [
      "5px",
      "4px",
      "8px"
    ],
    "borders": [
      "1px solid rgb(18, 18, 18)",
      "1px solid oklch(0.435 0.0877373 124.738)",
      "1px solid oklch(0.435 0.0943665 64.6443)",
      "1px solid oklch(0.435 0.0560424 197.648)",
      "1px solid oklch(0.435 0.0644744 256.323)",
      "1px solid oklch(0.435 0.0190421 84.5213)",
      "1px solid oklch(0.435 0.108597 27.0741)",
      "1px solid oklch(0.435 0.0950788 87.0346)",
      "1px solid oklch(0.435 0.0858902 302.337)",
      "1px solid oklch(0.435 0.12748 28.4228)",
      "1px solid oklch(0.435 0.0138944 87.9547)",
      "1px solid rgb(204, 0, 51)"
    ],
    "shadows": []
  },
  "media": [
    {
      "id": "ld-987",
      "tag": "canvas",
      "role": null,
      "label": "canvas",
      "rect": {
        "x": 733,
        "y": 8648,
        "width": 668,
        "height": 422
      },
      "aspectRatio": 1.6,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": null
    },
    {
      "id": "ld-1452",
      "tag": "canvas",
      "role": null,
      "label": "canvas",
      "rect": {
        "x": 733,
        "y": 9304,
        "width": 668,
        "height": 422
      },
      "aspectRatio": 1.6,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": null
    },
    {
      "id": "ld-1748",
      "tag": "canvas",
      "role": null,
      "label": "canvas",
      "rect": {
        "x": 733,
        "y": 9961,
        "width": 668,
        "height": 422
      },
      "aspectRatio": 1.6,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": null
    },
    {
      "id": "ld-1619",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 770,
        "y": 10213,
        "width": 52,
        "height": 15
      },
      "aspectRatio": 3.5,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-1573",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 770,
        "y": 9983,
        "width": 30,
        "height": 21
      },
      "aspectRatio": 1.4,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-1450",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1280,
        "y": 9458,
        "width": 20,
        "height": 22
      },
      "aspectRatio": 0.9,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-331",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8713,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fintel.3cw_gclxk78-y.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 32,
        "alt": ""
      }
    },
    {
      "id": "ld-397",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8748,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Feli-lilly.3wtvsd064l3r_.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 32,
        "alt": ""
      }
    },
    {
      "id": "ld-463",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8782,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Ftsmc.1nioz7hk334ts.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 32,
        "alt": ""
      }
    },
    {
      "id": "ld-530",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8817,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fampac.18v2c74omig1m.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 32,
        "alt": ""
      }
    },
    {
      "id": "ld-596",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8851,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2F3m.1pxp4l7v82w3w.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 32,
        "alt": ""
      }
    },
    {
      "id": "ld-662",
      "tag": "img",
      "role": null,
      "label": "vg-x13",
      "rect": {
        "x": 800,
        "y": 8886,
        "width": 17,
        "height": 17
      },
      "aspectRatio": 1,
      "objectFit": "contain",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://www.colmez.com/_next/image?url=%2Fsite%2F_next%2Fstatic%2Fimmutable%2Fmedia%2Fboeing.1ws9dagdqvmr0.png&w=32&q=75",
        "naturalWidth": 32,
        "naturalHeight": 26,
        "alt": ""
      }
    }
  ],
  "animations": [
    {
      "id": "animation-8",
      "target": {
        "id": "ld-342",
        "tag": "span",
        "role": null,
        "label": "19,518 t",
        "rect": {
          "x": 1104,
          "y": 8715,
          "width": 47,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.03,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.03
        },
        {
          "offset": 0.08,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.08
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-13",
      "target": {
        "id": "ld-382",
        "tag": "span",
        "role": null,
        "label": "74",
        "rect": {
          "x": 1236,
          "y": 8715,
          "width": 15,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.04889,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.04889
        },
        {
          "offset": 0.09888999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.09888999999999999
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-16",
      "target": {
        "id": "ld-387",
        "tag": "span",
        "role": null,
        "label": "D001",
        "rect": {
          "x": 1267,
          "y": 8712,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.04556,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.04556
        },
        {
          "offset": 0.09555999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.09555999999999999
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-17",
      "target": {
        "id": "ld-388",
        "tag": "span",
        "role": null,
        "label": "D002",
        "rect": {
          "x": 1317,
          "y": 8712,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.05,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.05
        },
        {
          "offset": 0.1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.1
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-18",
      "target": {
        "id": "ld-389",
        "tag": "span",
        "role": null,
        "label": "F003",
        "rect": {
          "x": 1367,
          "y": 8712,
          "width": 43,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.05444,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.05444
        },
        {
          "offset": 0.10444,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.10444
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-19",
      "target": {
        "id": "ld-390",
        "tag": "span",
        "role": null,
        "label": "F006",
        "rect": {
          "x": 1416,
          "y": 8712,
          "width": 43,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.058890000000000005,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.058890000000000005
        },
        {
          "offset": 0.10888999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.10888999999999999
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-27",
      "target": {
        "id": "ld-408",
        "tag": "span",
        "role": null,
        "label": "19,013 t",
        "rect": {
          "x": 1104,
          "y": 8749,
          "width": 47,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.04556,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.04556
        },
        {
          "offset": 0.09555999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.09555999999999999
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-32",
      "target": {
        "id": "ld-448",
        "tag": "span",
        "role": null,
        "label": "72",
        "rect": {
          "x": 1236,
          "y": 8749,
          "width": 15,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.06444,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.06444
        },
        {
          "offset": 0.11444000000000001,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.11444000000000001
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-35",
      "target": {
        "id": "ld-453",
        "tag": "span",
        "role": null,
        "label": "D001",
        "rect": {
          "x": 1267,
          "y": 8747,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.06111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.06111
        },
        {
          "offset": 0.11111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.11111
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-36",
      "target": {
        "id": "ld-454",
        "tag": "span",
        "role": null,
        "label": "F003",
        "rect": {
          "x": 1317,
          "y": 8747,
          "width": 43,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.06556000000000001,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.06556000000000001
        },
        {
          "offset": 0.11556,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.11556
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-37",
      "target": {
        "id": "ld-455",
        "tag": "span",
        "role": null,
        "label": "F002",
        "rect": {
          "x": 1366,
          "y": 8747,
          "width": 43,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.07,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.07
        },
        {
          "offset": 0.12,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.12
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-38",
      "target": {
        "id": "ld-456",
        "tag": "span",
        "role": null,
        "label": "D024",
        "rect": {
          "x": 1415,
          "y": 8747,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.07444,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.07444
        },
        {
          "offset": 0.12444000000000001,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.12444000000000001
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-47",
      "target": {
        "id": "ld-474",
        "tag": "span",
        "role": null,
        "label": "16,730 t",
        "rect": {
          "x": 1104,
          "y": 8784,
          "width": 47,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.06111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.06111
        },
        {
          "offset": 0.11111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.11111
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-52",
      "target": {
        "id": "ld-514",
        "tag": "span",
        "role": null,
        "label": "78",
        "rect": {
          "x": 1236,
          "y": 8784,
          "width": 15,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.08,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.08
        },
        {
          "offset": 0.13,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.13
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-55",
      "target": {
        "id": "ld-519",
        "tag": "span",
        "role": null,
        "label": "D001",
        "rect": {
          "x": 1267,
          "y": 8781,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.07667,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.07667
        },
        {
          "offset": 0.12667,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.12667
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-56",
      "target": {
        "id": "ld-520",
        "tag": "span",
        "role": null,
        "label": "D002",
        "rect": {
          "x": 1317,
          "y": 8781,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.08111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.08111
        },
        {
          "offset": 0.13111,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.13111
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-57",
      "target": {
        "id": "ld-521",
        "tag": "span",
        "role": null,
        "label": "D003",
        "rect": {
          "x": 1367,
          "y": 8781,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.08556,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.08556
        },
        {
          "offset": 0.13555999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.13555999999999999
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-58",
      "target": {
        "id": "ld-522",
        "tag": "span",
        "role": null,
        "label": "D007",
        "rect": {
          "x": 1418,
          "y": 8781,
          "width": 44,
          "height": 21
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.09,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.09
        },
        {
          "offset": 0.14,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.14
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-67",
      "target": {
        "id": "ld-541",
        "tag": "span",
        "role": null,
        "label": "9,773 t",
        "rect": {
          "x": 1112,
          "y": 8818,
          "width": 39,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.07667,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.07667
        },
        {
          "offset": 0.12667,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.12667
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    },
    {
      "id": "animation-72",
      "target": {
        "id": "ld-581",
        "tag": "span",
        "role": null,
        "label": "69",
        "rect": {
          "x": 1236,
          "y": 8818,
          "width": 15,
          "height": 14
        }
      },
      "playState": "running",
      "playbackRate": 1,
      "delayMs": 0,
      "durationMs": 9000,
      "easing": "linear",
      "iterations": null,
      "direction": "normal",
      "fill": "both",
      "keyframes": [
        {
          "offset": 0,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0
        },
        {
          "offset": 0.09555999999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 0.09555999999999999
        },
        {
          "offset": 0.14556,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.14556
        },
        {
          "offset": 0.88333,
          "easing": "linear",
          "composite": "auto",
          "transform": "none",
          "opacity": "1",
          "computedOffset": 0.88333
        },
        {
          "offset": 0.9222199999999999,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "none",
          "opacity": "0",
          "computedOffset": 0.9222199999999999
        },
        {
          "offset": 1,
          "easing": "cubic-bezier(0.23, 1, 0.32, 1)",
          "composite": "auto",
          "transform": "translateY(4px)",
          "opacity": "0",
          "computedOffset": 1
        }
      ]
    }
  ],
  "coverage": {
    "elementsInSection": 416,
    "cards": 3,
    "media": 12,
    "animations": 20
  },
  "limitations": [
    "Values describe the captured desktop viewport and may change at other breakpoints.",
    "Transforms, sticky layers, and virtualized content can make the inferred section root approximate.",
    "Animations include browser-exposed Web Animations API state; CSS or script motion that was inactive at capture time may be absent."
  ]
}
```

### Observed motion

No timestamped authored motion is attached. Use only restrained baseline transitions.

The browser animation records above are deterministic parameters captured from active browser animations. The timestamped observations describe what Gemini saw in the video. Treat them as complementary evidence. When either source is empty or they conflict, state the uncertainty instead of inventing timing or easing.

### Responsive contract

- Measured viewport: 1440px wide.
- Mobile/tablet values: not measured by this section evidence unless a separate capture is explicitly listed.
- Preserve hierarchy and sequence; collapse simultaneous columns only where needed, maintain media aspect ratios, and verify touch targets and text wrapping at target breakpoints.

### Structure versus visual skin

- Preserve: content hierarchy, layout relationships, section rhythm, interaction purpose.
- Adapt: brand colors, font family, copy, imagery, icons, decorative details.
- Rule: Preserve the observed design logic while creating original branding, copy, assets, and implementation details.

### Adaptation and dependencies

- Effort: Not assessed
- What transfers: Documented hierarchy and composition
- Dependencies: None recorded
- Guidance: Adapt the pattern to the new product and content.

### Evidence readiness

- Coverage: 7/7
- Can build: Yes
- Missing facts: timestamped authored motion
- Warning: Buildable with adaptations for these unsupported facts: timestamped authored motion.

### Agent implementation prompt

Create an original features section inspired by the design evidence titled “Find the opportunity. Take the account. Keep the pipeline moving.”.

Purpose: features section from the Home page of Colmez: Powering next-generation hazardous waste teams.

Structure: 1440×2150px root; block. Source layout label: 1440×2150px root; block. Preserve the documented hierarchy and relationships; exact measurements were not deterministically captured.

Visual signature to preserve at the pattern level: rgb(255, 255, 255) with 1440×2150px root; block. Inspect the crop for image and content hierarchy.

Components: Navigation Bar, Hero With Background Imagery, Primary Button, Testimonial Card, Product UI, Footer, Data Dashboard Mockup, Numbered Feature List, Topographical Background.

Style direction: corporate, bold, typographic, industrial, high-contrast-dark-mode, brutalist.

Observed crop: 1440×1605px (0.897:1). Treat this as evidence of composition, not a mandatory output size.

Typography evidence: {"role":"display","size":"48.1px","family":"brandSans","source":"computed","traits":"Regular","weight":"500","evidence":"font-4: computed CSS at 1440×1000; AI role: Large, weight 500 'brandSans' used for prominent section headers and hero typography.","sampleId":"font-4","confidence":0.9,"lineHeight":"48.1px","letterSpacing":"-1px"} {"role":"heading","size":"53.9px","family":"brandSans","source":"computed","traits":"Regular","weight":"500","evidence":"font-10: computed CSS at 1440×1000; AI role: Weight 500 'brandSans' used for secondary large statements like 'Powering next-generation...'.","sampleId":"font-10","confidence":0.85,"lineHeight":"48.5px","letterSpacing":"-1.1px"} {"role":"body","size":"13px","family":"productSans","source":"computed","traits":"Regular","weight":"400","evidence":"font-2: computed CSS at 1440×1000; AI role: Weight 400 'productSans' used for general body copy and UI element labels.","sampleId":"font-2","confidence":0.85,"lineHeight":"normal","letterSpacing":"-0.1px"}

Color evidence: {"hex":"#121212","name":"canvas","role":"canvas","source":"computed","evidence":"color-1: computed rgb(18, 18, 18); AI role: Predominant background color (#121212) across most sections.","sampleId":"color-1","confidence":0.95} {"hex":"#FFFFFF","name":"text","role":"text","source":"computed","evidence":"color-2: computed rgb(255, 255, 255); AI role: Primary white (#FFFFFF) used for headings and main body text against dark backgrounds.","sampleId":"color-2","confidence":0.95} {"hex":"#AE9A29","name":"primary action","role":"primary-action","source":"computed","evidence":"color-13: computed rgb(174, 154, 41); AI role: Yellow/gold color (#AE9A29) used for primary CTA buttons ('Book a meeting') and specific highlight elements.","sampleId":"color-13","confidence":0.9} {"hex":"#141414","name":"surface","role":"surface","source":"computed","evidence":"color-5: computed rgb(20, 20, 20); AI role: Dark gray (#141414) used for specific component backgrounds, like the Product UI mockups.","sampleId":"color-5","confidence":0.8} {"hex":"#A6A6A6","name":"muted text","role":"muted-text","source":"computed","evidence":"color-14: computed rgb(166, 166, 166); AI role: Gray tones (#A6A6A6) used for secondary UI elements, strokes, and less prominent text.","sampleId":"color-14","confidence":0.75}

No section-bounded typography samples were measured.

Colors measured inside this section: {"id":"color-6","hex":"#313131","alpha":1,"cssValue":"rgb(49, 49, 49)","count":6,"contexts":[{"tag":"span","text":"001","top":4606,"property":"background"},{"tag":"hr","text":"","top":4940,"property":"background"},{"tag":"section","text":"“The teams that win in this industry are the ones that turn information into action first. Colmez ke","top":7753,"property":"background"}]}

Exact section measurements from the saved element map: root {"rect":{"x":0,"y":8234,"width":1440,"height":2150},"padding":{"top":"144.385px","right":"0px","bottom":"0px","left":"0px"},"gap":"normal","columns":null,"overflow":"visible"}; spacing {"gapsPx":[6,8,23.1],"representativeContentWidthsPx":[768,670,668,508,289,272,253,244]}; surfaces {"radii":["5px","4px","8px"],"borders":["1px solid rgb(18, 18, 18)","1px solid oklch(0.435 0.0877373 124.738)","1px solid oklch(0.435 0.0943665 64.6443)","1px solid oklch(0.435 0.0560424 197.648)","1px solid oklch(0.435 0.0644744 256.323)","1px solid oklch(0.435 0.0190421 84.5213)","1px solid oklch(0.435 0.108597 27.0741)","1px solid oklch(0.435 0.0950788 87.0346)","1px solid oklch(0.435 0.0858902 302.337)","1px solid oklch(0.435 0.12748 28.4228)","1px solid oklch(0.435 0.0138944 87.9547)","1px solid rgb(204, 0, 51)"],"shadows":[]}; media [{"tag":"canvas","rect":{"x":733,"y":8648,"width":668,"height":422},"aspectRatio":1.6,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"canvas","rect":{"x":733,"y":9304,"width":668,"height":422},"aspectRatio":1.6,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"canvas","rect":{"x":733,"y":9961,"width":668,"height":422},"aspectRatio":1.6,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"svg","rect":{"x":770,"y":10213,"width":52,"height":15},"aspectRatio":3.5,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"}]; animations [{"target":{"id":"ld-342","tag":"span","role":null,"label":"19,518 t","rect":{"x":1104,"y":8715,"width":47,"height":14}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.03,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.03},{"offset":0.08,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.08},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]},{"target":{"id":"ld-382","tag":"span","role":null,"label":"74","rect":{"x":1236,"y":8715,"width":15,"height":14}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.04889,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.04889},{"offset":0.09888999999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.09888999999999999},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]},{"target":{"id":"ld-387","tag":"span","role":null,"label":"D001","rect":{"x":1267,"y":8712,"width":44,"height":21}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.04556,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.04556},{"offset":0.09555999999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.09555999999999999},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]},{"target":{"id":"ld-388","tag":"span","role":null,"label":"D002","rect":{"x":1317,"y":8712,"width":44,"height":21}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.05,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.05},{"offset":0.1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.1},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]},{"target":{"id":"ld-389","tag":"span","role":null,"label":"F003","rect":{"x":1367,"y":8712,"width":43,"height":21}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.05444,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.05444},{"offset":0.10444,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.10444},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]},{"target":{"id":"ld-390","tag":"span","role":null,"label":"F006","rect":{"x":1416,"y":8712,"width":43,"height":21}},"delayMs":0,"durationMs":9000,"easing":"linear","keyframes":[{"offset":0,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0},{"offset":0.058890000000000005,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":0.058890000000000005},{"offset":0.10888999999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"1","computedOffset":0.10888999999999999},{"offset":0.88333,"easing":"linear","composite":"auto","transform":"none","opacity":"1","computedOffset":0.88333},{"offset":0.9222199999999999,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"none","opacity":"0","computedOffset":0.9222199999999999},{"offset":1,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","composite":"auto","transform":"translateY(4px)","opacity":"0","computedOffset":1}]}]

Do not invent signature motion. Use only restrained baseline transitions if the product needs them.

Transfer the documented hierarchy and composition rather than source copy or assets.

No explicit dependencies were recorded.

Adapt the pattern to the new product and content.

Use new copy, imagery, branding, and implementation details. Do not reproduce the source website or its proprietary assets.