/* DESIGN-prelander.md: тёмная тёплая гамма, один шрифт Onest, префикс pl-. Не связано с сайтом. */
@font-face {
  font-family: "Onest";
  src: url("/fonts/onest-lim.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AE, U+00B7, U+00D7, U+2013, U+2018, U+2019, U+201A, U+201C, U+201D, U+201E, U+2022, U+2026, U+20AC, U+2212, U+2264, U+2265;
}
@font-face {
  font-family: "Onest";
  src: url("/fonts/onest-lat1.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+00A1, U+00AB, U+00BB, U+00BF, U+00C1, U+00C9, U+00CD, U+00D1, U+00D3, U+00DA, U+00DC, U+00E1, U+00E9, U+00ED, U+00F1, U+00F3, U+00FA, U+00FC;
}
@font-face {
  font-family: "Onest";
  src: url("/fonts/onest-latx.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0104-0107, U+0118-0119, U+0141-0144, U+015A-015B, U+0179-017C;
}
@font-face {
  font-family: "Noto Sans Greek";
  src: url("/fonts/noto-greek.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0370-03FF;
}
:root {
  color-scheme: dark;
  --night: #18130E;
  --night-2: #241E19;
  --line: #4B4038;
  --text: #F2EEE7;
  --text-2: #BFB6AA;
  --caramel: #8C5700;
  --on-caramel: #FDFBF9;
}
* { box-sizing: border-box; }
html { background: var(--night); }
body {
  margin: 0;
  background: var(--night);
  color: var(--text);
  font-family: "Onest", "Noto Sans Greek", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
.pl-main { max-width: 520px; margin: 0 auto; padding: 16px 20px 32px; }
.pl-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.pl-brand { font-size: 0.9375rem; font-weight: 600; color: var(--text-2); }
.pl-age {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 28px; height: 28px; padding: 0 4px; border: 2px solid var(--text); font-weight: 800; font-size: 0.8125rem; text-transform: uppercase;
}
.pl-h1 { margin: 0 0 12px; font-size: clamp(2rem, 1.4rem + 3vw, 3rem); line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; }
.pl-status { margin: 0 0 24px; font-size: 1.1875rem; line-height: 1.45; }
.pl-facts { margin: 0 0 8px; padding: 0; }
.pl-facts div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 0.9375rem; font-weight: 600; }
.pl-facts div:first-child { border-top: 1px solid var(--line); }
.pl-facts dt { color: var(--text-2); }
.pl-facts dd { margin: 0; text-align: right; }
.pl-src { margin: 0 0 24px; font-size: 0.8125rem; color: var(--text-2); }
.pl-cta-wrap { margin: 0 0 24px; }
.pl-cta {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 56px;
  background: var(--caramel); color: var(--on-caramel); border-radius: 8px;
  font-size: 1.0625rem; font-weight: 800; line-height: 1; text-decoration: none; border: 0;
}
.pl-cta:hover { background: var(--text); color: var(--night); }
.pl-cta:focus-visible, .pl-copy:focus-visible, .pl-legal a:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
.pl-fine { margin: 8px 0 0; font-size: 0.8125rem; color: var(--text-2); }
.pl-blocked { margin: 0 0 24px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--night-2); font-size: 1.1875rem; font-weight: 600; }
.pl-promo {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 24px; padding: 16px;
  background: var(--night-2); border: 1px solid var(--line); border-radius: 8px;
}
.pl-promo[hidden], .pl-blocked[hidden], .pl-copy[hidden] { display: none; }
.pl-promo__label { display: block; font-size: 0.9375rem; font-weight: 600; color: var(--text-2); }
.pl-promo__code { display: block; margin-top: 4px; font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2rem); font-weight: 800; letter-spacing: 0.08em; line-height: 1; user-select: all; }
.pl-copy { height: 44px; padding: 0 16px; background: transparent; color: var(--text); border: 2px solid var(--text); border-radius: 8px; font: 800 0.9375rem/1 "Onest", Arial, sans-serif; cursor: pointer; }
.pl-notes { margin: 0 0 24px; padding: 0; list-style: none; font-size: 0.9375rem; font-weight: 600; }
.pl-notes li { padding: 6px 0; border-bottom: 1px solid var(--line); }
.pl-legal { display: flex; gap: 12px; align-items: flex-start; margin-top: 8px; font-size: 0.8125rem; line-height: 1.45; color: var(--text-2); }
.pl-legal p { margin: 0; }
.pl-legal a { color: var(--text); text-decoration: underline; }