1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/2b8c9afe24cc8bd3.css?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-4ebfcd0abd2e4b97.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs"/>
1<script src="/_next/static/chunks/fd9d1056-702de770ab72e1ba.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/23-f89f60c6d7a0cfba.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/main-app-693d2cd1d3938aa5.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/b536a0f1-0de48f839e488f3f.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/bd904a5c-8e01d9097819b303.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/82-f0ccbdd24a2e4798.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/app/page-8f6ee122ee4df9f2.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script src="/_next/static/chunks/app/layout-3d1b861158ffd6b7.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<title>250 Years of America â July 4th, by the Numbers</title><meta name="description" content="America's 250th Independence Day: sourced stats on the economy, military, space program, national parks, sports, and July 4th traditions. $32.4T GDP, 341.8M people, 250 years."/>
1<script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" noModule=""></script>
1</head><body class="font-sans"><div id="top" class="min-h-screen text-slate-900"><nav class="fixed top-0 inset-x-0 z-50 transition-all duration-300 bg-transparent"><div class="mx-auto max-w-[1600px] px-4 sm:px-6 h-14 flex items-center justify-between"><a href="#top" class="font-bold text-sm sm:text-base text-white">ðºð¸ America <span class="hidden sm:inline opacity-60">· by the numbers</span></a><div class="hidden md:flex items-center gap-1"><a href="#economy" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">Economy</a><a href="#geography" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">Geography</a><a href="#government" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">Government</a><a href="#military" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">Military & Space</a><a href="#july4" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">July 4th</a><a href="#sports" class="px-3 py-1.5 rounded-md text-sm font-medium transition active:scale-[0.97] text-white hover:text-white hover:bg-white/10">Sports</a></div><a href="#top" class="hidden sm:inline-flex items-center text-xs sm:text-sm font-semibold px-3 py-1.5 rounded-md transition active:scale-[0.97] bg-white/15 text-white hover:bg-white/25 backdrop-blur">Happy 250th ð</a><button type="button" class="md:hidden inline-flex items-center justify-center h-11 w-11 rounded-md active:scale-[0.97] transition text-white" aria-label="Open menu" aria-expanded="false"><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-menu h-6 w-6" aria-hidden="true"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></nav><header class="relative overflow-hidden bg-slate-950 text-white pt-24 sm:pt-28 pb-16 sm:pb-24"><div class="mesh-bg" aria-hidden="true"><div class="mesh-blob-3"></div></div><div class="stars-bg" aria-hidden="true"></div><div class="absolute inset-0 grid-pattern opacity-60"></div><div class="relative mx-auto max-w-[1600px] px-4 sm:px-6"><div class="reveal "><div class="flex flex-wrap items-center gap-3 mb-5"><span class="inline-flex items-center gap-2 rounded-full bg-emerald-500/15 border border-emerald-400/30 px-3 py-1 text-xs font-semibold text-emerald-300"><span class="relative flex h-2 w-2"><span class="absolute inset-0 rounded-full bg-emerald-400 pulse-dot"></span><span class="relative rounded-full h-2 w-2 bg-emerald-400"></span></span>July 4, 2026 · 250th Independence Day</span><span class="inline-flex items-center gap-1.5 rounded-full bg-white/10 px-3 py-1 text-xs font-medium text-white/80 backdrop-blur"><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-earth h-3 w-3" aria-hidden="true"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg> 50 states · 341.8M people</span></div></div><div class="reveal "><h1 class="text-4xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.05]">250 years of America,<br/><span class="text-cyan-300">by the numbers.</span></h1></div><div class="reveal "><p class="mt-5 text-base sm:text-xl text-blue-100/85 max-w-3xl leading-relaxed">From 13 colonies in 1776 to the largest economy, the most patents, and the most Olympic medals on Earth.<span class="text-white font-semibold"> Real, sourced stats on the country we're celebrating this weekend.</span></p></div><div class="mt-10 grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4"><div class="reveal "><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold">Years of independence</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-red-300"><span class="tabular-nums">0</span></div><div class="text-xs text-white/70 mt-1">Declared July 4, 1776</div></div></div><div class="reveal "><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold">GDP â #1 in the world</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-cyan-300"><span class="tabular-nums">$32.4T</span></div><div class="text-xs text-white/70 mt-1">Ahead of China's $20.85T</div></div></div><div class="reveal "><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold">Population</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-white"><span class="tabular-nums">0.0</span>M</div><div class="text-xs text-white/70 mt-1">Median age 39.4</div></div></div><div class="reveal "><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold">Active-duty military</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-white"><span class="tabular-nums">0.00</span>M</div><div class="text-xs text-white/70 mt-1">Largest defense budget on Earth</div></div></div></div><div class="reveal "><div class="mt-4"><div class="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4" role="img" aria-label="Live-updating estimate: US GDP counting up from $32.4 trillion at roughly $1 million per second, and US population counting up from 341.8 million at roughly one person every 24.5 seconds"><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold flex items-center gap-1.5"><span class="relative flex h-1.5 w-1.5"><span class="absolute inset-0 rounded-full bg-emerald-400 pulse-dot"></span><span class="relative rounded-full h-1.5 w-1.5 bg-emerald-400"></span></span>Live GDP estimate, ticking since you loaded this page</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-white tabular-nums">$32.400000T</div><div class="text-xs text-white/70 mt-1">~$1.03M generated every second · BEA annualized</div></div><div class="glass rounded-2xl p-4 sm:p-5"><div class="text-[10px] sm:text-xs uppercase tracking-[0.15em] text-white/70 font-semibold flex items-center gap-1.5"><span class="relative flex h-1.5 w-1.5"><span class="absolute inset-0 rounded-full bg-emerald-400 pulse-dot"></span><span class="relative rounded-full h-1.5 w-1.5 bg-emerald-400"></span></span>Live population estimate</div><div class="text-2xl sm:text-4xl font-bold mt-2 text-white tabular-nums">341,800,000</div><div class="text-xs text-white/70 mt-1">~1 new person every 24.5 seconds · Census Bureau methodology</div></div></div></div></div></div></header><section class="border-y border-slate-200 bg-white"><div class="mx-auto max-w-[1600px]"><div class="px-4 sm:px-6 pt-6"><div class="text-xs uppercase tracking-[0.2em] text-slate-500 font-semibold">13 colonies â 50 states · one union</div></div><div class="overflow-hidden py-4 relative"><div class="absolute left-0 top-0 bottom-0 w-12 sm:w-20 bg-gradient-to-r from-slate-50 to-transparent z-10 pointer-events-none"></div><div class="absolute right-0 top-0 bottom-0 w-12 sm:w-20 bg-gradient-to-l from-slate-50 to-transparent z-10 pointer-events-none"></div><div class="marquee-track flex gap-3 w-max"><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Alabama</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Alaska</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Arizona</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Arkansas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">California</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Colorado</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Connecticut</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Delaware</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Florida</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Georgia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Hawaii</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Idaho</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Illinois</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Indiana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Iowa</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Kansas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Kentucky</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Louisiana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Maine</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Maryland</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Massachusetts</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Michigan</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Minnesota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Mississippi</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Missouri</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Montana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Nebraska</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Nevada</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">New Hampshire</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">New Jersey</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">New Mexico</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">New York</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">North Carolina</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">North Dakota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Ohio</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap
1 shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Oklahoma</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Oregon</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Pennsylvania</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Rhode Island</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">South Carolina</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">South Dakota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Tennessee</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Texas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Utah</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Vermont</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Virginia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Washington</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">West Virginia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Wisconsin</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Wyoming</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Alabama</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Alaska</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Arizona</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Arkansas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">California</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Colorado</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Connecticut</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Delaware</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Florida</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Georgia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Hawaii</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Idaho</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Illinois</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Indiana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Iowa</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Kansas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Kentucky</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Louisiana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Maine</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Maryland</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Massachusetts</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Michigan</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Minnesota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Mississippi</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Missouri</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Montana</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Nebraska</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Nevada</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">New Hampshire</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">New Jersey</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">New Mexico</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">New York</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">North Carolina</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">North Dakota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Ohio</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Oklahoma</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Oregon</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Pennsylvania</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Rhode Island</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">South Carolina</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">South Dakota</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Tennessee</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Texas</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Utah</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">Vermont</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Virginia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Washington</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #2563eb 0%, #2563ebdd 100%)">West Virginia</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #0f172a 0%, #0f172add 100%)">Wisconsin</div><div class="flex items-center justify-center px-5 sm:px-7 py-3 sm:py-4 rounded-xl text-white font-bold text-sm sm:text-base whitespace-nowrap shadow-md" style="background:linear-gradient(135deg, #dc2626 0%, #dc2626dd 100%)">Wyoming</div></div></div></div></section><main class="mx-auto max-w-[1600px] px-4 sm:px-6 py-12 sm:py-20 space-y-16 sm:space-y-24"><div class="reveal "><section><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">At a glance</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">America's scorecard</h2></div><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-3 sm:gap-4 auto-rows-[120px] sm:auto-rows-[140px]"><div class="col-span-2 row-span-2 rounded-2xl bg-gradient-to-br from-red-600 via-red-700 to-blue-700 p-5 sm:p-6 text-white flex flex-col justify-between overflow-hidden relative"><div class="absolute -right-10 -bottom-10 h-48 w-48 rounded-full bg-white/10 blur-2xl"></div><div class="flex items-center gap-2 relative"><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="lu
1cide lucide-dollar-sign h-4 w-4" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><span class="text-xs uppercase tracking-wider opacity-80">GDP, #1 in the world</span></div><div class="relative"><div class="text-3xl sm:text-5xl font-bold"><span class="tabular-nums">$32.4T</span></div><div class="text-xs sm:text-sm text-blue-100 mt-1">$39.3T in national debt · $73.9T stock market value</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-blue-100 flex items-center justify-center"><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-users h-4 w-4 text-blue-700" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">Population</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5"><span class="tabular-nums">0.0</span>M</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-emerald-100 flex items-center justify-center"><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-map-pin h-4 w-4 text-emerald-700" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><div class="text-xs text-slate-500 font-medium">Land area</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5">3.53M mi²</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-red-100 flex items-center justify-center"><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-shield h-4 w-4 text-red-700" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">Active military</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5"><span class="tabular-nums">0.00</span>M</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-emerald-100 flex items-center justify-center"><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-trees h-4 w-4 text-emerald-700" aria-hidden="true"><path d="M10 10v.2A3 3 0 0 1 8.9 16H5a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0Z"></path><path d="M7 16v6"></path><path d="M13 19v3"></path><path d="M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">National Parks</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5"><span class="tabular-nums">0</span></div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-amber-100 flex items-center justify-center"><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-award h-4 w-4 text-amber-700" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div><div class="text-xs text-slate-500 font-medium">Patents (2025)</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5">327,641</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-orange-100 flex items-center justify-center"><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-trophy h-4 w-4 text-orange-700" aria-hidden="true"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path>
1<path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">Olympic golds</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5">~<span class="tabular-nums">0</span></div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-cyan-100 flex items-center justify-center"><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-rocket h-4 w-4 text-cyan-700" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">NASA budget</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5">$24.4B</div></div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 flex flex-col justify-between hover:shadow-md hover:-translate-y-0.5 transition-all duration-200"><div class="h-8 w-8 rounded-lg bg-slate-200 flex items-center justify-center"><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-factory h-4 w-4 text-slate-700" aria-hidden="true"><path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M17 18h1"></path><path d="M12 18h1"></path><path d="M7 18h1"></path></svg></div><div><div class="text-xs text-slate-500 font-medium">Oil production</div><div class="text-xl sm:text-3xl font-bold text-slate-900 mt-0.5">#1 world</div></div></div></div></section></div><section><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">World rankings</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">Where America sits versus the rest of the world</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">Eight categories, ranked. The US leads six of them outright â and lands #3 in the two it doesn't.</p></div></div><div class="reveal "><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><div class="grid grid-cols-1 lg:grid-cols-[360px_1fr] gap-6 lg:gap-10 items-center"><div><h3 class="font-bold text-slate-900 mb-1">America vs. the world, normalized</h3><p class="text-xs text-slate-500 mb-2">100 = global leader in category · composite score</p><div class="h-[280px] sm:h-[320px]" role="img" aria-label="Radar chart showing America scoring 100 out of 100 in economy, military, space, and sports, 95 in innovation, 68 in land area, and 62 in population â the US leads outright in the categories where it can be led, and ranks third in the two determined by geography and demographics"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Economy (GDP)</div><div class="text-xs text-slate-500 mt-1 leading-snug">$32.4T, ahead of China ($20.85T)</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Oil production</div><div class="text-xs text-slate-500 mt-1 leading-snug">13.6M barrels/day, 16% of global supply</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Military spending</div><div class="text-xs text-slate-500 mt-1 leading-snug">$1.05T, more than the next ~9 countries combined</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Satellites operated</div><div class="text-xs text-slate-500 mt-1 leading-snug">~72% of all active satellites worldwide</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Olympic medals, all-time</div><div class="text-xs text-slate-500 mt-1 leading-snug">~3,136 medals, ~1,232 gold</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-red-600">#1</div><div class="text-sm font-bold text-slate-900 mt-1">Patents granted (2025)</div><div class="text-xs text-slate-500 mt-1 leading-snug">327,641 utility patents</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-blue-700">#3</div><div class="text-sm font-bold text-slate-900 mt-1">Land area</div><div class="text-xs text-slate-500 mt-1 leading-snug">3.53M sq mi, behind Russia & Canada</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 hover:shadow-md hover:-translate-y-0.5 transition-all"><div class="text-3xl font-bold text-blue-700">#3</div><div class="text-sm font-bold text-slate-900 mt-1">Population</div><div class="text-xs text-slate-500 mt-1 leading-snug">341.8M, behind India & China</div></div></div></div></div></div></section><section><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">250 years of growth</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">From 2.5 million people to 341.8 million</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">Population up 137à since 1776. GDP figures before 1929 are historical reconstructions (MeasuringWorth/BEA methodology), not official statistics â shown for scale, not precision.</p></div></div><div class="reveal "><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10"><div class="lg:sticky lg:top-24 h-fit"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm"><div class="mb-3"><div class="relative h-3 w-full rounded-full overflow-hidden bg-slate-200" role="presentation" aria-hidden="true"><div class="absolute inset-0 rounded-full origin-left" style="transform:scale
1X(0);background:linear-gradient(90deg, #b91c1c 0%, #dc2626 35%, #ffffff 50%, #2563eb 65%, #1d4ed8 100%);transition:transform 200ms linear"></div></div></div><div class="h-[280px] sm:h-[320px]" role="img" aria-label="Growth chart currently highlighting 1776: population 2.5 million"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div><div class="mt-3 grid grid-cols-3 gap-2 text-center"><div class="rounded-lg bg-slate-50 py-2"><div class="text-lg font-bold text-slate-900">1776</div><div class="text-[10px] text-slate-500 uppercase tracking-wider">Year</div></div><div class="rounded-lg bg-blue-50 py-2"><div class="text-lg font-bold text-blue-700">2.5<!-- -->M</div><div class="text-[10px] text-blue-700 uppercase tracking-wider">Population</div></div><div class="rounded-lg bg-red-50 py-2"><div class="text-lg font-bold text-red-700">N/A</div><div class="text-[10px] text-red-700 uppercase tracking-wider">GDP</div></div></div></div></div><div class="space-y-20 sm:space-y-28 py-4"><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-blue-300 bg-blue-50/50 shadow-md"><div class="text-3xl sm:text-4xl font-bold text-blue-700">1776</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">13 colonies declare independence. Population: 2.5 million.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">1800</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">The young republic grows to 16 states and 5.3 million people.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">1850</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">California joins mid-century â 31 states, 23.2 million people.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">1900</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">Industrial America: 45 states, 76.2 million people, GDP crosses $18B.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">1950</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">Post-war boom: 48 states, 151.3 million people, GDP nears $300B.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">2000</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">The digital-era economy: 50 states, 281.4 million people, GDP past $10T.</p></div><div class="rounded-2xl border p-5 sm:p-6 transition-all duration-300 border-slate-200 bg-white"><div class="text-3xl sm:text-4xl font-bold text-slate-300">2026</div><p class="mt-2 text-sm sm:text-base text-slate-700 leading-relaxed">Today â 250 years later: 50 states, 341.8 million people, $32.4T GDP.</p></div></div></div></div></section><section id="economy" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">Economy</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">The largest economy the world has ever seen</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">$32.4 trillion in nominal GDP â bigger than the next three countries combined.</p></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6"><div class="reveal "><div class="lg:col-span-2"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><div class="flex items-start justify-between mb-3"><div><h3 class="text-lg font-bold text-slate-900">World's largest economies</h3><p class="text-xs text-slate-500">$ trillions, nominal GDP · approx., IMF / BEA 2026</p></div></div><div class="h-[280px] sm:h-[340px]" role="img" aria-label="Bar chart: US GDP $32.4 trillion, more than double China at $19.5 trillion, and far ahead of Germany, India, Japan, and the UK"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div></div></div></div><div class="reveal "><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm h-full flex flex-col justify-between gap-3"><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">GDP (nominal)</div><div class="text-[11px] text-slate-500">#1 in the world · BEA / IMF</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">$32.4T</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">GDP per capita</div><div class="text-[11px] text-slate-500">BEA / Census</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">$94,900</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">National debt</div><div class="text-[11px] text-slate-500">as of June 2026 · US Treasury, Debt to the Penny</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">$39.3T</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Unemployment rate</div><div class="text-[11px] text-slate-500">May 2026 · BLS</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">4.3%</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Median household income</div><div class="text-[11px] text-slate-500">2024 · Census Bureau</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">$83,730</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Stock market value</div><div class="text-[11px] text-slate-500">Wilshire 5000, Jun 2026</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">$73.9T</span></div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-1 sm:grid-cols-3 gap-4"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Oil production</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-blue-700">13.6M bbl/day</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">#1 in the world, 16% of global supply · EIA</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Manufacturing output</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-blue-700">$2.95T</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">would rank #8 globally alone · BEA</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Manufacturing share of GDP</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-blue-700">9.5%</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">BEA, Q3 2025</div></div></div></div></section><section id="geography" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">Geography &
1 people</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">341.8 million people across 3.53 million square miles</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">The third-largest country by both land area and population â spanning 9 time zones, from Denali's summit to Death Valley's basin.</p></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6"><div class="reveal "><div class="lg:col-span-2"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><h3 class="text-lg font-bold text-slate-900 mb-1">Largest cities by population</h3><p class="text-xs text-slate-500 mb-3">Millions · US Census Bureau</p><div class="h-[260px] sm:h-[300px]" role="img" aria-label="Bar chart of largest US cities by population: New York City 8.48 million, Los Angeles 3.9 million, Chicago 2.7 million, Houston 2.4 million, Phoenix 1.7 million"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div></div></div></div><div class="reveal "><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm h-full flex flex-col justify-between gap-3"><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Population</div><div class="text-[11px] text-slate-500">Vintage 2025 · Census Bureau</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">341.8M</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">
1Median age</div><div class="text-[11px] text-slate-500">record high · Census Bureau</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">39.4 yrs</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Foreign-born population</div><div class="text-[11px] text-slate-500">record high, Jan 2025 · Census/CIS</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">53.3M (15.8%)</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Languages spoken at home</div><div class="text-[11px] text-slate-500">Census Bureau</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">350+</span></div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Land area</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">3.53M sq mi</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">#3 in the world · Census / World Bank</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Coastline</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">95,471 mi</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">NOAA</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Time zones</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">9</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">6 in the 50 states + 3 territories</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Highest point</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">Denali · 20,310 ft</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">Alaska · USGS/NPS</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Lowest point</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">Badwater Basin · -282 ft</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">Death Valley, CA · NPS</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">States</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">50</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">Union completed 1959</div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><div class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3 mb-1"><div><h3 class="font-bold text-slate-900">All 50 states, sized by population</h3><p class="text-xs text-slate-500 mt-1">Geographic map<!-- --> · US Census Bureau, Vintage 2025 estimates</p></div><div class="inline-flex rounded-lg border border-slate-200 p-0.5 shrink-0"><button type="button" aria-pressed="true" class="inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-semibold transition active:scale-[0.97] bg-blue-600 text-white"><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-map h-3.5 w-3.5" aria-hidden="true"><path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"></path><path d="M15 5.764v15"></path><path d="M9 3.236v15"></path></svg> Map</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-semibold transition active:scale-[0.97] text-slate-600 hover:bg-slate-100"><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-layout-grid h-3.5 w-3.5" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg> Treemap</button></div></div><div class="mt-3"><div class="relative"><div role="img" aria-label="Choropleth map of the United States shaded by state population, from California and Texas as the largest at 39.5 and 31.3 million to Wyoming as the smallest at 0.59 million"><svg viewBox="0 0 800 600" class="rsm-svg w-full h-[340px] sm:h-[440px]"><g class="rsm-geographies "></g></svg></div><div class="mt-4 flex flex-wrap items-center justify-between gap-3"><div class="flex items-center gap-2 text-xs text-slate-500"><span class="inline-flex items-center gap-1.5"><span class="h-2.5 w-2.5 rounded-full" style="background:rgb(205, 227, 254)"></span>
1 Fewer people</span><span class="inline-flex items-center gap-1.5"><span class="h-2.5 w-2.5 rounded-full" style="background:rgb(185, 28, 28)"></span> More people</span></div><div class="text-xs text-slate-500">Click a state for detail · largest: <!-- -->California<!-- --> (<!-- -->39.5<!-- -->M)</div></div></div></div></div></div></div></section><section id="government" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">Government</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">A republic held together by checks and balances</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">The system designed in 1787 still runs the country of 341.8 million people it was built to govern â three branches, accountable to the people.</p></div></div><div class="reveal "><div class="grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6 items-stretch"><div class="rounded-2xl bg-white border border-slate-200 p-6 sm:p-8 shadow-sm flex items-center justify-center"><div class="relative mx-auto" style="width:360px;max-width:100%"><svg viewBox="0 0 360 360" class="w-full" role="img" aria-label="US system of checks and balances: Legislative, Executive, and Judicial branches, accountable to We the People"><defs><linearGradient id="ring" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#3b82f6"></stop><stop offset="33%" stop-color="#06b6d4"></stop><stop offset="66%" stop-color="#10b981"></stop><stop offset="100%" stop-color="#f97316"></stop></linearGradient></defs><g class="spin-slow" style="transform-origin:50% 50%"><circle cx="180" cy="180" r="155" fill="none" stroke="url(#ring)" stroke-width="2" stroke-dasharray="4 8" opacity="0.6"></circle></g><circle cx="180" cy="180" r="130" fill="none" stroke="url(#ring)" stroke-width="3"></circle><polygon points="271.9238815542512,82.07611844574883 279.9238815542512,88.07611844574883 271.9238815542512,94.07611844574883" fill="#06b6d4" transform="rotate(45 271.9238815542512 88.07611844574883)"></polygon><polygon points="271.9238815542512,265.9238815542512 279.9238815542512,271.9238815542512 271.9238815542512,277.9238815542512" fill="#06b6d4" transform="rotate(135 271.9238815542512 271.9238815542512)"></polygon><polygon points="88.07611844574883,265.9238815542512 96.07611844574883,271.9238815542512 88.07611844574883,277.9238815542512" fill="#06b6d4" transform="rotate(225 88.07611844574883 271.9238815542512)"></polygon><polygon points="88.0761184457488,82.07611844574883 96.0761184457488,88.07611844574883 88.0761184457488,94.07611844574883" fill="#06b6d4" transform="rotate(315 88.0761184457488 88.07611844574883)"></polygon><g><circle cx="180" cy="50" r="30" fill="#2563eb"></circle><circle cx="180" cy="50" r="30" fill="none" stroke="#fff" stroke-width="3"></circle><text x="180" y="50" text-anchor="middle" dominant-baseline="central" fill="#fff" font-weight="700" font-size="12">Legislative</text></g><g><circle cx="310" cy="180" r="30" fill="#dc2626"></circle><circle cx="310" cy="180" r="30" fill="none" stroke="#fff" stroke-width="3"></circle><text x="310" y="180" text-anchor="middle" dominant-baseline="central" fill="#fff" font-weight="700" font-size="12">Executive</text></g><g><circle cx="180" cy="310" r="30" fill="#059669"></circle><circle cx="180" cy="310" r="30" fill="none" stroke="#fff" stroke-width="3"></circle><text x="180" y="310" text-anchor="middle" dominant-baseline="central" fill="#fff" font-weight="700" font-size="12">Judicial</text></g><g><circle cx="50" cy="180.00000000000003" r="30" fill="#f97316"></circle><circle cx="50" cy="180.00000000000003" r="30" fill="none" stroke="#fff" stroke-width="3"></circle><text x="50" y="180.00000000000003" text-anchor="middle" dominant-baseline="central" fill="#fff" font-weight="700" font-size="12">We the People</text></g><circle cx="180" cy="180" r="50" fill="#0f172a"></circle><text x="180" y="172" text-anchor="middle" fill="#fff" font-weight="800" font-size="14">Checks &</text><text x="180" y="190" text-anchor="middle" fill="#06b6d4" font-weight="800" font-size="16">Balances</text></svg><div class="grid grid-cols-2 sm:grid-cols-4 gap-2 mt-4"><div class="rounded-lg bg-white px-3 py-2 border border-slate-200"><div class="flex items-center gap-2 mb-0.5"><span class="h-2.5 w-2.5 rounded-full" style="background:#2563eb"></span><span class="font-bold text-sm text-slate-900">Legislative</span></div><div class="text-xs text-slate-600 leading-snug">Congress writes the laws â House & Senate</div></div><div class="rounded-lg bg-white px-3 py-2 border border-slate-200"><div class="flex items-center gap-2 mb-0.5"><span class="h-2.5 w-2.5 rounded-full" style="background:#dc2626"></span><span class="font-bold text-sm text-slate-900">Executive</span></div><div class="text-xs text-slate-600 leading-snug">President enforces the laws</div></div><div class="rounded-lg bg-white px-3 py-2 border border-slate-200"><div class="flex items-center gap-2 mb-0.5"><span class="h-2.5 w-2.5 rounded-full" style="background:#059669"></span><span class="font-bold text-sm text-slate-900">Judicial</span></div><div class="text-xs text-slate-600 leading-snug">Courts interpret the laws</div></div><div class="rounded-lg bg-white px-3 py-2 border border-slate-200"><div class="flex items-center gap-2 mb-0.5"><span class="h-2.5 w-2.5 rounded-full" style="background:#f97316"></span><span class="font-bold text-sm text-slate-900">
1We the People</span></div><div class="text-xs text-slate-600 leading-snug">Vote, petition, and hold all three accountable</div></div></div></div></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 hover:border-blue-300 hover:shadow-md transition-all h-full flex flex-col"><div class="text-2xl sm:text-3xl font-bold text-blue-700 leading-tight">1776</div><div class="text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1">Declaration of Independence</div><div class="text-sm text-slate-700 mt-2 leading-relaxed">13 colonies declared independence from Great Britain on July 4th.</div></div><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 hover:border-blue-300 hover:shadow-md transition-all h-full flex flex-col"><div class="text-2xl sm:text-3xl font-bold text-blue-700 leading-tight">1787</div><div class="text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1">Constitution signed</div><div class="text-sm text-slate-700 mt-2 leading-relaxed">Established the three-branch system of government still in use today.</div></div><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 hover:border-blue-300 hover:shadow-md transition-all h-full flex flex-col"><div class="text-2xl sm:text-3xl font-bold text-blue-700 leading-tight">27</div><div class="text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1">Amendments ratified</div><div class="text-sm text-slate-700 mt-2 leading-relaxed">From the Bill of Rights (1791) to the 27th Amendment (1992).</div></div><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 hover:border-blue-300 hover:shadow-md transition-all h-full flex flex-col"><div class="text-2xl sm:text-3xl font-bold text-blue-700 leading-tight">50</div><div class="text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1">States in the union</div><div class="text-sm text-slate-700 mt-2 leading-relaxed">Completed in 1959 with the admission of Alaska and Hawaii.</div></div></div></div></div></section><section id="military" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">Military & space</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">The largest defense budget and the most satellites on Earth</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">$1 trillion in defense spending funds 11 active aircraft carriers â while American operators run roughly 72% of every active satellite in orbit.</p></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6"><div class="reveal "><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm h-full flex flex-col"><div class="text-xs uppercase tracking-wider text-blue-600 font-semibold mb-1">Orbital dominance</div><h3 class="font-bold text-slate-900 mb-3">Share of world's active satellites</h3><div class="flex-1 flex flex-col items-center justify-center"><div class="flex flex-col items-center"><svg viewBox="0 0 220 130" class="w-full max-w-[220px]" role="img" aria-label="Operated by the US: 72%"><defs><linearGradient id="gaugeFill" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#06b6d4"></stop><stop offset="100%" stop-color="#10b981"></stop></linearGradient></defs><path d="M 8 110 A 102 102 0 0 1 212 110" fill="none" stroke="#e2e8f0" stroke-width="16" stroke-linecap="round"></path><path d="M 8 110 A 102 102 0 0 1 212 110" fill="none" stroke="url(#gaugeFill)" stroke-width="16" stroke-linecap="round" stroke-dasharray="0 320.4424506661589"></path><text x="110" y="102" text-anchor="middle" font-size="36" font-weight="800" fill="#0f172a">0<!-- -->%</text><text x="110" y="122" text-anchor="middle" font-size="11" fill="#64748b">Operated by the US</text></svg></div></div></div></div><div class="reveal "><div class="lg:col-span-2"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><h3 class="font-bold text-slate-900 mb-4">Satellites: world â US â Starlink</h3><div role="img" aria-label="Funnel chart: approximately 14,500 active satellites worldwide, of which about 10,500 (72%) are operated by the US, and 9,900 of those are Starlink satellites alone"><div class="space-y-2 sm:space-y-3"><div class="flex items-center gap-3 sm:gap-4"><div class="w-24 sm:w-32 text-right"><div class="text-xs text-slate-500">Active satellites worldwide</div><div class="text-base sm:text-lg font-bold text-slate-900 tabular-nums">14,500</div></div><div class="flex-1 h-12 sm:h-16 flex items-center justify-center relative"><div class="h-full rounded-lg flex items-center justify-center transition-all duration-500 ease-out shadow-sm" style="width:0%;background:linear-gradient(135deg, #64748b 0%, #64748bcc 100%);transition-delay:0ms"><span class="text-white text-xs sm:text-sm font-semibold px-2 text-center">~14,500</span></div></div></div><div class="flex items-center gap-3 sm:gap-4"><div class="w-24 sm:w-32 text-right"><div class="text-xs text-slate-500">Operated by the US</div><div class="text-base sm:text-lg font-bold text-slate-900 tabular-nums">10,500</div></div><div class="flex-1 h-12 sm:h-16 flex items-center justify-center relative"><div class="h-full rounded-lg flex items-center justify-center transition-all duration-500 ease-out shadow-sm" style="width:0%;background:linear-gradient(135deg, #2563eb 0%, #2563ebcc 100%);transition-delay:50ms"><span class="text-white text-xs sm:text-sm font-semibold px-2 text-center">~10,500 (72%)</span></div></div></div><div class="flex items-center gap-3 sm:gap-4"><div class="w-24 sm:w-32 text-right"><div class="text-xs text-slate-500">Starlink alone</div><div class="text-base sm:text-lg font-bold text-slate-900 tabular-nums">9,900</div></div><div class="flex-1 h-12 sm:h-16 flex items-center justify-center relative"><div class="h-full rounded-lg flex items-center justify-center transition-all duration-500 ease-out shadow-sm" style="width:0%;background:linear-gradient(135deg, #06b6d4 0%, #06b6d4cc 100%);transition-delay:100ms"><span class="text-white text-xs sm:text-sm font-semibold px-2 text-center">~9,900</span></div></div></div></div></div></div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 ga
1p-3"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Active duty personnel</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">1.28M</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">DoD, FY2026</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Defense budget</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">$1.05T</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">FY2026 enacted (base + reconciliation) · largest peacetime budget ever</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Military bases</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">~750</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">~80 countries · DoD</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Aircraft carriers</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">11</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">active supercarriers · US Navy</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Veterans</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">17.3M</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">Dept. of Veterans Affairs, 2026</div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">US patents granted</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-cyan-700">327,641</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">FY2025 · USPTO</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">R&D spending</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-cyan-700">3.43% of GDP</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">NSF/NCSES</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Nobel Prizes</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-cyan-700">400+</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">all-time, most of any nation</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">NASA budget</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-cyan-700">$24.4B</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">FY2026 appropriated</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Active satellites</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-cyan-700">~10,500</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">~72% of world's total · UCS</div></div></div></div></section><section id="july4" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">July 4th traditions</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">150 million hot dogs, $9.4 billion, one weekend</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">What the country actually does on its birthday â the cookouts, the contests, and the fireworks.</p></div></div><div class="reveal "><div class="rounded-3xl bg-gradient-to-br from-red-700 via-slate-900 to-blue-800 p-5 sm:p-8 relative overflow-hidden"><div class="absolute inset-0 grid-pattern opacity-30"></div><div class="relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4"><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">150M</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Hot dogs eaten July 4th</div><div class="text-[11px] text-blue-100 mt-1">National Hot Dog & Sausage Council</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">76 in 10 min</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Nathan'
1s men's record</div><div class="text-[11px] text-blue-100 mt-1">Joey Chestnut, 2021</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">51 in 10 min</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Nathan's women's record</div><div class="text-[11px] text-blue-100 mt-1">Miki Sudo, 2024</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">$94.41</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Cookout spend per person</div><div class="text-[11px] text-blue-100 mt-1">NRF 2026 · $9.4B nationally</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">64%</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Americans grilling out</div><div class="text-[11px] text-blue-100 mt-1">NRF 2026</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4 sm:p-5"><div class="text-2xl sm:text-3xl font-bold text-white">$2.3B+</div><div class="text-xs sm:text-sm font-semibold text-white mt-1">Fireworks industry revenue</div><div class="text-[11px] text-blue-100 mt-1">American Pyrotechnics Assoc.</div></div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-2 sm:grid-cols-4 gap-3"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">National Parks</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">63</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">officially designated · NPS</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">NPS visits (2025)</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">323M+</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">record year, all 433 units · NPS</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Most-visited park</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">Great Smoky Mtns</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">11.5M visits, 2025 · NPS</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Protected land</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-emerald-700">85M+ acres</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">across all NPS units</div></div></div></div></section><section id="sports" class="scroll-mt-20"><div class="reveal "><div class="mb-6 sm:mb-8"><div class="text-xs uppercase tracking-[0.2em] text-blue-600 font-semibold mb-2">Sports</div><h2 class="text-2xl sm:text-4xl font-bold text-slate-900 tracking-tight">~1,232 Olympic golds â more than any other nation</h2><p class="mt-2 text-sm sm:text-base text-slate-600 max-w-3xl">124 professional teams across the Big 4 leagues, and roughly 3,136 Olympic medals won all-time.</p></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6"><div class="reveal "><div class="lg:col-span-2"><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm "><h3 class="font-bold text-slate-900 mb-1">Teams across the Big 4 leagues</h3><p class="text-xs text-slate-500 mb-3">NFL, NHL, NBA, MLB</p><div class="h-[220px] sm:h-[260px]" role="img" aria-label="Bar chart of team counts: NFL 32 teams, NHL 32 teams, NBA 30 teams, MLB 30 teams"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div></div></div></div><div class="reveal "><div class="rounded-2xl border border-slate-200 bg-white p-5 sm:p-6 shadow-sm h-full flex flex-col justify-between gap-3"><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Olympic medals (all-time)</div><div class="text-[11px] text-slate-500">incl. Milan Cortina 2026 · Team USA</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">~3,136</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Olympic golds (all-time)</div><div class="text-[11px] text-slate-500">most of any nation · Team USA</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">~1,232</span></div><div class="flex items-baseline justify-between border-b border-slate-100 pb-2 last:border-0 gap-3"><div><div class="text-sm text-slate-700">Super Bowl LX economic impact</div><div class="text-[11px] text-slate-500">Bay Area, 2026</div></div><span class="text-lg font-bold text-slate-900 tabular-nums whitespace-nowrap">~$720M</span></div></div></div></div><div class="reveal "><div class="mt-4 sm:mt-6 grid grid-cols-2 sm:grid-cols-4 gap-3"><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Flags sold each year</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">150M+</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">Flag Manufacturers Assoc.</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Made in the USA</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">~95%</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">FMAA</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Stars · Stripes</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">50 · 13</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">states · original colonies</div></div><div class="rounded-2xl border border-slate-200 bg-white p-4 sm:p-5 shadow-sm hover:shadow-md transition-shadow"><div class="text-xs text-slate-500 font-medium">Amendments</div><div class="text-lg sm:text-2xl font-bold mt-1 tabular-nums text-red-700">27</div><div class="text-[11px] text-slate-500 mt-1 leading-snug">US Constitution</div></div></div></div></section><div class="reveal "><section class="rounded-3xl bg-gradient-to-br from-slate-950 via-red-950 to-blue-950 p-6 sm:p-10 text-white relative overflow-hidden"><div class="absolute inset-0 grid-pattern opacity-50"></div><div class="absolute -right-20 -bottom-20 h-80 w-80 rounded-full bg-blue-600/30 blur-3xl"></div><div class="absolute -left-20 -top-20 h-72 w-72 rounded-full bg-red-600/25 blur-3xl"></div>
1<div class="relative grid grid-cols-1 lg:grid-cols-5 gap-6 items-center"><div class="lg:col-span-3"><div class="text-xs uppercase tracking-[0.25em] text-cyan-300 font-bold mb-3">From the Declaration of Independence</div><p class="text-xl sm:text-3xl lg:text-4xl font-bold leading-tight">"We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are<span class="text-cyan-300"> Life, Liberty and the pursuit of Happiness.</span>"</p><div class="mt-5 flex items-center gap-3"><div class="h-10 w-10 rounded-full bg-gradient-to-br from-red-500 to-blue-600 flex items-center justify-center font-bold text-white">ðºð¸</div><div><div class="font-bold text-white">July 4, 1776</div><div class="text-sm text-blue-100">Second Continental Congress, Philadelphia</div></div></div></div><div class="lg:col-span-2 grid grid-cols-2 gap-3"><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4"><div class="text-xs text-blue-200 uppercase tracking-wider font-semibold">Years</div><div class="text-3xl sm:text-4xl font-bold text-white mt-1">250</div><div class="text-xs text-blue-100 mt-1">since independence</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4"><div class="text-xs text-blue-200 uppercase tracking-wider font-semibold">States</div><div class="text-3xl sm:text-4xl font-bold text-cyan-300 mt-1">50</div><div class="text-xs text-blue-100 mt-1">from 13 colonies</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4"><div class="text-xs text-blue-200 uppercase tracking-wider font-semibold">People</div><div class="text-3xl sm:text-4xl font-bold text-white mt-1">341.8M</div><div class="text-xs text-blue-100 mt-1">and counting</div></div><div class="rounded-xl bg-white/10 backdrop-blur border border-white/20 p-4"><div class="text-xs text-blue-200 uppercase tracking-wider font-semibold">Economy</div><div class="text-3xl sm:text-4xl font-bold text-cyan-300 mt-1">$32.4T</div><div class="text-xs text-blue-100 mt-1">largest on Earth</div></div></div></div></section></div></main><footer class="border-t border-slate-200 bg-white py-10 mt-12"><div class="mx-auto max-w-[1600px] px-4 sm:px-6 text-center"><p class="text-sm text-slate-600 mb-3">Sources: US Census Bureau, BLS, BEA, US Treasury, DoD, NPS, NASA, USPTO, NSF, EIA, Team USA, NRF, and the National Hot Dog & Sausage Council. Compiled for July 4, 2026 â America's 250th Independence Day.</p><p class="text-sm text-slate-500">Built by<!-- --> <a href="https://x.com/Trace_Cohen" target="_blank" rel="noopener" class="text-blue-600 hover:underline font-semibold">@Trace_Cohen</a> · <a href="mailto:[email protected]" class="text-blue-600 hover:underline font-semibold">[email protected]</a> · <a href="https://valueaddvc.com" target="_blank" rel="noopener" class="text-blue-600 hover:underline font-semibold">More dashboards at ValueAddVC.com</a></p></div></footer></div>
1<script src="/_next/static/chunks/webpack-4ebfcd0abd2e4b97.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
1<script>self.__next_f.push([1,"1:HL[\"/_next/static/css/2b8c9afe24cc8bd3.css?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"2:I[95751,[],\"\"]\n4:I[66513,[],\"ClientPageRoot\"]\n5:I[91981,[\"689\",\"static/chunks/b536a0f1-0de48f839e488f3f.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\",\"870\",\"static/chunks/bd904a5c-8e01d9097819b303.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\",\"82\",\"static/chunks/82-f0ccbdd24a2e4798.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\",\"931\",\"static/chunks/app/page-8f6ee122ee4df9f2.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\"],\"default\"]\n6:I[9599,[\"185\",\"static/chunks/app/layout-3d1b861158ffd6b7.js?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\"],\"SmoothScroll\"]\n7:I[39275,[],\"\"]\n8:I[61343,[],\"\"]\na:I[76130,[],\"\"]\nb:[]\n"])</script>
1<script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2b8c9afe24cc8bd3.css?dpl=dpl_AAfDyb8LAxMm5U1NrhGsEdFLjTbs\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L2\",null,{\"buildId\":\"4ejts2xrrYZFqDbuMeyZd\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[\"$\",\"$L4\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$5\"}]],null],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]]}]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L9\"],\"globalErrorComponent\":\"$a\",\"missingSlots\":\"$Wb\"}]]\n"])</script>
1<script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"250 Years of America â July 4th, by the Numbers\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"America's 250th Independence Day: sourced stats on the economy, military, space program, national parks, sports, and July 4th traditions. $32.4T GDP, 341.8M people, 250 years.\"}]]\n3:null\n"])</script>
1</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.