/* Iskra — text pages (about, privacy, terms, refunds). Same ground, same letters as the front page: black and silver, nothing warm. */
:root { --ink: #050607; --paper: #ECEFF2; --silver: #B7C0C9; --faint: #A3ADB7; --line: rgba(205, 214, 223, .2);
  --display: 'Cormorant Garamond', 'Times New Roman', serif; --body: 'Crimson Pro', Georgia, serif; --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --edge: max(6vw, calc((100vw - 1320px) / 2)); }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--ink); color-scheme: dark; -webkit-text-size-adjust: 100%; }
body { min-height: 100vh; background: radial-gradient(130% 110% at 62% 0%, #0E1216 0%, #090B0E 45%, #030405 100%) fixed; color: var(--silver); font: 400 19px/1.62 var(--body); -webkit-font-smoothing: antialiased; }
body::after { content: ''; position: fixed; inset: -50%; z-index: 9; pointer-events: none; opacity: .10; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color: var(--paper); text-decoration: none; border-bottom: 1px solid var(--line); transition: border-color .4s; }
a:hover { border-color: var(--silver); }
:focus-visible { outline: 1px solid var(--paper); outline-offset: 4px; }

.top { display: flex; align-items: center; justify-content: space-between; padding: 30px var(--edge); }
.word { display: inline-flex; align-items: center; color: #E9EEF3; border: 0; }
.word .letters { height: 12px; width: auto; display: block; overflow: visible; }
.top nav { display: flex; align-items: center; gap: 34px; font: 400 11px/1.6 var(--mono); letter-spacing: .24em; text-transform: uppercase; }
.top nav a { color: var(--faint); border: 0; transition: color .4s; }
.top nav a:hover, .top nav a[aria-current] { color: var(--paper); }

.wrap { max-width: 720px; margin: 0 auto; padding: 8vh 24px 12vh; }
.upd, .fact, footer { font: 400 11px/1.8 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--faint); }
h1 { font: 400 clamp(40px, 5vw, 64px)/1.02 var(--display); letter-spacing: -.012em; color: var(--paper); margin: 0 0 10px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9EEF3 34%, #97A3AE 53%, #C9D2DA 63%, #F6F9FB 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: .08em; }
.upd { margin-bottom: 44px; }
h2 { font: 400 clamp(24px, 2.2vw, 30px)/1.15 var(--display); color: var(--paper); margin: 44px 0 12px; }
p { margin-bottom: 16px; }
b, strong { font-weight: 600; color: var(--paper); }
ul { margin: 0 0 16px 22px; } li { margin-bottom: 8px; } li::marker { color: var(--faint); }
.hair { height: 1px; background: var(--line); margin: 44px 0; }
.fact { letter-spacing: .06em; text-transform: none; font-size: 13px; }
footer { margin-top: 10px; text-transform: none; letter-spacing: .06em; }
footer a { color: var(--faint); border: 0; } footer a:hover { color: var(--paper); }
@media (max-width: 900px) { :root { --edge: 22px; } .top { padding: 22px var(--edge); } .top nav { gap: 18px; letter-spacing: .16em; } }
@media (max-width: 420px) { .top nav a:nth-child(2) { display: none; } }