/* Landing /ii-agent-dlya-prodazh/ (ИИ-агент для продаж в LidFly), part 1 — render-blocking:
   base, typography, UI Kit 2026 buttons/badges, first screen (#top) and sales-landing overrides.
   Sections #channels through .pt-final-sec reuse partners-sections.css.
   All colours use shared CSS custom properties (--lf-*, --v2-*, --status-*). */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/fonts/manrope/manrope-cyrillic-wght-normal.woff2") format("woff2-variations");
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body.pt-page {
  --pt-graphite-500: color-mix(in srgb, var(--lf-text-tertiary) 79%, var(--lf-bg-surface));
  --pt-graphite-400: color-mix(in srgb, var(--lf-text-tertiary) 68%, var(--lf-bg-surface));
  --pt-graphite-300: color-mix(in srgb, var(--lf-text-tertiary) 55%, var(--lf-bg-surface));
  --pt-pastel-sky: color-mix(in srgb, var(--v2-sky) 88%, var(--lf-bg-surface));
  --pt-pastel-butter: color-mix(in srgb, var(--v2-butter) 78%, var(--lf-bg-surface));
  margin: 0;
  background: var(--lf-bg-canvas);
  color: var(--lf-text-primary);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
main { overflow-x: clip; }
[id] { scroll-margin-top: 72px; }

.pt-skip { position: fixed; left: 16px; top: -80px; z-index: 1100; padding: 10px 14px; border-radius: var(--lf-radius-sm); background: var(--lf-action-primary); color: var(--lf-action-on-primary); text-decoration: none; }
.pt-skip:focus { top: 16px; }
main :is(a, button, summary):focus-visible { outline: none; box-shadow: var(--lf-focus-ring); }

.pt-wrap { width: min(calc(100% - 48px), 1280px); margin-inline: auto; }
.pt-only-mob { display: none; }
:where([data-price]) { color: inherit; font: inherit; letter-spacing: inherit; }

/* Typography (UI Kit 2026 — Manrope & JetBrains Mono) */
.pt-overline { margin: 0; color: var(--lf-action-brand); font-family: var(--lf-font-mono); font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0.08em; text-transform: uppercase; }
.pt-overline--lime { color: var(--lf-pastel-lime); }
.pt-overline--muted { color: var(--lf-text-tertiary); }
.pt-overline--on-lime, .pt-overline--lime-ink { color: var(--lf-action-on-tinted); }
.pt-overline--sky-ink { color: var(--v2-sky-ink); }
.pt-overline--butter-ink { color: var(--v2-butter-ink); }

.pt-h1 { margin: 0; max-width: 1160px; color: var(--lf-text-primary); font-size: 72px; font-weight: 500; line-height: 76px; letter-spacing: -0.03em; }
.pt-h1 .pt-accent { display: block; }
.pt-h2 { margin: 0; color: var(--lf-text-primary); font-size: 44px; font-weight: 600; line-height: 48px; letter-spacing: -0.025em; }
.pt-h2--inverse { color: var(--lf-action-on-primary); }
.pt-h2--inverse .pt-accent { color: var(--pt-graphite-300); }
.pt-h3 { margin: 0; color: var(--lf-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.01em; }
.pt-accent { color: var(--pt-graphite-500); font-style: normal; font-weight: inherit; }
.pt-lead { margin: 0; color: var(--lf-text-secondary); font-size: 19px; font-weight: 400; line-height: 30px; letter-spacing: -0.005em; }
.pt-lead--inverse { color: var(--pt-graphite-300); }

/* Buttons (UI Kit 2026) */
.pt-btn {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid transparent; border-radius: var(--lf-radius-full);
  font-family: var(--font-sans); font-weight: 500;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease, transform 90ms ease;
}
.pt-btn:active { transform: scale(0.98); }
.pt-btn svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pt-btn--l { height: 48px; padding: 0 22px; gap: 10px; font-size: 16px; line-height: 20px; letter-spacing: -0.005em; }
.pt-btn--m { height: 40px; padding: 0 18px; gap: 8px; font-size: 14px; line-height: 18px; }
.pt-btn--s { height: 32px; padding: 0 14px; gap: 6px; font-size: 13px; line-height: 16px; }
.pt-btn--primary { background: var(--lf-action-primary); color: var(--lf-action-on-primary); }
.pt-btn--primary:hover { background: var(--lf-action-primary-hover); }
.pt-btn--outline { background: var(--lf-bg-surface); border-color: var(--lf-border-default); color: var(--lf-text-primary); }
.pt-btn--outline:hover { background: var(--lf-bg-subtle); border-color: var(--lf-border-strong); }
.pt-btn--tinted { background: var(--lf-action-tinted); color: var(--lf-action-on-tinted); }
.pt-btn--tinted:hover { background: color-mix(in srgb, var(--lf-action-tinted) 85%, var(--lf-action-brand)); }
.pt-btn--ghost { background: transparent; color: var(--lf-text-primary); }
.pt-btn--ghost:hover { background: var(--lf-bg-hover); }

/* Badges */
.pt-badge { display: inline-block; height: 24px; padding: 4px 10px; border-radius: var(--lf-radius-full); font-size: 12px; font-weight: 500; line-height: 16px; white-space: nowrap; }
.pt-badge--lime { background: var(--lf-pastel-lime); color: var(--lf-pastel-lime-text); }
.pt-badge--success { background: var(--status-success-bg); color: var(--lf-action-brand); }

/* 1 · First screen (#top) */
.pt-hero { padding: 88px 0 60px; }
.pt-hero__stack { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.pt-offer-pill {
  display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px 6px 8px;
  border: 1px solid var(--lf-border-subtle); border-radius: var(--lf-radius-full);
  background: var(--lf-bg-surface); box-shadow: var(--lf-shadow-elevation-1);
  color: var(--lf-text-secondary); font-size: 13px; font-weight: 500; line-height: 18px; text-decoration: none;
}
.pt-offer-pill__chev { width: 14px; height: 14px; color: var(--lf-text-tertiary); fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pt-hero__lead { max-width: 740px; }
.pt-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding-top: 4px; }
.pt-hero__checks { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 24px; margin: 0; padding: 0; list-style: none; color: var(--lf-text-secondary); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-hero__checks li { display: inline-flex; align-items: center; gap: 6px; }
.pt-hero__checks svg { width: 16px; height: 16px; flex: none; color: var(--lf-action-brand); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Hero stage: blobs + toast + dialogue card */
.pt-hero-stage { position: relative; display: flex; justify-content: center; width: 100%; padding-top: 28px; text-align: left; }
.pt-blob { position: absolute; border-radius: var(--lf-radius-full); filter: blur(48px); pointer-events: none; z-index: 0; }
.pt-blob--lime-left { left: calc(50% - 460px); top: 8px; width: 280px; height: 220px; background: var(--lf-pastel-lime); opacity: 0.75; }
.pt-blob--sky-right { right: calc(50% - 460px); top: 44px; width: 280px; height: 220px; background: var(--pt-pastel-sky); opacity: 0.75; }
.pt-blob--lime-bottom { left: calc(50% - 180px); bottom: -20px; width: 360px; height: 180px; background: var(--lf-bg-brand-soft); opacity: 0.9; }

.pt-hero-toast {
  position: absolute; top: -22px; right: calc(50% - 480px); z-index: 2;
  display: inline-flex; align-items: center; gap: 12px; max-width: 316px; padding: 12px 16px;
  border: 1px solid var(--lf-border-subtle); border-radius: var(--lf-radius-lg);
  background: var(--lf-bg-surface); box-shadow: var(--lf-shadow-elevation-3);
}
.pt-toast-icon { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: var(--lf-radius-full); background: var(--status-success-bg); color: var(--lf-action-brand); }
.pt-toast-icon--sm { width: 28px; height: 28px; }
.pt-toast-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pt-toast-body { display: flex; flex-direction: column; gap: 2px; }
.pt-toast-body strong { color: var(--lf-text-primary); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-toast-body > span { color: var(--lf-text-secondary); font-size: 12px; font-weight: 400; line-height: 16px; }

.pt-hero-card {
  position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px;
  width: min(100%, 620px); padding: 32px; border: 1px solid var(--lf-border-subtle);
  border-radius: 24px; background: var(--lf-bg-surface); box-shadow: var(--lf-shadow-elevation-3);
}
.pt-hero-card__balance { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.pt-balance-meta { display: flex; flex-direction: column; gap: 4px; }
.pt-balance-meta__label { color: var(--lf-text-secondary); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-balance-meta__val { color: var(--lf-text-primary); font-size: 32px; font-weight: 500; line-height: 36px; letter-spacing: -0.022em; font-variant-numeric: tabular-nums; }
.pt-balance-meta__sub { color: var(--lf-text-secondary); font-size: 13px; font-weight: 400; line-height: 18px; }
.pt-divider { width: 100%; height: 1px; margin: 0; border: 0; background: var(--lf-border-subtle); }
.pt-hero-card__share { display: flex; flex-direction: column; gap: 10px; }
.pt-chat-turn { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 16px; background: var(--lf-bg-subtle); }
.pt-chat-turn--ai { background: var(--lf-bg-brand-soft); }
.pt-chat-turn__role { color: var(--lf-text-tertiary); font-family: var(--lf-font-mono); font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-transform: uppercase; }
.pt-chat-turn--ai .pt-chat-turn__role { color: var(--lf-action-brand); }
.pt-chat-turn__text { margin: 0; color: var(--lf-text-primary); font-size: 14px; font-weight: 400; line-height: 20px; }

.pt-hero-card__history { display: flex; flex-direction: column; gap: 12px; }
.pt-history-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pt-history-head__title { color: var(--lf-text-primary); font-size: 16px; font-weight: 500; line-height: 20px; }
.pt-chip-selected { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: var(--lf-radius-full); background: var(--lf-action-primary); color: var(--lf-action-on-primary); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-chip-selected svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pt-history-list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pt-history-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 0; background: transparent; }
.pt-history-row__icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: var(--lf-radius-full); background: var(--lf-pastel-lime); color: var(--lf-pastel-lime-text); }
.pt-history-row__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pt-history-row__body { display: flex; flex: 1 1 0; flex-direction: column; gap: 2px; min-width: 0; }
.pt-history-row__body strong { color: var(--lf-text-primary); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-history-row__body > span { color: var(--lf-text-secondary); font-size: 13px; font-weight: 400; line-height: 18px; }
.pt-history-row__amount { flex: none; color: var(--lf-text-primary); font-family: var(--lf-font-mono); font-size: 14px; font-weight: 500; line-height: 20px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Overrides for shared sections in partners-sections.css */
.pt-page .pt-who-grid--tasks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pt-page .pt-who .pt-who__title { font-size: 22px; line-height: 28px; }
.pt-page .pt-who--link, .pt-page .pt-fact--link { text-decoration: none; color: inherit; }
.pt-page .pt-who--link { transition: border-color 140ms ease, box-shadow 140ms ease; }
.pt-page .pt-who--link:hover { border-color: var(--lf-border-strong); box-shadow: var(--lf-shadow-elevation-1); }
.pt-page .pt-who__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 4px; color: var(--lf-action-brand); font-size: 14px; font-weight: 500; line-height: 18px; }
.pt-page .pt-who__more svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pt-page .pt-hub-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; padding: 20px 28px; border: 1px solid var(--lf-border-subtle); border-radius: 20px; background: var(--lf-bg-surface); }
.pt-page .pt-hub-bar__text { margin: 0; color: var(--lf-text-secondary); font-size: 15px; line-height: 22px; }
.pt-page .pt-hub-bar__text strong { color: var(--lf-text-primary); font-weight: 600; }
.pt-page .lf-bottom-cta:not(.is-visible) { visibility: hidden; pointer-events: none; }
.pt-page .public-related-articles { width: min(calc(100% - 48px), 1280px); margin: 0 auto 72px; padding: 0; }

@media (max-width: 1120px) {
  .pt-page .pt-who-grid--tasks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  .pt-hero-toast { display: none; }
}

@media (max-width: 767px) {
  .pt-wrap, .pt-page .public-related-articles { width: calc(100% - 32px); }
  .pt-hide-mob { display: none !important; }
  .pt-only-mob { display: inline; }
  .pt-h1 { font-size: 36px; font-weight: 500; line-height: 40px; letter-spacing: -0.022em; }
  .pt-h2 { font-size: 28px; font-weight: 600; line-height: 34px; letter-spacing: -0.018em; }
  .pt-lead { font-size: 16px; line-height: 24px; }
  .pt-hero { padding: 36px 0; }
  .pt-hero__stack { align-items: flex-start; gap: 18px; text-align: left; }
  .pt-offer-pill__chev { display: none; }
  .pt-hero__actions { flex-direction: column; align-items: stretch; width: 100%; gap: 10px; padding-top: 2px; }
  .pt-hero__actions .pt-btn { width: 100%; }
  .pt-hero__checks { flex-direction: column; align-items: flex-start; gap: 8px; }
  .pt-hero-stage { padding-top: 8px; }
  .pt-blob { display: none; }
  .pt-hero-card { width: 100%; gap: 16px; padding: 20px; border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-elevation-2); }
  .pt-balance-meta__val { font-size: 26px; font-weight: 600; line-height: 32px; letter-spacing: -0.018em; }
  .pt-page .pt-who-grid--tasks { grid-template-columns: 1fr; gap: 16px; }
  .pt-page .pt-who .pt-who__title { font-size: 20px; line-height: 26px; }
  .pt-page .pt-hub-bar { flex-direction: column; align-items: stretch; padding: 20px; }
  .pt-page .pt-hub-bar .pt-btn { width: 100%; }
  .pt-page .pt-final__num { order: -1; }
}