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

:root {
    --black:   #07070a;
    --white:   #ffffff;
    --purple:  #5b4fff;
    --purple-dim: rgba(91,79,255,0.08);
    --purple-border: rgba(91,79,255,0.3);
    --line:    rgba(255,255,255,0.07);
    --muted:   rgba(255,255,255,0.28);
    --body:    rgba(255,255,255,0.45);
    --font-display: 'Syne', sans-serif;
    --font-body:    'Space Grotesk', sans-serif;

    --surface: #0d0d12;
    --surface-alt: #050507;
}

html { scroll-behavior: smooth; }

body {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

.section-eyebrow {
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--muted);
}