/* =============================================
   SOS — GLOBAL STYLES
   Statement Operating System
   ============================================= */

:root {
  --ink:       #0D1321;
  --blue:      #1549D4;
  --slate:     #5E6E82;
  --frost:     #F5F7FA;
  --white:     #FFFFFF;
  --blueprint: #D6E4FF;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: var(--ink);
  background: var(--frost);
  -webkit-font-smoothing: antialiased;
}

img, svg { display: block; max-width: 100%; }

a { text-decoration: none; color: inherit; }

.grid-overlay {
  position: relative;
  overflow: hidden;
}
.grid-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, #1549D4 1px, transparent 1px),
    linear-gradient(to bottom, #1549D4 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.03;
  pointer-events: none;
  z-index: 0;
}
.grid-overlay > * { position: relative; z-index: 1; }