PageSourceSearch

https://commoditieschart.net/markets

html commoditieschart.net collected 2026-10-08 06:57:51 UTC 77,084 bytes, 21 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo.png"/><link rel="stylesheet" href="/assets/index-BVzE2P3E.css" data-precedence="default"/><title>Markets Overview - CommoditiesChart</title><meta name="description" content="Explore energy contract quotes and selected historical charts across metals, agriculture, and macro markets."/><meta property="og:title" content="Markets Overview - CommoditiesChart"/><meta property="og:description" content="Explore energy contract quotes and selected historical charts across metals, agriculture, and macro markets."/><meta property="og:type" content="website"/><meta property="og:url" content="https://commoditieschart.net/markets"/><meta property="og:locale" content="en_US"/><meta name="twitter:title" content="Markets Overview - CommoditiesChart"/><meta name="twitter:description" content="Explore energy contract quotes and selected historical charts across metals, agriculture, and macro markets."/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://commoditieschart.net/logocover.png"/><meta name="twitter:image" content="https://commoditieschart.net/logocover.png"/><link rel="modulepreload" href="/assets/index-VluFgCL_.js"/><link rel="modulepreload" href="/assets/chunk-aKtaBQYM.js"/>
1<link rel="modulepreload" href="/assets/runtime-IWjrChA0.js"/><link rel="modulepreload" href="/assets/link-DS76vZiJ.js"/><link rel="modulepreload" href="/assets/matchContext-CSBBVmxC.js"/><link rel="modulepreload" href="/assets/useParams-Bj4siASy.js"/><link rel="modulepreload" href="/assets/not-found-i5RsCZif.js"/><link rel="modulepreload" href="/assets/qss-CuvTgpZA.js"/><link rel="modulepreload" href="/assets/redirect-1Dss4sOM.js"/><link rel="modulepreload" href="/assets/createServerFn-B6nxsCBX.js"/><link rel="modulepreload" href="/assets/react-dom-7mghPgEk.js"/><link rel="modulepreload" href="/assets/jsx-runtime-BqYSgJeI.js"/><link rel="modulepreload" href="/assets/react-CUqvU1Gm.js"/><link rel="modulepreload" href="/assets/config-D6U0KUVa.js"/><link rel="modulepreload" href="/assets/i18n-content-D3HpH4iq.js"/><link rel="modulepreload" href="/assets/seo-B-7dCqYy.js"/><link rel="modulepreload" href="/assets/route-ODyoAwsq.js"/><link rel="modulepreload" href="/assets/navigation-D1T0VtxE.js"/><link rel="modulepreload" href="/assets/dynamic-cFK-yYsU.js"/><link rel="modulepreload" href="/assets/layout-shell-DcRi-qcY.js"/><link rel="modulepreload" href="/assets/floating-ads-policy-Cd9Hh8MU.js"/><link rel="modulepreload" href="/assets/markets-CgkBBm2i.js"/><link rel="modulepreload" href="/assets/MarketSummaryBoard-BOgpmt6N.js"/><link rel="modulepreload" href="/assets/market-catalog-CrjJUteF.js"/><link rel="canonical" href="https://commoditieschart.net/markets"/><link rel="alternate" hrefLang="en" href="https://commoditieschart.net/markets"/><link rel="alternate" hrefLang="zh" href="https://commoditieschart.net/zh/markets"/><link rel="alternate" hrefLang="x-default" href="https://commoditieschart.net/markets"/></head><body class="font-sans antialiased">
1<script>((e, i, s, u, m, a, l, h) => {
2	let d = document.documentElement, w = ["light", "dark"];
3	function p(n) {
4		(Array.isArray(e) ? e : [e]).forEach((y) => {
5			let k = y === "class", S = k && a ? m.map((f) => a[f] || f) : m;
6			k ? (d.classList.remove(...S), d.classList.add(a && a[n] ? a[n] : n)) : d.setAttribute(y, n);
7		}), R(n);
8	}
9	function R(n) {
10		h && w.includes(n) && (d.style.colorScheme = n);
11	}
12	function c() {
13		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
14	}
15	if (u) p(u);
16	else try {
17		let n = localStorage.getItem(i) || s;
18		p(l && n === "system" ? c() : n);
19	} catch (n) {}
20})("class","theme","system",null,["light","dark"],null,true,true)</script>
20<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://commoditieschart.net/#organization","name":"CommoditiesChart","url":"https://commoditieschart.net"},{"@type":"WebSite","@id":"https://commoditieschart.net/#website","url":"https://commoditieschart.net","name":"CommoditiesChart","alternateName":"Commodities Chart","publisher":{"@id":"https://commoditieschart.net/#organization"}}]}</script>
20<!--$--><!--$--><a href="#main-content" class="fixed left-4 top-4 z-[100] -translate-y-[200%] rounded-md bg-primary px-4 py-3 text-primary-foreground focus:translate-y-0 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary">Skip to main content</a><section class="hidden xl:block sticky top-0 z-50 w-full bg-background"><div class="mx-auto flex h-[72px] max-w-7xl items-center justify-between px-4"><a title="Commodities Chart" href="/" class="flex min-w-0 items-center gap-2"><img src="/logo.png" alt="Commodities Chart" class="h-10 w-10" width="40" height="40"/><span class="text-xl truncate font-bold bg-gradient-to-r from-orange-500 via-red-500 to-orange-600 bg-clip-text text-transparent">Commodities Chart</span></a><div class="h-10 w-80 rounded-md bg-muted" aria-hidden="true"></div></div><div class="h-12 w-full bg-slate-800" aria-hidden="true"></div></section><section class="sticky top-0 z-50 w-full bg-background xl:hidden"><div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4"><a title="Commodities Chart" href="/" class="flex min-w-0 items-center gap-2"><img src="/logo.png" alt="Commodities Chart" class="h-9 w-9" width="40" height="40"/><span class="text-xl truncate font-bold bg-gradient-to-r from-orange-500 via-red-500 to-orange-600 bg-clip-text text-transparent">Commodities Chart</span></a><button type="button" aria-label="Open menu" aria-expanded="false" aria-controls="_R_95aaq_" class="inline-flex h-10 w-10 items-center justify-center rounded-md bg-primary text-primary-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="relative block h-5 w-5" aria-hidden="true"><span class="absolute left-0 top-1 block h-0.5 w-5 rounded bg-current transition-transform "></span><span class="absolute left-0 top-2.5 block h-0.5 w-5 rounded bg-current transition-opacity "></span><span class="absolute left-0 top-4 block h-0.5 w-5 rounded bg-current transition-transform "></span></span></button></div><div id="_R_95aaq_" hidden="" class="max-h-[calc(100dvh-4rem)] overflow-y-auto border-t border-border bg-background px-4 pb-5 shadow-lg"><nav aria-label="Main navigation" class="grid gap-1 py-3"><a title="Home" href="/" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Home</a><a title="Markets" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted active" href="/markets" data-status="active" aria-current="page">Markets</a><a title="Energy" href="/energy" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Energy</a><a title="Metals" href="/metals" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Metals</a><a title="Agriculture" href="/agriculture" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Agriculture</a><a title="Bonds" href="/bonds" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Bonds</a><a title="Markets &amp; Economy" href="/market-economy" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Markets &amp; Economy</a><a title="Rig Count" href="/rig-count" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Rig Count</a><a title="Custom Charts" href="/custom-charts" class="rounded-md px-3 py-2 text-base font-semibold text-foreground hover:bg-muted">Custom Charts</a></nav><div class="flex items-center justify-between gap-3 border-t border-border pt-4"><button type="button" class="rounded-md px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-muted">中文</button><div class="flex items-center gap-x-2 px-2"><a href="/sign-in?callbackUrl=%2Fmarkets" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">Sign In</a></div></div></div></section><main id="main-content" tabindex="-1" class="overflow-x-hidden px-4 sm:px-0"><!--$-->
20<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://commoditieschart.net/markets#webpage","url":"https://commoditieschart.net/markets","name":"Markets Overview - CommoditiesChart","description":"Explore energy contract quotes and selected historical charts across metals, agriculture, and macro markets.","inLanguage":"en","isPartOf":{"@id":"https://commoditieschart.net/#website"},"publisher":{"@type":"Organization","@id":"https://commoditieschart.net/#organization","name":"CommoditiesChart","url":"https://commoditieschart.net"}}]}</script>
20<!--$--><section class="py-6 bg-background sm:py-8"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="rounded-[2rem] border border-border bg-gradient-to-br from-orange-50 via-white to-amber-50 p-6 shadow-sm dark:border-orange-900/60 dark:from-stone-900 dark:via-zinc-950 dark:to-orange-950/40 dark:shadow-[0_24px_80px_rgba(0,0,0,0.35)] sm:p-10"><div class="max-w-4xl"><p class="text-sm font-semibold uppercase tracking-[0.25em] text-orange-600 dark:text-orange-400">Markets Overview</p><h1 class="mt-4 text-3xl font-bold tracking-tight text-stone-900 dark:text-stone-50 sm:text-5xl">Browse Global Commodity Markets</h1><p class="mt-5 max-w-3xl text-base leading-7 text-stone-700 dark:text-stone-300 sm:text-lg">Browse energy contract quotes and historical charts for other markets, then open the instruments you follow.</p></div><div class="mt-6 flex flex-wrap gap-3"><a href="#energy" class="rounded-full border border-orange-200 bg-white px-4 py-2 text-sm font-semibold text-orange-700 transition hover:border-orange-400 hover:text-orange-800 dark:border-orange-800/70 dark:bg-white/5 dark:text-orange-200 dark:hover:border-orange-500 dark:hover:bg-white/10 dark:hover:text-orange-100">Energy</a><a href="#metals" class="rounded-full border border-orange-200 bg-white px-4 py-2 text-sm font-semibold text-orange-700 transition hover:border-orange-400 hover:text-orange-800 dark:border-orange-800/70 dark:bg-white/5 dark:text-orange-200 dark:hover:border-orange-500 dark:hover:bg-white/10 dark:hover:text-orange-100">Metals</a><a href="#agriculture" class="rounded-full border border-orange-200 bg-white px-4 py-2 text-sm font-semibold text-orange-700 transition hover:border-orange-400 hover:text-orange-800 dark:border-orange-800/70 dark:bg-white/5 dark:text-orange-200 dark:hover:border-orange-500 dark:hover:bg-white/10 dark:hover:text-orange-100">Agriculture</a><a href="#macro" class="rounded-full border border-orange-200 bg-white px-4 py-2 text-sm font-semibold text-orange-700 transition hover:border-orange-400 hover:text-orange-800 dark:border-orange-800/70 dark:bg-white/5 dark:text-orange-200 dark:hover:border-orange-500 dark:hover:bg-white/10 dark:hover:text-orange-100">Macro Context</a><a href="/custom-charts" class="rounded-full border border-border bg-card px-4 py-2 text-sm font-semibold text-foreground transition hover:border-orange-300 hover:text-orange-600 dark:border-orange-800/70 dark:bg-stone-900 dark:text-stone-100 dark:hover:border-orange-500 dark:hover:text-orange-200">Custom Charts</a></div></div><section class="bg-background py-8 sm:py-10"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between"><div><p class="text-sm font-semibold uppercase tracking-[0.25em] text-orange-700">Market Snapshot</p><h2 class="mt-2 text-2xl font-bold tracking-tight text-foreground sm:mt-3 sm:text-3xl">Energy Market Quotes</h2></div><a class="text-sm font-semibold text-orange-700 hover:text-orange-800 active" href="/markets" data-status="active" aria-current="page">View All Markets</a></div><div class="mt-6 sm:mt-8 grid gap-4 md:grid-cols-2 xl:grid-cols-3"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="rounded-3xl border border-border bg-card p-5 shadow-sm transition hover:-translate-y-1 hover:border-orange-300 hover:shadow-lg"><div class="flex items-center justify-between gap-3"><div><div class="text-sm font-semibold text-muted-foreground">Energy</div><div class="mt-1 text-xl font-bold text-foreground">WTI Crude Oil Futures</div></div><div class="rounded-full bg-orange-100 px-3 py-1 text-xs font-semibold text-orange-700">CLUSD</div></div><div class="mt-6 flex items-end justify-between gap-4"><div><div class="text-3xl font-bold text-foreground"><span class="inline-block h-7 w-20 animate-pulse rounded bg-muted align-middle"></span></div><div class="mt-1 text-sm text-muted-foreground">USD/bbl</div></div><div class="h-10 w-16 animate-pulse rounded bg-muted"></div></div></a><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="rounded-3xl border border-border bg-card p-5 shadow-sm transition hover:-translate-y-1 hover:border-orange-300 hover:shadow-lg"><div class="flex items-center justify-between gap-3"><div><div class="text-sm font-semibold text-muted-foreground">Energy</div><div class="mt-1 text-xl font-bold text-foreground">Brent Crude Oil</div></div><div class="rounded-full bg-orange-100 px-3 py-1 text-xs font-semibold text-orange-700">BZUSD</div></div><div class="mt-6 flex items-end justify-between gap-4"><div><div class="text-3xl font-bold text-foreground"><span class="inline-block h-7 w-20 animate-pulse rounded bg-muted align-middle"></span></div><div class="mt-1 text-sm text-muted-foreground">USD/bbl</div></div><div class="h-10 w-16 animate-pulse rounded bg-muted"></div></div></a><a href="/markets#energy" class="rounded-3xl border border-border bg-card p-5 shadow-sm transition hover:-translate-y-1 hover:border-orange-300 hover:shadow-lg"><div class="flex items-center justify-between gap-3"><div><div class="text-sm font-semibold text-muted-foreground">Energy</div><div class="mt-1 text-xl font-bold text-foreground">US Natural Gas</div></div><div class="rounded-full bg-orange-100 px-3 py-1 text-xs font-semibold text-orange-700">NGUSD</div></div><div class="mt-6 flex items-end justify-between gap-4"><div><div class="text-3xl font-bold text-foreground"><span class="inline-block h-7 w-20 animate-pulse rounded bg-muted align-middle"></span></div><div class="mt-1 text-sm text-muted-foreground">USD/MMBtu</div></div><div class="h-10 w-16 animate-pulse rounded bg-muted"></div></div></a><a href="/gasoline/us-nymex-rbob-gasoline-price" class="rounded-3xl border border-border bg-card p-5 shadow-sm transition hover:-translate-y-1 hover:border-orange-300 hover:shadow-lg"><div class="flex items-center justify-between gap-3"><div><div class="text-sm font-semibold text-muted-foreground">Energy</div><div class="mt-1 text-xl font-bold text-foreground">RBOB Gasoline</div></div><div class="rounded-full bg-orange-100 px-3 py-1 text-xs font-semibold text-orange-700">RBUSD</div></div><div class="mt-6 flex items-end justify-between gap-4"><div><div class="text-3xl font-bold text-foreground"><span class="inline-block h-7 w-20 animate-pulse rounded bg-muted align-middle"></span></div><div class="mt-1 text-sm text-muted-foreground">USD/gal</div></div><div class="h-10 w-16 animate-pulse rounded bg-muted"></div></div></a></div></div></section><div class="mt-12"><div class="mb-6 flex items-end justify-between gap-4"><div><h2 class="text-2xl font-bold text-foreground sm:text-3xl">Key Contracts</h2><p class="mt-2 text-muted-foreground">Start with benchmark contracts that set the tone across commodity markets.</p></div></div><div class="space-y-6"><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">WTI Crude Oil Futures</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">The core US oil benchmark for global crude positioning and headline market reaction.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a><a href="/markets#energy" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Natural Gas</a><a href="/gasoline/us-nymex-rbob-gasoline-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->RBOB Gasoline</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 md:flex-row-reverse"><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/crude-oil/Europe-brent-crude-oil-futures-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Brent Crude Oil</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">The global seaborne benchmark, useful for comparing Atlantic Basin and global supply shifts.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/markets#energy" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Natural Gas</a><a href="/gasoline/us-nymex-rbob-gasoline-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->RBOB Gasoline</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/markets#energy"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">US Natural Gas</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A volatile energy benchmark that helps users monitor weather and storage-sensitive moves.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a><a href="/gasoline/us-nymex-rbob-gasoline-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->RBOB Gasoline</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 md:flex-row-reverse"><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/gasoline/us-nymex-rbob-gasoline-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">RBOB Gasoline</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A downstream oil contract that helps confirm refined-product strength against crude.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a><a href="/markets#energy" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Natural Gas</a></div></div></div></div></div></div></div></div><div class="mt-16 space-y-16"><section id="energy"><div class="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between"><div class="max-w-3xl"><h2 class="text-2xl font-bold text-foreground sm:text-3xl">Energy</h2><p class="mt-2 text-base leading-7 text-muted-foreground">Track benchmark fuel contracts, refine spreads, and supply-sensitive moves.</p></div><div class="flex flex-wrap gap-2"><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">WTI, Brent, Natural Gas</span><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Gasoline and heating oil confirmation</span></div></div><div class="grid gap-6 lg:grid-cols-2"><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">WTI Crude Oil Futures</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">The core US oil benchmark for global crude positioning and headline market reaction.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a><a href="/markets#energy" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Natural Gas</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/crude-oil/Europe-brent-crude-oil-futures-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Brent Crude Oil</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">The global seaborne benchmark, useful for comparing Atlantic Basin and global supply shifts.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/markets#energy" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Natural Gas</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/markets#energy"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">US Natural Gas</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A volatile energy benchmark that helps users monitor weather and storage-sensitive moves.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/gasoline/us-nymex-rbob-gasoline-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Energy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">RBOB Gasoline</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A downstream oil contract that helps confirm refined-product strength against crude.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/crude-oil/CME-NYMEX-wti-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->WTI Crude Oil Futures</a><a href="/crude-oil/Europe-brent-crude-oil-futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Brent Crude Oil</a></div></div></div></div></div></div></div></section><section id="metals"><div class="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between"><div class="max-w-3xl"><h2 class="text-2xl font-bold text-foreground sm:text-3xl">Metals</h2><p class="mt-2 text-base leading-7 text-muted-foreground">Monitor industrial demand proxies and precious-metal risk sentiment in one place.</p></div><div class="flex flex-wrap gap-2"><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Copper, gold, silver</span><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">
20Industrial cycle and safe-haven rotation</span></div></div><div class="grid gap-6 lg:grid-cols-2"><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/metals/copper/lme-copper-usd-prices"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Metals</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Copper</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">The go-to industrial metal for reading manufacturing demand and China-linked momentum.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/metals/gold/global-gold-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Gold</a><a href="/metals/silver/global-silver-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Silver</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/metals/gold/global-gold-usd-prices"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Metals</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Gold</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A classic macro hedge used to frame inflation, real rates, and safe-haven demand.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/metals/copper/lme-copper-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Copper</a><a href="/metals/silver/global-silver-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Silver</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/metals/silver/global-silver-usd-prices"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Metals</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Silver</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">Useful for judging both precious-metal sentiment and industrial beta at the same time.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/metals/copper/lme-copper-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Copper</a><a href="/metals/gold/global-gold-usd-prices" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Gold</a></div></div></div></div></div></div></div></section><section id="agriculture"><div class="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between"><div class="max-w-3xl"><h2 class="text-2xl font-bold text-foreground sm:text-3xl">Agriculture</h2><p class="mt-2 text-base leading-7 text-muted-foreground">Keep an eye on crop pricing, trade benchmarks, and weather-sensitive momentum.</p></div><div class="flex flex-wrap gap-2"><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Soybeans and grains</span><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Trade flow and seasonal pricing</span></div></div><div class="grid gap-6 lg:grid-cols-2"><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/agriculture/US-Gulf-soybean-Spot-Price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Agriculture</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">US Gulf Soybean Spot</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A practical benchmark for soybean trade flows, crush margins, and agricultural risk sentiment.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/agriculture/cbot-corn-Futures-price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->CBOT Corn Futures</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/agriculture/cbot-corn-Futures-price"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Agriculture</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">CBOT Corn Futures</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">A staple grains contract for following seasonal crop pricing and feed demand changes.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/agriculture/US-Gulf-soybean-Spot-Price" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US Gulf Soybean Spot</a></div></div></div></div></div></div></div></section><section id="macro"><div class="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between"><div class="max-w-3xl"><h2 class="text-2xl font-bold text-foreground sm:text-3xl">Macro Context</h2><p class="mt-2 text-base leading-7 text-muted-foreground">Use rates and equity context to frame commodity trend strength and risk appetite.</p></div><div class="flex flex-wrap gap-2"><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Treasury rates and Nasdaq</span><span class="rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground">Cross-asset confirmation</span></div></div><div class="grid gap-6 lg:grid-cols-2"><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/bonds/us-1yt-bill-us-treasury-rates-60-year-daily-historical-chart"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Macro Context</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">US 1Y Treasury</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">Short-end rates help frame dollar strength, liquidity conditions, and commodity carry pressure.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/market-economy/us-nasdaq-composite-stock-index-30-year-daily-historical-chart" class="block text-xs text-primary hover:underline truncate">→ <!-- -->Nasdaq Composite</a></div></div></div></div></div></div><div class="transition-shadow duration-300"><div class="rounded-lg text-card-foreground shadow-sm group relative overflow-hidden border border-border hover:border-primary/50 transition-all duration-300 hover:shadow-xl bg-gradient-to-br from-card to-card/50 backdrop-blur-sm"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
20parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative p-4 md:p-6 md:flex md:items-center md:gap-6 "><div class="md:w-3/5 mb-4 md:mb-0"><div class="h-56 md:h-80 bg-gradient-to-br from-muted/30 to-muted/10 rounded-lg flex items-center justify-center overflow-hidden relative"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-50 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="h-full w-full animate-pulse bg-muted/30" aria-hidden="true"></div></div></div><div class="md:w-2/5 flex flex-col justify-center"><a href="/market-economy/us-nasdaq-composite-stock-index-30-year-daily-historical-chart"><div class="flex items-center justify-between mb-3"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary border border-primary/20">Macro Context</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div class="space-y-2"><h3 class="text-base md:text-lg font-semibold text-foreground group-hover:text-primary transition-colors duration-300 line-clamp-2">Nasdaq Composite</h3><p class="text-xs md:text-sm text-muted-foreground line-clamp-2">Use equity risk appetite to confirm whether commodity strength is cyclical or defensive.</p></div><div class="mt-3 flex items-center text-xs font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"><span>View Chart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 ml-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></a><div class="mt-4 pt-4 border-t border-border"><p class="text-xs font-medium text-muted-foreground mb-2">Related Charts</p><div class="space-y-1"><a href="/bonds/us-1yt-bill-us-treasury-rates-60-year-daily-historical-chart" class="block text-xs text-primary hover:underline truncate">→ <!-- -->US 1Y Treasury</a></div></div></div></div></div></div></div></section></div></div></section><!--/$--><!--/$--></main><footer id="footer" class="mt-12 border-t border-border bg-muted/20"><div class="mx-auto max-w-7xl px-5 py-10 sm:px-8 lg:py-12"><div class="flex max-w-2xl items-start gap-3"><img src="/logo.png" alt="" width="80" height="80" loading="lazy" class="h-20 w-20 shrink-0 object-contain"/><div class="min-w-0"><a href="/" class="text-xl font-semibold text-foreground hover:text-primary [overflow-wrap:anywhere]">Commodities Chart</a><p class="mt-2 text-sm leading-6 text-muted-foreground">Commodity and macroeconomic data for historical research. Sources, coverage and observation dates vary by series.</p></div></div><div class="mt-9 grid grid-cols-2 gap-x-5 gap-y-8 md:grid-cols-4 md:gap-x-8"><nav aria-label="Crude oil prices" class="min-w-0"><h2 class="mb-3 text-sm font-semibold text-foreground">Crude oil prices</h2><ul class="space-y-1"><li><a href="/crude-oil/asia-espo-crude-oil-cash-price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">ESPO crude oil</a></li><li><a href="/crude-oil/Abu-Dhabi-murban-crude-oil-futures-price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Murban crude oil</a></li><li><a href="/crude-oil/Platts-oman-crude-oil-futures-price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Oman crude oil</a></li><li><a href="/crude-oil/asia-sokol-crude-oil-cash-price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Sokol crude oil</a></li></ul></nav><nav aria-label="Inventory data" class="min-w-0"><h2 class="mb-3 text-sm font-semibold text-foreground">Inventory data</h2><ul class="space-y-1"><li><a href="/crude-oil/pjk-ara-gasoline-oil-inventories" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">ARA gasoline inventories</a></li><li><a href="/crude-oil/pjk-ara-gasoil-oil-inventories" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">ARA gasoil inventories</a></li><li><a href="/crude-oil/pjk-ara-jet-fuel-oil-inventories" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">ARA jet fuel inventories</a></li></ul></nav><nav aria-label="Agriculture data" class="min-w-0"><h2 class="mb-3 text-sm font-semibold text-foreground">Agriculture data</h2><ul class="space-y-1"><li><a href="/agriculture/Brazil-soybean-Spot-Price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Brazil soybean spot price</a></li><li><a href="/agriculture/Argentina-soybean-Spot-Price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Argentina soybean spot price</a></li><li><a href="/agriculture/Brazil-oil-soybean-Spot-Price" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Brazil soybean oil</a></li></ul></nav><nav aria-label="Research &amp; platform" class="min-w-0"><h2 class="mb-3 text-sm font-semibold text-foreground">Research &amp; platform</h2><ul class="space-y-1"><li><a class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere] active" href="/markets" data-status="active" aria-current="page">Market overview</a></li><li>
20<a href="/custom-charts" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Custom Charts</a></li><li><a href="/methodology" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Data methodology</a></li><li><a href="/data-usage" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Data use</a></li><li><a href="/about" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">About</a></li><li><a href="/contact" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Contact</a></li></ul></nav></div><section aria-label="Data sources" class="mt-9 border-t border-border pt-6"><h2 class="text-sm font-semibold text-foreground">Data sources</h2><ul class="mt-4 flex flex-wrap items-center gap-x-8 gap-y-4"><li><a href="https://www.lseg.com/" target="_blank" rel="noopener noreferrer" title="LSEG" class="flex h-14 w-40 items-center justify-center rounded border border-border bg-white px-3 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary"><img src="/imgs/lseg-logo.svg" alt="LSEG" width="136" height="36" loading="lazy" class="h-9 w-full object-contain"/></a></li><li><a href="https://www.spglobal.com/market-intelligence/en" target="_blank" rel="noopener noreferrer" title="S&amp;P Global" class="flex h-14 w-40 items-center justify-center rounded border border-border bg-white px-3 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary"><img src="/imgs/SPGI_BIG.svg" alt="S&amp;P Global" width="136" height="36" loading="lazy" class="h-9 w-full object-contain"/></a></li></ul><p class="mt-3 max-w-3xl text-xs leading-5 text-muted-foreground">Sources shown may apply to historical series. Refer to each dataset for its specific source and observation date. Source names and logos identify their owners and do not imply endorsement or a current partnership.</p></section><div class="mt-6 border-t border-border pt-5"><ul class="flex flex-wrap gap-x-6 gap-y-1"><li><a href="/privacy-policy" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Privacy Policy</a></li><li><a href="/terms-of-service" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Terms of Service</a></li><li><a href="/friends-list" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Reciprocal Links</a></li><li><a href="https://13f.chat/" target="_blank" rel="noopener noreferrer" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">13F Chat</a></li><li><a href="https://assetmanagementcompany.net/" target="_blank" rel="noopener noreferrer" class="inline-block max-w-full py-1 text-sm leading-6 text-muted-foreground transition-colors hover:text-primary hover:underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary [overflow-wrap:anywhere]">Asset Management Company</a></li></ul><div class="mt-4 flex flex-wrap items-center justify-between gap-3 text-xs leading-5 text-muted-foreground"><p>© 2026 CommoditiesChart.net</p><a title="Changelog" href="/changelog" class="shrink-0 underline underline-offset-4 hover:text-primary">v<!-- -->1.1.51</a></div></div></div></footer><!--/$-->
20<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
20<!--/$-->
20<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){if(this.hydrated&&this.streamEnded){const e=()=>{self.$_TSR?.hydrated&&self.$_TSR?.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e,{once:!0}):e()}},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-VluFgCL_.js","/assets/chunk-aKtaBQYM.js","/assets/runtime-IWjrChA0.js","/assets/link-DS76vZiJ.js","/assets/matchContext-CSBBVmxC.js","/assets/useParams-Bj4siASy.js","/assets/not-found-i5RsCZif.js","/assets/qss-CuvTgpZA.js","/assets/redirect-1Dss4sOM.js","/assets/createServerFn-B6nxsCBX.js","/assets/react-dom-7mghPgEk.js","/assets/jsx-runtime-BqYSgJeI.js","/assets/react-CUqvU1Gm.js","/assets/config-D6U0KUVa.js","/assets/i18n-content-D3HpH4iq.js","/assets/seo-B-7dCqYy.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-VluFgCL_.js"}}],css:$R[8]=["/assets/index-BVzE2P3E.css"]},"/(site)":$R[9]={preloads:$R[10]=["/assets/route-ODyoAwsq.js","/assets/navigation-D1T0VtxE.js","/assets/dynamic-cFK-yYsU.js","/assets/layout-shell-DcRi-qcY.js","/assets/floating-ads-policy-Cd9Hh8MU.js"]},"/(site)/markets/":$R[11]={preloads:$R[12]=["/assets/markets-CgkBBm2i.js","/assets/MarketSummaryBoard-BOgpmt6N.js","/assets/market-catalog-CrjJUteF.js"]}}}
20,matches:$R[13]=[$R[14]={i:"__root__�",u:1791442671749,s:"success",ssr:!0},$R[15]={i:"�(site)�",u:1791442671749,s:"success",ssr:!0},$R[16]={i:"�(site)�markets��markets�",u:1791442671749,s:"success",l:$R[17]={locale:"en",title:"Markets Overview - CommoditiesChart",description:"Explore energy contract quotes and selected historical charts across metals, agriculture, and macro markets."},ssr:!0}],lastMatchId:"�(site)�markets��markets�"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
20<script type="module" async="" src="/assets/index-VluFgCL_.js"></script>
20<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"af8234cb249a4ddd9bf96c08950e00c0","r":1,"spa":2}' crossorigin="anonymous"></script>
20
21</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.