@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bg: #ffffff;
  --surface: #f5f5f5;
  --text: #171717;
  --muted: #404040;
  --muted-2: #525252;
  --line: #e5e7eb;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-500: #0ea5e9;
  --sky-700: #0369a1;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
}

*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4,p { margin: 0; }
.container { width: min(1280px, calc(100% - 32px)); margin: 0 auto; }