/* Element defaults — ported from the design system's tokens/base.css,
   plus the page-level scroll behavior from the landing source. */

html{-webkit-font-smoothing:antialiased;text-size-adjust:100%}
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page)}
h1,h2,h3,h4{margin:0;color:var(--text-heading);text-wrap:balance}
h1{font:var(--type-h1)}h2{font:var(--type-h2)}h3{font:var(--type-h3)}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur-base) var(--ease-soft)}
a:hover{color:var(--text-link-hover)}
*:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
img{max-width:100%}
::selection{background:var(--pink-200);color:var(--blue-800)}