/* ==========================================================
   PARETO Capital — Real Estate. Общие стили.
   Палитра: белый, графит, очень светлый серый, глубокий тёмно-синий.
   Ни тёплых, ни ярких цветов — акцент используется только как сигнал, не декор.
   Шрифты: Space Grotesk (заголовки), IBM Plex Mono (данные/лейблы/цитаты), Inter (текст).
   Без serif: не блог, не издание — инвестиционная платформа.
   Радиус — везде 0.
   ========================================================== */

:root{
  --paper:#ffffff;
  --paper-raised:#f5f6f8;
  --ink:#12151a;
  --ink-soft:#4b5563;
  --ink-faint:#8b93a1;
  --accent:#10275c;
  --verified:#1f6e46;
  --partial:#8a6516;
  --unverified:#6b7280;
  --line:#e7e9ec;
  --line-strong:#d4d8dd;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  font-size:16px;
}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
.wrap-narrow{max-width:680px;margin:0 auto;padding:0 32px;}

h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink);letter-spacing:-.02em;}

/* ===== NAV ===== */
.nav{
  border-bottom:1px solid var(--line-strong);
  padding:22px 0;
  position:sticky;top:0;
  background:rgba(255,255,255,0.94);
  backdrop-filter:blur(8px);
  z-index:100;
}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.nav-logo{
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  color:var(--ink);
  letter-spacing:-.01em;
  display:inline-flex;
  align-items:baseline;
  gap:8px;
}
.nav-logo .vertical-tag{
  font-family:'IBM Plex Mono',monospace;
  font-weight:400;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.nav-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.nav-links a{
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--ink-soft);
  transition:color .15s ease;
}
.nav-links a:hover{color:var(--accent);}
.nav-links a.active{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;}
.nav-links a.tg{color:var(--accent);}

/* ===== SECTIONS ===== */
section{padding:100px 0;}
section.tight{padding:64px 0;}
.divider{border-top:1px solid var(--line-strong);}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:18px;
}

/* ===== HERO ===== */
.hero h1{
  font-size:clamp(34px,5.4vw,56px);
  line-height:1.1;letter-spacing:-.02em;font-weight:600;
  max-width:820px;margin-bottom:26px;
}
.hero p.lead{font-size:19px;color:var(--ink-soft);max-width:580px;margin-bottom:44px;line-height:1.55;}
.btn-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.btn-primary{
  display:inline-block;background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;padding:17px 30px;transition:background .15s ease;border:none;cursor:pointer;
}
.btn-primary:hover{background:var(--accent);}
.btn-secondary{
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:3px;
  transition:color .15s ease,border-color .15s ease;
}
.btn-secondary:hover{color:var(--accent);border-color:var(--accent);}

/* ===== GRID (3/4 col features) ===== */
.grid-title{font-size:25px;margin-bottom:38px;font-weight:600;}
.grid-3, .grid-4{display:grid;gap:1px;background:var(--line-strong);border:1px solid var(--line-strong);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-item{background:var(--paper);padding:32px 28px;}
.grid-item .dot{font-size:18px;margin-bottom:16px;display:block;}
.grid-item .t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16.5px;margin-bottom:10px;letter-spacing:-.01em;}
.grid-item .d{font-size:14px;color:var(--ink-soft);line-height:1.55;}
.grid-item .cta{margin-top:16px;}
.grid-item .cta a{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:1px;
}
.legend-note{margin-top:24px;font-size:13.5px;color:var(--ink-faint);max-width:560px;}

@media (max-width:820px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .grid-3,.grid-4{grid-template-columns:1fr;}
}

/* ===== POROG ===== */
.porog-box{
  background:var(--paper-raised);border-left:2px solid var(--accent);
  padding:30px 34px;font-family:'IBM Plex Mono',monospace;font-size:14.5px;
  line-height:2.15;max-width:640px;color:var(--ink);
}
.porog-box b{color:var(--accent);}

/* ===== FORM CARD ===== */
.form-card{
  background:var(--paper-raised);border:1px solid var(--line-strong);
  padding:42px 38px;max-width:560px;scroll-margin-top:100px;
}
.form-card h3{font-size:20px;margin-bottom:12px;font-weight:600;}
.form-card p.desc{font-size:14.5px;color:var(--ink-soft);margin-bottom:28px;line-height:1.55;}
.form-card label{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;margin-top:16px;
}
.form-card label:first-of-type{margin-top:0;}
.form-card input,.form-card textarea,.form-card select{
  width:100%;font-family:'Inter',sans-serif;font-size:14.5px;padding:12px 14px;
  border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);
}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:2px solid var(--accent);outline-offset:1px;}
.form-card textarea{resize:vertical;min-height:76px;}
.consent{display:flex;align-items:flex-start;gap:9px;margin-top:20px;font-size:12px;color:var(--ink-soft);}
.consent input{width:auto;margin-top:3px;}
.form-card button{
  margin-top:24px;background:var(--ink);color:var(--paper);border:none;
  font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  padding:14px 24px;cursor:pointer;width:100%;
}
.form-card button:hover{background:var(--accent);}
.form-note{margin-top:14px;font-size:11px;color:var(--ink-faint);text-align:center;}
.forms-stack{display:flex;flex-direction:column;gap:36px;}

