/* Shared style for the quiet pages (privacy, terms, 404): the landing page's type and glass, without the WebGL layer. */
@font-face { font-family: 'Inter Tight'; font-weight: 400 600; font-display: swap; src: url(/fonts/inter-tight-latin.woff2) format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-weight: 400; font-display: swap; src: url(/fonts/geist-mono-latin.woff2) format('woff2'); }
:root { --sans: 'Inter Tight', ui-sans-serif, system-ui, sans-serif; --mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace; color-scheme: light; }
* { box-sizing: border-box; }
html { background: #dcdce1; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; color: #16151a; font: 400 16px/1.6 var(--sans); -webkit-font-smoothing: antialiased;
  background: radial-gradient(120% 80% at 85% 0%, #ffffff 0%, rgba(255, 255, 255, 0) 60%), radial-gradient(90% 70% at 0% 100%, #c4c4cc 0%, rgba(196, 196, 204, 0) 70%), linear-gradient(160deg, #ecebf0, #d3d3da); background-attachment: fixed; }
a { color: inherit; }
::selection { background: #16151a; color: #f4f4f6; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
h1, h2, p, ul { margin: 0; }
.mono { font: 400 11.5px/1.5 var(--mono); letter-spacing: 0.06em; text-transform: uppercase; }
.soft { color: rgba(22, 21, 26, 0.68); }
header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px max(24px, env(safe-area-inset-right, 0px)) 22px max(24px, env(safe-area-inset-left, 0px)); }
header a { text-decoration: none; }
.logo { display: flex; align-items: center; gap: 10px; font: 600 21px/1 var(--sans); letter-spacing: -0.04em; }
.logo svg { width: 26px; height: 26px; }
header .mono a { opacity: 0.75; } header .mono a:hover { opacity: 1; }
main { flex: 1; padding: 48px 24px 96px; }
article { width: min(100%, 720px); margin: 0 auto; display: grid; gap: 28px; padding: 44px 48px; border-radius: 28px; background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(22px) saturate(1.6); backdrop-filter: blur(22px) saturate(1.6); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 40px 80px -40px rgba(20, 20, 30, 0.45); }
h1 { font: 500 clamp(40px, 6vw, 64px)/1 var(--sans); letter-spacing: -0.05em; }
h2 { font: 500 21px/1.3 var(--sans); letter-spacing: -0.02em; margin-bottom: 8px; }
section { display: grid; gap: 10px; }
article p, article li { max-width: 64ch; }
ul { padding-left: 20px; display: grid; gap: 6px; }
code { font: 400 13px/1 var(--mono); padding: 2px 6px; border-radius: 6px; background: rgba(22, 21, 26, 0.07); }
.btn { justify-self: start; display: inline-flex; align-items: center; gap: 10px; font: 500 15px/1 var(--sans); padding: 14px 20px; border-radius: 999px; color: #fff; text-decoration: none;
  background: linear-gradient(180deg, #4a4853 0%, #1d1c22 48%, #0d0c10 52%, #2c2a33 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 10px 24px -10px rgba(0, 0, 0, 0.6); }
.big { font: 600 clamp(96px, 22vw, 220px)/0.85 var(--sans); letter-spacing: -0.075em;
  background: linear-gradient(180deg, #ffffff 0%, #dfe2ea 30%, #8d91a0 47%, #2b2d35 51%, #9a9eae 64%, #f2f3f7 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 18px 28px rgba(20, 22, 30, 0.18)); }
footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding: 0 24px 30px; }
footer a { text-decoration: none; } footer a:hover { color: #16151a; }
footer .links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
@media (max-width: 600px) { article { padding: 28px 22px; border-radius: 22px; } main { padding: 16px 16px 64px; } }