/* kanband.com landing page — reuses the app's dark stage identity:
   same tokens, same spotlight wash, same worn-poster grain. No build. */

:root {
  --color-primary: #d8a24a;
  --color-primary-deep: #b5823a;
  --color-on-primary: #fffdf7;

  --color-bg: #16171b;
  --color-surface: #1c1e23;
  --color-surface-raised: #23262c;
  --color-line: #34383f;
  --color-line-soft: #2a2d34;

  --color-ink: #e9e7e2;
  --color-ink-dim: #a7a5a0;
  --color-ink-faint: #7d7b77;

  --radius-panel: 10px;
  color-scheme: dark;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: system-ui, -apple-system, sans-serif;
  color: var(--color-ink);
  /* stage-light wash: warm spotlight from above, faint gel from below */
  background:
    radial-gradient(1200px 520px at 50% -220px, rgba(216, 162, 74, 0.11), transparent 70%),
    radial-gradient(900px 480px at 88% 115%, rgba(122, 88, 168, 0.07), transparent 70%),
    var(--color-bg);
  background-attachment: fixed;
}

/* film grain: SVG turbulence data-URI, matches the app at ~4% */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.wrap {
  max-width: 34rem;
  margin: 0 auto;
  padding: clamp(3rem, 10vh, 6rem) 1.25rem 3rem;
  text-align: center;
}

.brand .logo {
  width: clamp(96px, 30vw, 144px);
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

h1 {
  margin: 0.9rem 0 0.15rem;
  font-size: clamp(2rem, 8vw, 2.75rem);
  font-weight: 650;
  letter-spacing: -0.015em;
}

.tagline {
  margin: 0 0 2.25rem;
  color: var(--color-primary);
  font-size: 1.05rem;
}

.pitch {
  margin: 0 auto 2.5rem;
  color: var(--color-ink-dim);
  line-height: 1.65;
  text-align: left;
}
.pitch strong { color: var(--color-ink); font-weight: 600; }