/* ===== PRINCIPLES (Знания) ===== */
.principle{border-left:2px solid var(--accent);background:var(--paper-raised);padding:24px 28px;margin-bottom:20px;}
.principle b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16.5px;margin-bottom:8px;letter-spacing:-.01em;}
.principle span{font-size:14.5px;color:var(--ink-soft);line-height:1.55;}

/* ===== OBJECTS CATALOG ===== */
.filters{
  display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;
  padding-bottom:28px;border-bottom:1px solid var(--line-strong);
}
.filters select{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;
  padding:11px 14px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);
  cursor:pointer;
}
.filters button{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-soft);background:none;border:1px solid var(--line-strong);padding:11px 16px;cursor:pointer;
}
.filters button:hover{border-color:var(--accent);color:var(--accent);}

.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong);}
@media (max-width:760px){.cards-grid{grid-template-columns:1fr;}}

.card{
  background:var(--paper);
  padding:28px 28px 26px;transition:background .15s ease;
}
.card:hover{background:var(--paper-raised);}
.card.hidden-card{display:none;}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
.case-no{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.03em;}

.stamp{
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  border:1px solid;padding:6px 10px;display:inline-flex;align-items:center;white-space:nowrap;
}
.stamp.status-unverified{color:var(--unverified);border-color:var(--unverified);}
.stamp.status-partial{color:var(--partial);border-color:var(--partial);}
.stamp.status-verified{color:var(--verified);border-color:var(--verified);}

.card .addr{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17.5px;margin-bottom:4px;letter-spacing:-.01em;}
.card .tenant{color:var(--ink-soft);font-size:13.5px;margin-bottom:14px;}
.datarow{
  display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:12.5px;
  padding:8px 0;border-top:1px solid var(--line);
}
.datarow:first-of-type{border-top:1px solid var(--line-strong);}
.datarow .label{color:var(--ink-faint);}
.datarow .value{color:var(--ink);font-weight:500;}
.card .forecast{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line-strong);
  font-family:'IBM Plex Mono',monospace;font-style:normal;font-size:12.5px;color:var(--ink-soft);line-height:1.7;
}
.forecast-secondary{
  margin-top:8px;font-size:12px;color:var(--ink-faint);line-height:1.6;
}
.card .card-cta{margin-top:18px;}
.card .card-cta a{
  display:inline-block;background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;padding:12px 20px;transition:background .15s ease;
}
.card .card-cta a:hover{background:var(--accent);}
.no-results{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-faint);padding:40px 0;text-align:center;display:none;}
.loading-note{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-faint);padding:40px 0;grid-column:1/-1;text-align:center;}

/* Пояснение статусов */
.status-explainer{max-width:640px;}
.status-explainer-main{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18.5px;
  margin-bottom:20px;letter-spacing:-.01em;
}
.status-explainer-item{font-size:14.5px;color:var(--ink-soft);margin-bottom:12px;line-height:1.6;}
.status-explainer-item b{color:var(--ink);}

/* Фото карточки */
.card-photo{
  width:100%;aspect-ratio:16/10;overflow:hidden;
  margin:-28px -28px 18px;width:calc(100% + 56px);
  background:var(--line);
}
.card-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* Бейдж статуса сделки */
.deal-badge{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;
  border:1px solid var(--line-strong);
  color:var(--ink-soft);
  margin-left:8px;
  vertical-align:middle;
}
.deal-active{border-color:var(--verified);color:var(--verified);}
.deal-reserved{border-color:var(--partial);color:var(--partial);}
.deal-sold,.deal-archived,.deal-withdrawn{border-color:var(--ink-faint);color:var(--ink-faint);}

.status-explainer-important{
  font-size:13px;color:var(--accent);
  margin-bottom:16px;
}
.source-badge{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;
  border:1px solid var(--line-strong);
  color:var(--ink-faint);
  margin-left:8px;
  vertical-align:middle;
}
.badges-row{margin-bottom:10px;}
.meta-line{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-faint);
  margin-top:4px;
}
.updated-line{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-faint);
  margin-top:12px;padding-top:10px;border-top:1px solid var(--line);
}
.request-only-note{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-faint);
  padding:10px 0;border-top:1px solid var(--line-strong);margin-top:6px;
}

/* ===== FOOTER ===== */
footer{border-top:1px solid var(--line-strong);padding:32px 0;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-faint);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
footer a{text-decoration:none;color:var(--ink-faint);}
footer a:hover{color:var(--accent);}