/* Design refresh, 8 Nov 2026: own fonts, a serif for headings and big numbers, labels in sentence case instead of
   letter-spaced capitals, the «Вывеска» awning over the front page, and the top plan in brand colours.
   Loaded after the other stylesheets; removing this file and fonts.css brings the previous look back. */

body { font-family: var(--font-text); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, select, textarea { font-family: inherit; }

/* Headings and the numbers people look at: Literata. */
h1, .landing-hero h1, .landing-guide h2, .landing-price h2, .landing-faq h2, .tariff-heading h2, .tariff-card h3,
.unlock-card h3, .landing-snapshot-total, .landing-stats b, .tariff-price { font-family: var(--font-display); }
h1 { font-weight: 640; letter-spacing: -.02em; }
.landing-hero h1 { font-weight: 640; letter-spacing: -.025em; line-height: 1.04; }
.landing-guide h2, .tariff-heading h2 { font-weight: 640; letter-spacing: -.02em; }
.tariff-card h3 { font-weight: 640; letter-spacing: -.015em; }
.landing-snapshot-total, .landing-stats b { font-weight: 600; letter-spacing: -.02em; font-variant-numeric: lining-nums tabular-nums; }
.tariff-price { font-weight: 620; letter-spacing: -.02em; font-variant-numeric: lining-nums; }
.tariff-price > span { font-family: var(--font-text); }
.landing-grid h2, .landing-partner h2 { font-weight: 650; letter-spacing: -.01em; }

/* Labels: calm sentence case with a short lime rule, not shouting capitals. */
.eyebrow, .landing-label, .landing-snapshot-label, .tariff-eyebrow, .tariff-kicker { text-transform: none; letter-spacing: 0; }
.eyebrow { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--green-2); }
.eyebrow::before, .tariff-eyebrow::before { content: ""; flex: none; width: 18px; height: 3px; border-radius: 2px; background: var(--section-rule, #a7cf68); }
.tariff-eyebrow { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; }
.tariff-kicker { font-size: 13px; font-weight: 600; margin-bottom: 18px; }
.landing-label { font-size: 13px; font-weight: 650; padding: 6px 11px; }
.landing-snapshot-label { font-size: 13px; font-weight: 650; }

/* The front page cover gets the awning of the «Вывеска» logo along its top edge. */
.landing-hero { position: relative; overflow: hidden; padding-top: calc(clamp(26px, 4vw, 55px) + 18px); }
.landing-hero::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 20px; pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 26'><rect width='16' height='16' fill='%23c8f07a'/><rect x='16' width='16' height='16' fill='%23eef9d9'/><circle cx='8' cy='16' r='8' fill='%23c8f07a'/><circle cx='24' cy='16' r='8' fill='%23eef9d9'/></svg>") 0 0 / 25px 20px repeat-x;
}
.landing-hero h1 span { font-style: italic; font-weight: 560; }
.landing-lead { font-size: 17px; }
.landing-stats b { font-size: 30px; }

/* The top plan keeps its own space look (purple, stars, orbit from tariffs.css) so it stands out from the green.
   Only the tagline leaves room for the planet. */
.tariffs .tariff-galaxy .tariff-tagline { max-width: 74%; }
.tariffs .tariff-galaxy .tariff-kicker { color: #d2c2ff; }
.tariff-card:not(.tariff-galaxy) li > span { color: var(--green-2); font-weight: 700; }
/* Line drawings in the corner of «Старт» and «Бизнес», where «Галактика» has its planet; faint, behind the text. */
.tariff-art { position: absolute; z-index: -1; pointer-events: none; right: -14px; top: 14px; width: 150px; height: 150px; color: var(--green-2); opacity: .17; transform: rotate(-8deg); }
.tariff-art svg { width: 100%; height: 100%; display: block; }
.tariff-card:hover .tariff-art { opacity: .26; transform: rotate(-4deg) translateY(-3px); transition: opacity .25s, transform .35s; }
@media (prefers-reduced-motion: reduce) { .tariff-card:hover .tariff-art { transform: rotate(-8deg); } }

/* «Разбор тендера ИИ» on a purchase card for anyone without «Галактика»: the same space look as that plan. */
.ai-offer {
  position: relative; overflow: hidden; isolation: isolate; color: #fff; border-radius: 16px; padding: 20px 22px;
  border: 1px solid #8f7edb6e; box-shadow: 0 12px 34px #45348a22;
  background: radial-gradient(ellipse at 92% 0%, #6c3cb85c, transparent 48%), radial-gradient(ellipse at 5% 88%, #1e93a62e, transparent 54%), #111029;
}
.ai-offer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background-image: radial-gradient(circle, #fff9 .65px, transparent 1px), radial-gradient(circle, #d9ccff88 .7px, transparent 1px);
  background-size: 59px 79px, 103px 131px; background-position: 12px 14px, 37px 25px; }
.ai-offer-kicker { color: #d2c2ff; font-size: 13px; font-weight: 650; margin-bottom: 8px; }
.ai-offer > strong { display: block; font-family: var(--font-display); font-size: 23px; font-weight: 640; letter-spacing: -.015em; margin-bottom: 8px; }
.ai-offer p { color: #d7d2f2; line-height: 1.6; max-width: 640px; }
.ai-offer ul { margin: 12px 0 4px; padding: 0; list-style: none; display: grid; gap: 6px; color: #eceaf9; }
.ai-offer li::before { content: "✧"; color: #b3e8e0; margin-right: 9px; }
.ai-offer .block-actions { margin-top: 16px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.ai-offer .ai-offer-buy { color: #211537; border: 0; background: linear-gradient(105deg, #d8c4ff, #b8e7ee); box-shadow: 0 4px 25px #a388ff25; }
.ai-offer .ai-offer-buy:hover { filter: brightness(1.05); }
.ai-offer .btn.text { color: #d7d2f2; }