:root{--text-primary: #000000bf;--text-primary-hover: #000000a0;--text-secondary: #00000080;--text-tertiary: #00000040;--page-primary: #d9d9d9;--page-secondary: #f0f0f0;--pill-primary: #5a5a5a;--pill-primary-hover: #707070;--pill-secondary: #d9d9d9;--pill-secondary-hover: #e6e6e6;--font-family: "Inter", sans-serif}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--text-primary)}ul{list-style-type:none;margin:0;padding:0}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-md)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:500;margin-bottom:var(--spacing-sm)}p{font-size:clamp(1rem,1.2vw,1.5rem);font-weight:400;margin-bottom:var(--spacing-md);color:var(--text-primary)}a{font-weight:600;text-decoration:none;color:var(--text-primary)}a:hover{color:var(--text-primary-hover)}section{opacity:0;transition:opacity .5s ease-in-out}section.visible{opacity:1}@media (min-width: 768px){body{font-weight:400}}@media (min-width: 1024px){body{font-weight:400}}@media (min-width: 1440px){body{font-weight:400}}