*{ box-sizing: border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
}

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

.container{
  width: min(var(--container), calc(100% - 40px));
  margin: 0 auto;
}

a{ color: inherit; text-decoration: none; }
.muted{ color: var(--muted); }

hr{
  border:0;
  border-top:1px solid var(--line);
  margin: 14px 0;
}

.section{
  padding: 64px 0;
}
.section.soft{
  background: linear-gradient(
    180deg,
    rgba(var(--primary-rgb), .08),
    transparent 60%
  );
}

h1{ font-size: clamp(34px, 4.2vw, 54px); letter-spacing: -0.03em; margin: 10px 0 14px; }
h2{ font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -0.02em; margin: 0 0 12px; }
h3{ margin: 0 0 8px; }

.grad{
  background: linear-gradient(90deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tiny{ font-size: 12px; }