/* Shared base */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Brand */
:root {
  --brand: #1a40e8;
  --brand-deep: #0f2bb8;
  --brand-glow: 26 64 232;
}

/* Hexagon utility */
.hex-clip { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }