/* legal pages in the look of the site: its fonts, its colours, always dark */
@import url("/fonts/fonts.css");
:root { --bg: #080B08; --surface: #0F120F; --text: #F5F5F0; --muted: #9AA09A; --dim: #7E857E; --accent: #D9FF3B;
  --violet: #8B5CF6; --border: rgba(245,245,240,.10); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 "Inter", system-ui, sans-serif;
  background-image: radial-gradient(60% 40% at 90% -10%, rgba(139,92,246,.16), transparent 70%); background-repeat: no-repeat; }
.doc { max-width: 780px; margin: 0 auto; padding: 24px 16px 72px; }
.back { display: inline-flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none;
  font: 700 15px "Space Grotesk", "Inter", sans-serif; letter-spacing: .08em; padding: 8px 0 20px; }
.back::before { content: ""; width: 22px; height: 16px; border-radius: 5px; background: var(--accent);
  box-shadow: -5px 4px 0 -1px rgba(217,255,59,.45); }
.back:hover { color: var(--accent); }
h1 { font: 700 clamp(28px, 4vw, 40px)/1.12 "Space Grotesk", "Inter", sans-serif; letter-spacing: -0.02em; margin: 12px 0 8px; }
h2 { font: 600 20px/1.3 "Space Grotesk", "Inter", sans-serif; margin: 36px 0 10px; padding-top: 18px; border-top: 1px solid var(--border); }
.meta { color: var(--dim); font-size: 14px; margin: 0 0 20px; }
p, li { color: #D9DDD6; }
a { color: var(--accent); text-underline-offset: 3px; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
li::marker { color: var(--accent); }
.dim { color: var(--dim); }
table.plans { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 15px; background: var(--surface);
  border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
table.plans th, table.plans td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: top; }
table.plans tr:last-child td { border-bottom: 0; }
table.plans th { font-size: 12px; color: var(--dim); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
table.plans td:nth-child(2) { white-space: nowrap; font-weight: 600; color: var(--accent); }