:root{--brand-teal: #00B6A0;--brand-orange: #F26422;--brand-dark-blue: #002534;--brand-cream: #E6E7E9;--accent-brown: #B87333;--green-button: #0A2621;--card-white: #ffffff}body{font-family:Outfit,sans-serif;background-color:var(--brand-cream);color:var(--brand-dark-blue);margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.serif{font-family:"DM Serif Display",serif;letter-spacing:-.04em}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--brand-cream)}::-webkit-scrollbar-thumb{background:var(--brand-dark-blue);border-radius:10px}@keyframes chartScrollVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.charts-stream{animation:chartScrollVertical 60s linear infinite}.animate-reveal{opacity:0;animation:fadeInUp .8s cubic-bezier(.23,1,.32,1) forwards}.card-shadow-hover:hover{box-shadow:0 40px 80px -20px #0025341a}.text-brand-teal{color:var(--brand-teal)}.text-brand-orange{color:var(--brand-orange)}.bg-brand-cream{background-color:var(--brand-cream)}.hero-card-base{@apply relative overflow-visible transition-all duration-700 ease-[cubic-bezier(.23,1,.32,1)] bg-white;}.widget-large{@apply p-8 rounded-[2.5rem] min-h-[400px];}.widget-minor{@apply flex items-center justify-between p-6 bg-white/50 border border-[#002534]/5 rounded-3xl transition-all duration-500;}.widget-minor:hover{@apply bg-white shadow-lg;}.product-lift{@apply transform transition-all duration-700 ease-[cubic-bezier(.34,1.56,.64,1)];}.group:hover .product-lift{@apply -translate-y-16 scale-110;}