/* Loam design-system tokens (colors, typography, effects, motion) plus the pages' shared base styles. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100..700&family=Instrument+Sans:wght@400..700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
--black-0:#050508;
--black-1:#0A0A11;
--surface-1:rgba(255,255,255,0.045);
--surface-2:rgba(255,255,255,0.08);
--border-hairline:rgba(255,255,255,0.09);
--text-1:#F4F5F7;
--text-2:#9CA0AB;
--text-3:#626672;
--growth:#31D07C;
--accent:#8285F4;
--negative:#D96A5E;
--on-inverse:#0B0B10;
--inverse:#FFFFFF;
--font-display:'Archivo',system-ui,sans-serif;
--font-ui:'Instrument Sans',system-ui,sans-serif;
--radius-tile:13px;
--ease-calm:cubic-bezier(0.32,0.72,0,1);
--ease-soft:cubic-bezier(0.25,0.6,0.2,1);
--dur-med:320ms;
--dur-slow:600ms;
}
@keyframes loam-fade{from{opacity:0}to{opacity:1}}
@keyframes loam-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes loam-settle{from{opacity:0;transform:scale(0.985)}to{opacity:1;transform:scale(1)}}
.loam-fade{animation:loam-fade var(--dur-med) var(--ease-soft) both}
.loam-rise{animation:loam-rise var(--dur-slow) var(--ease-soft) both}
.loam-settle{animation:loam-settle var(--dur-med) var(--ease-soft) both}
.loam-stagger>*{animation:loam-rise var(--dur-slow) var(--ease-soft) both}
.loam-stagger>*:nth-child(2){animation-delay:60ms}
.loam-stagger>*:nth-child(3){animation-delay:120ms}
.loam-stagger>*:nth-child(4){animation-delay:180ms}
.loam-stagger>*:nth-child(5){animation-delay:240ms}
.loam-stagger>*:nth-child(6){animation-delay:300ms}
@media (prefers-reduced-motion:reduce){.loam-fade,.loam-rise,.loam-settle,.loam-stagger>*{animation:none}}

body{margin:0;background:var(--black-0);color:var(--text-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
a{color:var(--text-2);text-decoration:none;transition:color 180ms var(--ease-soft)}
a:hover{color:var(--text-1)}
[hidden]{display:none !important}
.hover-dim:hover{opacity:0.85}
.hover-raise:hover{background:var(--surface-2) !important}
/* The header nav needs ~480px; below that keep only the Download button. */
@media (max-width:560px){header nav a:not(:last-child){display:none}}