﻿@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap");

:root {
  --color-primary: #3E6B39;
  --color-primary-dark: #2D542A;
  --color-primary-soft: #5B8A53;
  --color-primary-muted: #6C9463;
  --color-accent: #DCAE5D;
  --color-accent-dark: #C99233;
  --color-accent-soft: #F7E6C4;
  --color-bg: #FBFAF6;
  --color-surface: #FFFFFF;
  --color-surface-soft: #EEF2E5;
  --color-surface-strong: #E4EADB;
  --color-border: #D1DABD;
  --color-border-strong: #C2CCAE;
  --color-text: #2A3926;
  --color-text-muted: #61705C;
  --color-text-soft: #788775;
  --color-shadow: rgba(45, 84, 42, 0.09);
  --color-shadow-strong: rgba(45, 84, 42, 0.18);
  --color-verified-bg: #EAF2FF;
  --color-verified-text: #2C73C7;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #2A2417;
  --color-on-hero: #FFFFFF;
  --color-surface-overlay: rgba(255,255,255,.92);
  --color-primary-overlay: rgba(62,107,57,.96);
}

[data-theme="dark"] {
  --color-primary: #5F845A;
  --color-primary-dark: #4B6B47;
  --color-primary-soft: #7FA478;
  --color-primary-muted: #698B63;
  --color-accent: #D8B36B;
  --color-accent-dark: #E7C688;
  --color-accent-soft: #263024;
  --color-bg: #121512;
  --color-surface: #191E19;
  --color-surface-soft: #232A23;
  --color-surface-strong: #2B332B;
  --color-border: #333C33;
  --color-border-strong: #424D42;
  --color-text: #F0F3EC;
  --color-text-muted: #C1C8BC;
  --color-text-soft: #99A393;
  --color-shadow: rgba(0, 0, 0, 0.28);
  --color-shadow-strong: rgba(0, 0, 0, 0.42);
  --color-verified-bg: #1E4C7A;
  --color-verified-text: #D8EEFF;
  --color-on-primary: #F4F6F1;
  --color-on-accent: #261F12;
  --color-on-hero: #F4F6F0;
  --color-surface-overlay: rgba(25,30,25,.92);
  --color-primary-overlay: rgba(75,107,71,.95);
}

* { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-primary) 72%, var(--color-accent) 28%) color-mix(in srgb, var(--color-surface-soft) 82%, transparent);
}
body { margin: 0; background: var(--color-bg); color: var(--color-text); }
p,h1,h2,h3,a,button,input,textarea,select,span,div { font-family: "Montserrat", sans-serif; }
a { transition: .2s; text-decoration: none; color: inherit; }
button { cursor: pointer; font: inherit; }
img { max-width: 100%; display: block; }
.title { text-align: center; }
.discription { text-align: center; }

html::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

html::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--color-surface-soft) 88%, transparent);
}

html::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 82%, var(--color-accent) 18%) 0%, color-mix(in srgb, var(--color-primary-dark) 88%, var(--color-accent-dark) 12%) 100%);
  border-radius: 999px;
  border: 2px solid color-mix(in srgb, var(--color-surface-soft) 88%, transparent);
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-soft) 82%, var(--color-accent) 18%) 0%, color-mix(in srgb, var(--color-primary) 88%, var(--color-accent-dark) 12%) 100%);
}

.container { width: 86%; margin: 0 auto; }
.page_section { padding: 90px 0; }
.page_head { padding: 80px 0 40px; }
.page_head .title { font-size: 44px; font-weight: 700; margin: 0; }
.page_head .discription { font-size: 19px; font-weight: 300; color: var(--color-text-muted); margin: 18px auto 0; max-width: 900px; }

.first_line {
  display: none;
}

.second_line {
  min-height: 92px;
  background: var(--color-primary-dark);
  padding: 0 8%;
  display: grid;
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.header_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.second_line .brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.second_line .brand_logo {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 auto;
}
.second_line .brand_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.second_line .brand_text h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  text-align: left;
  color: var(--color-on-primary);
}
.second_line .brand_text p {
  margin: 2px 0 0;
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
}
.second_line .header_btn {
  min-height: 48px;
  border: 1px solid rgba(220, 174, 93, .6);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  color: var(--color-accent);
  white-space: nowrap;
}
.second_line #add_advert {
  min-width: 228px;
  max-width: none;
}
.second_line .header_btn:hover {
  border-color: var(--color-accent);
  color: #f1cb82;
  background: rgba(220, 174, 93, .08);
}
.header_btn--add img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex: 0 0 auto;
}
.header_icon_btn,
.theme_toggle {
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 12px;
  transition: transform .2s ease, opacity .2s ease;
}
.header_icon_btn:hover,
.theme_toggle:hover {
  opacity: .82;
}
.header_icon_btn.is-active,
.header_profile_dropdown.is-open .header_icon_btn {
  opacity: 1;
}
.header_icon_btn img,
.theme_toggle img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.header_icon_btn img {
  opacity: 1;
}
.theme_toggle img {
  filter: brightness(0) invert(1);
}

.header_profile_dropdown {
  position: relative;
}

.header_profile_menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: 0 16px 30px var(--color-shadow);
  display: none;
  flex-direction: column;
  gap: 4px;
  z-index: 35;
}

.header_profile_dropdown.is-open .header_profile_menu {
  display: flex;
}

.header_profile_link {
  min-height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}

.header_profile_link:hover {
  background: var(--color-surface-soft);
}

.header_preferences {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.language_control {
  position: relative;
}

.language_trigger {
  min-width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  color: var(--color-on-primary);
  border-radius: 12px;
}

.language_trigger:hover {
  opacity: .82;
}

.language_trigger_flag {
  font-size: 30px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.language_trigger_arrow {
  display: none;
}

.language_menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 58px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: 0 16px 30px var(--color-shadow);
  display: none;
  flex-direction: column;
  gap: 6px;
  z-index: 30;
}

.language_control.is-open .language_menu {
  display: flex;
}

.language_option {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  padding: 0;
}

.language_option:hover {
  border-color: var(--color-border-strong);
  background: var(--color-surface-soft);
}

.language_option.active {
  border-color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 2px;
  background: transparent;
  height: auto;
  overflow: hidden;
}
.menu .menu_li {
  padding: 0 14px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: rgba(255, 255, 255, .9);
  font-weight: 400;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 10px;
}
.menu .dropdown {
  position: relative;
  height: 44px;
}
.menu .dropdown .dropdown_li {
  display: none;
  position: absolute;
  min-width: 220px;
  box-shadow: 0 8px 16px rgba(29,56,28,0.2);
  background-color: var(--color-surface-strong);
  z-index: 20;
  left: 0;
  top: calc(100% + 8px);
  border-radius: 12px;
  overflow: hidden;
}
.menu .dropdown .dropdown_li .menu_li {
  height: 42px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  justify-content: flex-start;
  padding: 0 18px;
  border-radius: 0;
}
.menu .dropdown:hover .dropdown_li {
  display: block;
}
.menu .dropdown .dropdown_li .menu_li:hover {
  background-color: var(--color-border);
}
.menu .menu_li:hover,
.menu .menu_li.active {
  background-color: rgba(255, 255, 255, .1);
  color: var(--color-on-primary);
}

#site-header {
  position: relative;
  z-index: 40;
}

#site-header a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

#site-header header {
  position: relative;
  transition: transform .28s ease, box-shadow .28s ease, width .28s ease, top .28s ease, border-radius .28s ease;
}

#site-header.sticky-enter header {
  animation: stickySlideDown .36s cubic-bezier(.22, .8, .22, 1);
}

#site-header.is-sticky header {
  position: fixed;
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  z-index: 80;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  backdrop-filter: none;
}

#site-header.is-sticky .first_line {
  display: none;
}

#site-header.is-sticky .second_line {
  min-height: 74px;
  width: 100%;
  margin: 0;
  padding: 0 8%;
  gap: 16px;
  background: var(--color-primary-dark);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

#site-header.is-sticky .second_line .brand_logo {
  width: 46px;
  height: 46px;
}

#site-header.is-sticky .second_line .brand_text h1 {
  font-size: 24px;
}

#site-header.is-sticky .second_line .brand_text p {
  display: none;
}

#site-header.is-sticky .second_line .header_btn,
#site-header.is-sticky .second_line .header_icon_btn,
#site-header.is-sticky .theme_toggle,
#site-header.is-sticky .language_control {
  min-height: 44px;
  height: 44px;
}

#site-header.is-sticky .theme_toggle {
  width: 44px;
}

#site-header.is-sticky .language_control {
  min-width: auto;
}

#site-header.is-sticky .language_trigger {
  min-width: 44px;
  height: 44px;
  padding: 0 4px;
}

#site-header.is-sticky .language_trigger_flag {
  font-size: 24px;
}

#site-header.is-sticky .language_option {
  width: 42px;
  height: 42px;
  font-size: 24px;
}

#site-header.is-sticky .menu {
  height: auto;
  justify-content: flex-start;
  padding: 0;
  background: transparent;
}

#site-header.is-sticky .menu .menu_li {
  padding: 0 12px;
  font-size: 14px;
  height: 40px;
}

#site-header:not(.is-sticky) .brand_text h1 {
  font-size: 24px;
  line-height: 1.2;
}
#site-header:not(.is-sticky) .brand_text p {
  font-size: 12px;
  line-height: 1.4;
}
#site-header:not(.is-sticky) .menu .menu_li {
  flex: 0 0 auto;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}

@keyframes stickySlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.home_page {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 0 0 72px;
}

.home_hero {
  position: relative;
  overflow: hidden;
  padding: 44px 0 0;
  background:
    radial-gradient(circle at 12% 28%, rgba(255,255,255,.84) 0%, rgba(255,255,255,.72) 24%, rgba(255,255,255,.36) 42%, rgba(255,255,255,.08) 62%, rgba(255,255,255,0) 76%),
    linear-gradient(90deg, rgba(247,244,237,1) 0%, rgba(248,245,238,.5) 50%, rgba(210,215,182,0) 100%),
    url("/assets/img/index/hero_background.png");
  background-size: auto, auto, cover;
  background-position: center, center, center;
}

.home_hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 84% 42%, rgba(255,255,255,.12), transparent 28%);
  pointer-events: none;
}

.home_hero_backdrop {
  display: none;
}

.home_hero_shell,
.home_metrics_shell,
.home_tools,
.home_ai_shell,
.home_tariffs,
.home_bottom_cta_shell {
  width: 86%;
  margin: 0 auto;
}

.home_hero_shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr);
  gap: 30px;
  align-items: center;
  min-height: 840px;
}

.home_hero_intro {
  max-width: 980px;
  padding: 0 0 56px;
  transform: translateY(-60px);
}

.home_hero_intro h1 {
  margin: 0;
  font-size: clamp(46px, 4.5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.04em;
  color: #1d4a28;
}

.home_hero_intro p {
  margin: 22px 0 0;
  max-width: 720px;
  font-size: 22px;
  line-height: 1.6;
  color: var(--color-text-muted);
}

.home_hero_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.home_hero_actions .button_main,
.home_hero_actions .button_alt,
.home_bottom_cta_actions .button_main,
.home_bottom_cta_actions .button_alt,
.home_tariff_card .button_main,
.home_tariff_card .button_alt,
.home_ai_intro .button_main {
  min-height: 56px;
  min-height: 62px;
  padding: 0 32px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}

.home_hero_actions .button_main,
.home_hero_actions .button_alt {
  gap: 12px;
  min-width: 270px;
}

.home_hero_actions .button_main {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: box-shadow .2s ease, transform .2s ease;
}

.home_hero_actions .button_main > span,
.home_hero_actions .button_main > img {
  position: relative;
  z-index: 1;
}

.home_hero_actions .button_main::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, #2d6036 0%, #234e2c 100%);
  opacity: 0;
  transition: opacity .2s ease;
  z-index: 0;
}

.home_hero_actions .button_main img,
.home_hero_actions .button_alt img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}

.home_hero_actions .button_main,
.home_bottom_cta_actions .button_main,
.home_tariff_card .button_main,
.home_ai_intro .button_main {
  background: linear-gradient(180deg, #27552f 0%, #1f4728 100%);
  color: #fff;
  box-shadow: 0 14px 26px rgba(29,56,28,.18);
}

.home_hero_actions .button_main:hover {
  background: linear-gradient(180deg, #27552f 0%, #1f4728 100%);
  color: #fff;
  box-shadow: 0 16px 30px rgba(29,56,28,.2);
}

.home_hero_actions .button_main:hover::before {
  opacity: 1;
}

.home_hero_actions .button_alt,
.home_bottom_cta_actions .button_alt,
.home_tariff_card .button_alt {
  background: rgba(255,255,255,.62);
  color: var(--color-text);
  border: 1px solid rgba(29,56,28,.22);
}

.home_hero_actions .button_alt:hover {
  background: rgba(255,255,255,.78);
}

.home_hero_trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 60px;
}

.home_trust_item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 260px;
  color: #6e755f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.home_trust_icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.home_trust_icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}

.home_hero_board {
  display: grid;
  grid-template-columns: 1fr 1fr .78fr;
  grid-template-rows: 324px 324px;
  gap: 16px;
  align-content: center;
  align-items: stretch;
  pointer-events: none;
  transform: translateY(-70px);
}

.home_card {
  height: 100%;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(29,56,28,.08);
  border-radius: 22px;
  box-shadow: 0 24px 46px rgba(29,56,28,.12);
  padding: 18px 18px 16px;
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.home_card h3,
.home_card strong,
.home_card p,
.home_card span,
.home_card small,
.home_card a {
  text-align: left;
}

.home_card--company {
  grid-column: 1 / span 2;
  grid-row: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 90px;
  margin-right: 40px;
}

.home_card--offers {
  grid-column: 3;
  grid-row: 1;
  margin-left: -40px;
  margin-right: 40px;
}

.home_card--tenders {
  grid-column: 1;
  grid-row: 2;
}

.home_card--chart {
  grid-column: 2;
  grid-row: 2;
}

.home_card--news {
  grid-column: 3;
  grid-row: 2;
}

.home_card_head,
.home_card_company_head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.home_card_head h3,
.home_card_company_head h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.home_card_head a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(29,56,28,.045);
  border: 1px solid rgba(29,56,28,.08);
  font-size: 11px;
  font-weight: 600;
  color: var(--color-text-soft);
  white-space: nowrap;
  flex: 0 0 auto;
}

.home_company_mark {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 45%),
    linear-gradient(180deg, #285832 0%, #193f22 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 10px 20px rgba(29,56,28,.16);
  flex: 0 0 auto;
}

.home_card_company_head {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
}

.home_card_company_head > div:last-child {
  min-width: 0;
}

.home_card_company_head p {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.35;
}

.home_card_company_head p,
.home_company_meta span,
.home_offer_line small,
.home_news_line small,
.home_tender_line small,
.home_chart_value small {
  color: var(--color-text-soft);
}

.home_company_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.home_company_meta span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f7f5ee;
  border: 1px solid rgba(29,56,28,.08);
  font-size: 11px;
  font-weight: 600;
}

.home_company_stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.home_company_stats > div {
  padding: 10px 10px 9px;
  border-radius: 14px;
  background: rgba(250,249,244,.94);
  border: 1px solid rgba(29,56,28,.07);
  min-width: 0;
}

.home_company_stats strong {
  display: block;
  font-size: 21px;
  line-height: 1;
  color: var(--color-text);
}

.home_company_stats span {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  color: var(--color-text-soft);
  margin-top: 4px;
}

.home_company_actions {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
}

.home_company_actions .button_main {
  flex: 1;
  min-height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #244d2a;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.home_icon_square {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(29,56,28,.12);
  background: linear-gradient(180deg, #fff 0%, #f6f4ed 100%);
  color: #5c715d;
  font-size: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  flex: 0 0 auto;
}

.home_offer_line,
.home_news_line {
  position: relative;
  padding: 11px 12px 11px 50px;
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(29,56,28,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.home_offer_line:first-of-type,
.home_news_line:first-of-type {
  margin-top: 10px;
}

.home_offer_line + .home_offer_line,
.home_news_line + .home_news_line,
.home_tender_line + .home_tender_line {
  margin-top: 8px;
}

.home_offer_line::before,
.home_news_line::before,
.home_tender_line::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 11px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(29,56,28,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.home_offer_line::before {
  background:
    radial-gradient(circle at 11px 11px, rgba(61,116,61,.22) 0 4px, transparent 4.5px),
    linear-gradient(135deg, rgba(67,128,63,.16) 0%, rgba(67,128,63,.04) 100%);
}

.home_news_line::before {
  background:
    linear-gradient(180deg, rgba(65,120,214,.2) 0%, rgba(65,120,214,.05) 100%);
}

.home_tender_line::before {
  background:
    linear-gradient(180deg, rgba(213,169,96,.28) 0%, rgba(213,169,96,.08) 100%);
}

.home_offer_line span,
.home_news_line strong,
.home_tender_line strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.home_offer_line span,
.home_tender_line strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home_offer_line strong {
  display: block;
  margin-top: 4px;
  font-size: 17px;
  color: #1f4a25;
  line-height: 1.2;
}

.home_tender_line {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  padding: 11px 12px 11px 50px;
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(29,56,28,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.home_tender_line:first-of-type {
  margin-top: 10px;
}

.home_tender_line > div {
  min-width: 0;
}

.home_tender_line span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #e7f3df;
  color: #547d50;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  border: 1px solid rgba(86,133,80,.12);
  flex: 0 0 auto;
}

.home_chart_value {
  margin-top: 12px;
}

.home_chart_value strong {
  display: block;
  font-size: 30px;
  line-height: 1.05;
}

.home_chart_value small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
}

.home_chart_graph {
  margin-top: auto;
  height: 138px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(85,134,78,.15) 0%, rgba(85,134,78,.02) 100%),
    linear-gradient(to right, rgba(29,56,28,.08) 1px, transparent 1px),
    linear-gradient(to top, rgba(29,56,28,.08) 1px, transparent 1px);
  background-size: 100% 100%, 22% 100%, 100% 25%;
  position: relative;
  overflow: hidden;
}

.home_chart_graph::after {
  content: "";
  position: absolute;
  inset: 24px 18px 18px;
  background: linear-gradient(180deg, rgba(88,150,72,.3), rgba(88,150,72,0));
  clip-path: polygon(0 66%, 14% 60%, 27% 36%, 38% 46%, 49% 24%, 60% 34%, 72% 18%, 84% 22%, 100% 0, 100% 100%, 0 100%);
}

.home_chart_graph::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 24px;
  bottom: 18px;
  border-bottom: 3px solid #5f9b4f;
  border-left: 3px solid transparent;
  clip-path: polygon(0 72%, 14% 66%, 27% 42%, 38% 52%, 49% 30%, 60% 40%, 72% 24%, 84% 28%, 100% 6%, 100% 14%, 84% 36%, 72% 32%, 60% 48%, 49% 38%, 38% 60%, 27% 50%, 14% 74%, 0 80%);
}

.home_news_line strong {
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home_card--chart .home_card_head span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(29,56,28,.05);
  border: 1px solid rgba(29,56,28,.08);
  color: var(--color-text-soft);
  font-size: 11px;
  font-weight: 600;
  flex: 0 0 auto;
}

.home_metrics {
  margin-top: -90px;
  position: relative;
  z-index: 2;
}

.home_metrics_shell {
  background: linear-gradient(180deg, #1f4a25 0%, #173a1d 100%);
  border-radius: 28px;
  padding: 18px 24px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 50px rgba(29,56,28,.18);
}

.home_metric_box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  color: rgba(255,255,255,.92);
}

.home_metric_box:not(:first-child) {
  border-left: 1px solid rgba(255,255,255,.1);
}

.home_metric_icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  flex: 0 0 auto;
}

.home_metric_box strong {
  display: block;
  font-size: 34px;
  line-height: 1;
}

.home_metric_box span:last-child {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

.home_tools {
  padding-top: 26px;
}

.home_section_head {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}

.home_section_head h2 {
  margin: 0;
  font-size: 48px;
  text-align: center;
}

.home_section_head--with_controls {
  justify-content: space-between;
}

.home_tools_grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px;
}

.home_tool_card {
  min-height: 342px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(29,56,28,.1);
  box-shadow: 0 20px 36px rgba(29,56,28,.08);
  padding: 34px 34px 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto auto auto 1fr;
  column-gap: 16px;
  overflow: hidden;
  position: relative;
}

.home_tool_icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #1f4a25;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 18px rgba(29,56,28,.14);
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
}

.home_tool_icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.home_tool_card h3 {
  margin: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 1.1;
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 2;
}

.home_tool_card p {
  margin: 16px 0 0;
  color: var(--color-text-muted);
  line-height: 1.7;
  font-size: 15px;
  grid-column: 1 / -1;
  grid-row: 2;
  position: relative;
  z-index: 2;
}

.home_tool_card a {
  margin-top: 18px;
  color: #1f4a25;
  font-weight: 700;
  grid-column: 1 / -1;
  grid-row: 3;
  position: relative;
  z-index: 3;
}

.home_tool_media {
  margin-top: auto;
  min-height: 192px;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  border: none;
  margin-left: -34px;
  margin-right: -34px;
  margin-bottom: -20px;
  background-repeat: no-repeat;
  grid-column: 1 / -1;
  grid-row: 4;
  align-self: end;
  position: relative;
  top: -20px;
  z-index: 1;
}

.home_tool_media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.96) 12%, rgba(255,255,255,.52) 28%, rgba(255,255,255,0) 44%);
  pointer-events: none;
}

.home_tool_media--market {
  background: url("/assets/img/index/Маркетплейс.png") center bottom / cover no-repeat;
}

.home_tool_media--catalog {
  background: url("/assets/img/index/Каталог компаний.png") center calc(100% + 10px) / cover no-repeat;
}

.home_tool_media--tenders {
  background: url("/assets/img/index/Тендеры.png") center bottom / cover no-repeat;
}

.home_tool_media--news {
  background: url("/assets/img/index/Новости.png") center bottom / cover no-repeat;
}

.home_tool_media--events {
  background: url("/assets/img/index/Мероприятия.png") center bottom / cover no-repeat;
}

.home_ai {
  padding-top: 8px;
}

.home_ai_shell {
  background:
    radial-gradient(circle at 96% 12%, rgba(220,174,93,.14), transparent 16%),
    radial-gradient(circle at 86% 84%, rgba(220,174,93,.08), transparent 18%),
    linear-gradient(180deg, #14341a 0%, #0f2a15 100%);
  border-radius: 30px;
  padding: 28px;
  display: grid;
  grid-template-columns: .86fr 1.04fr .86fr;
  gap: 20px;
  color: #fff;
}

.home_ai_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(220,174,93,.35);
  color: #f0c774;
  font-size: 12px;
  font-weight: 700;
}

.home_ai_intro h2 {
  margin: 18px 0 0;
  font-size: 48px;
  line-height: 1.05;
  text-align: left;
}

.home_ai_intro p,
.home_ai_intro li {
  color: rgba(255,255,255,.76);
  line-height: 1.7;
}

.home_ai_intro ul {
  margin: 20px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.home_ai_intro .button_main {
  margin-top: 24px;
  align-self: flex-start;
  min-width: 232px;
  background: var(--color-accent);
  color: var(--color-on-accent);
}

.home_ai_chart,
.home_ai_reco {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 20px;
}

.home_ai_chart_head,
.home_ai_reco h3 {
  margin: 0;
}

.home_ai_chart_head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.home_ai_chart_head strong,
.home_ai_reco h3 {
  font-size: 18px;
}

.home_ai_tabs {
  display: inline-flex;
  gap: 8px;
}

.home_ai_tabs span {
  min-width: 40px;
  height: 28px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: rgba(255,255,255,.68);
}

.home_ai_tabs .is-active {
  background: rgba(220,174,93,.2);
  color: #f0c774;
}

.home_ai_chart_graph {
  margin-top: 18px;
  height: 270px;
  border-radius: 18px;
  background:
    linear-gradient(to right, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(to top, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(220,174,93,.05) 0%, rgba(220,174,93,.02) 100%);
  background-size: 20% 100%, 100% 20%, 100% 100%;
  position: relative;
  overflow: hidden;
}

.home_ai_chart_graph::after {
  content: "";
  position: absolute;
  inset: 26px 20px 20px;
  background: linear-gradient(180deg, rgba(220,174,93,.34), rgba(220,174,93,.06));
  clip-path: polygon(0 72%, 11% 66%, 20% 58%, 34% 39%, 46% 48%, 58% 30%, 70% 42%, 82% 28%, 100% 18%, 100% 100%, 0 100%);
}

.home_ai_chart_graph::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 26px;
  bottom: 20px;
  background: linear-gradient(180deg, transparent 0%, transparent 100%);
  border-bottom: 3px solid #d9b76a;
  clip-path: polygon(0 74%, 11% 68%, 20% 60%, 34% 41%, 46% 50%, 58% 32%, 70% 44%, 82% 30%, 100% 20%, 100% 27%, 82% 37%, 70% 51%, 58% 39%, 46% 57%, 34% 48%, 20% 67%, 11% 75%, 0 81%);
}

.home_ai_stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.home_ai_stat {
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  padding: 14px;
}

.home_ai_stat strong,
.home_ai_stat span {
  display: block;
}

.home_ai_stat strong {
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

.home_ai_stat span {
  margin-top: 12px;
  font-size: 28px;
  line-height: 1;
}

.home_ai_stat small {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.58);
}

.home_ai_reco {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.home_reco_card {
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  padding: 18px;
}

.home_reco_card strong {
  display: block;
  font-size: 15px;
  line-height: 1.4;
}

.home_reco_card p,
.home_reco_card span {
  margin: 8px 0 0;
  color: rgba(255,255,255,.64);
  font-size: 13px;
  line-height: 1.55;
}

.home_reco_card a {
  display: inline-flex;
  margin-top: 10px;
  color: #f0c774;
  font-weight: 700;
}

.home_tariffs {
  padding-top: 8px;
}

.home_tariff_switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.home_tariff_switch span,
.home_tariff_switch small {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(29,56,28,.08);
  font-size: 13px;
  color: var(--color-text-soft);
}

.home_tariff_switch .is-active {
  color: var(--color-text);
}

.home_tariff_switch small {
  padding: 0 10px;
  color: #63a24f;
  font-weight: 700;
}

.home_tariff_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.home_tariff_card {
  position: relative;
  min-height: 460px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(29,56,28,.1);
  box-shadow: 0 18px 34px rgba(29,56,28,.08);
  padding: 22px 24px 24px;
  display: flex;
  flex-direction: column;
}

.home_tariff_card h3 {
  margin: 0;
  font-size: 34px;
}

.home_tariff_card p {
  margin: 10px 0 0;
  color: var(--color-text-muted);
  line-height: 1.6;
}

.home_tariff_card strong {
  display: block;
  margin-top: 24px;
  font-size: 52px;
  line-height: 1;
}

.home_tariff_card strong small {
  font-size: 18px;
  color: var(--color-text-soft);
  font-weight: 500;
}

.home_tariff_card ul {
  margin: 24px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
  color: var(--color-text-muted);
  line-height: 1.6;
}

.home_tariff_card .button_main,
.home_tariff_card .button_alt {
  margin-top: auto;
}

.home_tariff_card--featured {
  border: 2px solid rgba(220,174,93,.72);
  box-shadow: 0 24px 42px rgba(220,174,93,.18);
}

.home_tariff_label {
  position: absolute;
  top: -14px;
  right: 24px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--color-accent);
  color: var(--color-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}

.home_bottom_cta {
  padding-top: 6px;
}

.home_bottom_cta_shell {
  min-height: 198px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 12%, rgba(220,174,93,.34), transparent 18%),
    repeating-linear-gradient(120deg, rgba(220,174,93,.12) 0 2px, transparent 2px 16px),
    linear-gradient(90deg, #24572d 0%, #1a431f 46%, #73873f 100%);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  padding: 32px 42px;
  color: #fff;
}

.home_bottom_cta_text h2 {
  margin: 0;
  font-size: 50px;
  line-height: 1.04;
  text-align: left;
}

.home_bottom_cta_text p {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,.76);
}

.home_bottom_cta_actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

[data-theme="dark"] .home_hero {
  background:
    radial-gradient(circle at 12% 28%, rgba(24,30,24,.96) 0%, rgba(24,30,24,.92) 26%, rgba(24,30,24,.64) 44%, rgba(24,30,24,.16) 64%, rgba(24,30,24,0) 76%),
    linear-gradient(90deg, rgba(20,25,20,1) 0%, rgba(20,25,20,.5) 50%, rgba(71,82,51,0) 100%);
}

[data-theme="dark"] .home_hero_intro h1,
[data-theme="dark"] .home_section_head h2,
[data-theme="dark"] .home_tariff_card h3 {
  color: var(--color-text);
}

[data-theme="dark"] .home_hero_intro p,
[data-theme="dark"] .home_tool_card p,
[data-theme="dark"] .home_tariff_card p,
[data-theme="dark"] .home_tariff_card ul {
  color: var(--color-text-muted);
}

[data-theme="dark"] .home_card,
[data-theme="dark"] .home_tool_card,
[data-theme="dark"] .home_tariff_card,
[data-theme="dark"] .home_metrics_shell,
[data-theme="dark"] .home_bottom_cta_shell {
  box-shadow: none;
}

@media (max-width: 1280px) {
  .home_hero_shell,
  .home_metrics_shell,
  .home_tools,
  .home_ai_shell,
  .home_tariffs,
  .home_bottom_cta_shell {
    width: 94%;
  }

  .home_hero_shell {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-bottom: 36px;
  }

  .home_hero_board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home_card--company,
  .home_card--offers,
  .home_card--tenders,
  .home_card--chart,
  .home_card--news {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
    transform: none;
  }

  .home_card--news {
    grid-column: auto;
    grid-row: auto;
  }

  .home_metrics_shell,
  .home_tools_grid,
  .home_tariff_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home_ai_shell {
    grid-template-columns: 1fr;
  }

  .home_ai_stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home_bottom_cta_shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .home_page {
    gap: 20px;
  }

  .home_hero {
    padding-top: 20px;
  }

  .home_hero_intro h1,
  .home_section_head h2,
  .home_ai_intro h2,
  .home_bottom_cta_text h2 {
    font-size: 38px;
  }

  .home_hero_intro p {
    font-size: 18px;
  }

  .home_hero_board,
  .home_metrics_shell,
  .home_tools_grid,
  .home_tariff_grid,
  .home_ai_stats {
    grid-template-columns: 1fr;
  }

  .home_card--company,
  .home_card--offers,
  .home_card--tenders,
  .home_card--chart,
  .home_card--news {
    grid-column: auto;
    grid-row: auto;
  }

  .home_metrics {
    margin-top: -22px;
  }

  .home_metric_box:not(:first-child) {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.1);
  }

  .home_section_head,
  .home_section_head--with_controls {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .home_company_stats,
  .home_ai_stats {
    grid-template-columns: 1fr;
  }

  .home_bottom_cta_shell,
  .home_ai_shell {
    padding: 22px;
  }

  .home_bottom_cta_actions,
  .home_hero_actions {
    width: 100%;
  }

  .home_bottom_cta_actions .button_main,
  .home_bottom_cta_actions .button_alt,
  .home_hero_actions .button_main,
  .home_hero_actions .button_alt {
    width: 100%;
  }
}

.cover {
  min-height: clamp(620px, 78vh, 860px);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-primary-dark);
  padding: clamp(72px, 10vh, 110px) 0 clamp(96px, 12vh, 130px);
}
.cover .cover_filter { background: rgba(20,40,19,0.46); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cover .video_fallback { position: absolute; inset: 0; background: var(--color-primary); }
.cover .field_pattern {
  position: absolute;
  right: max(4%, 42px);
  bottom: -68px;
  width: clamp(320px, 38vw, 520px);
  height: clamp(320px, 38vw, 520px);
  border-radius: 50%;
  border: 1px solid rgba(213,169,96,.24);
  box-shadow: inset 0 0 0 60px rgba(213,169,96,.04), inset 0 0 0 120px rgba(255,255,255,.02), inset 0 0 0 180px rgba(213,169,96,.05);
}
.cover .cover_inner {
  width: 86%;
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.home_card--image {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home_showcase_image {
  height: 100%;
  width: auto;
  display: block;
  flex: 0 0 auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: none;
}
.cover .cover_content {
  max-width: min(760px, 62%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.cover .title {
  text-align: left;
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 700;
  color: var(--color-on-hero);
  max-width: 760px;
  margin: 0;
  line-height: 1.04;
}
.cover .discription {
  text-align: left;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 300;
  color: var(--color-on-hero);
  max-width: 800px;
  margin: 0;
  line-height: 1.5;
}
.cover .button {
  background-color: var(--color-accent);
  min-width: 170px;
  height: 55px;
  padding: 0 26px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 30px rgba(20,40,19,.18);
}
.cover .button:hover { background-color: var(--color-accent-dark); }
.cover .down_button {
  position: absolute;
  left: 50%;
  bottom: 22px;
  font-size: 60px;
  color: #FFFFFF;
  font-weight: 100;
  line-height: 1;
  z-index: 1;
  text-shadow: 0 8px 18px rgba(0,0,0,.18);
  transform: translateX(-50%) rotate(90deg) scale(0.7,2);
  animation: 2s infinite alternate bounce;
}
.cover .down_button:hover { color: #FFFFFF; }
@keyframes bounce {
  from { transform: translateX(-50%) translateY(0) rotate(90deg) scale(0.7,2); }
  50%,55% { transform: translateX(-50%) translateY(-7px) rotate(90deg) scale(0.7,2); }
  to { transform: translateX(-50%) translateY(0) rotate(90deg) scale(0.7,2); }
}

.you_can { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 120px 0; }
.you_can .title { font-size: 42px; font-weight: 600; margin: 0; }
.you_can .subtitle { font-size: 20px; color: var(--color-text-muted); margin: 18px 0 0; text-align: center; max-width: 800px; }
.you_can .tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; margin-top: 70px; width: 86%; max-width: 1360px; }
.you_can .tiles .tile { display: flex; flex-direction: column; align-items: center; width: 100%; min-height: 430px; border: 2px solid var(--color-surface-soft); border-radius: 15px; background: var(--color-surface); padding: 34px 26px 28px; box-shadow: 0 14px 35px var(--color-shadow); }
.you_can .tiles .tile .icon { width: 88px; height: 88px; border-radius: 22px; background: var(--color-accent-soft); color: var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 42px; margin-top: 6px; }
.you_can .tiles .tile .title { font-size: 24px; margin: 30px 0 20px; }
.you_can .tiles .tile .discription { font-size: 15px; margin-bottom: 24px; width: 100%; color: var(--color-text-muted); line-height: 1.75; }
.you_can .tiles .tile .button { margin: auto auto 0; background-color: var(--color-primary); width: 180px; height: 44px; font-size: 17px; font-weight: 500; color: var(--color-on-primary); display: flex; align-items: center; justify-content: center; border-radius: 10px; }
.you_can .tiles .tile .button:hover { background-color: var(--color-primary-dark); }

.subscribe { background-color: var(--color-primary); display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0; }
.subscribe .title { font-size: 42px; margin: 0 0 25px; color: var(--color-on-primary); font-weight: 600; }
.subscribe .discription { font-size: 24px; margin: 10px 0 50px; color: rgba(255,255,255,.84); font-weight: 300; width: 700px; }
.subscribe .subscribe_row { display: flex; align-items: center; }
.subscribe input { width: 420px; height: 58px; border: none; margin-right: 20px; padding: 0 20px; font-size: 16px; border-radius: 10px; }
.subscribe input::placeholder { font-size: 16px; }
.subscribe .button { width: 175px; height: 60px; background-color: var(--color-accent); border-radius: 35px; display: flex; align-items: center; justify-content: center; color: var(--color-on-accent); font-weight: 700; }
.subscribe button.button { border: none; padding: 0; }
.subscribe .button:hover { background-color: var(--color-accent-dark); }

.closing_cta {
  background: var(--color-bg);
  padding: 54px 0 90px;
}

.closing_cta_card {
  width: 86%;
  margin: 0 auto;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  border-radius: 24px;
  box-shadow: 0 18px 42px var(--color-shadow);
  padding: 34px 38px;
  display: grid;
  grid-template-columns: 1.15fr auto;
  gap: 24px;
  align-items: center;
}

.closing_cta_text h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1.1;
  text-align: left;
}

.closing_cta_text p:last-child {
  margin: 16px 0 0;
  color: var(--color-text-muted);
  line-height: 1.8;
  font-size: 16px;
}

.closing_cta_actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.info_grid { width: 86%; margin: 0 auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; padding: 0 0 110px; }
.info_card { background: var(--color-surface); border-radius: 18px; box-shadow: 0 14px 35px var(--color-shadow); border: 1px solid var(--color-surface-soft); padding: 34px; }
.info_card h2 { text-align: left; font-size: 34px; margin: 0 0 14px; }
.info_card p { color: var(--color-text-muted); line-height: 1.75; font-size: 16px; }
.info_card ul { margin: 22px 0 0; padding-left: 18px; color: var(--color-text-muted); line-height: 1.8; }
.mini_box { background: var(--color-bg); border: 1px solid var(--color-surface-strong); border-radius: 14px; padding: 16px 18px; margin-top: 14px; }
.info_card .mini_box { background: var(--color-bg); border: 1px solid var(--color-surface-strong); border-radius: 14px; padding: 16px 18px; margin-top: 14px; }
.mini_box--icon { display: flex; flex-direction: column; gap: 8px; }
.mini_box_label { display: inline-flex; align-items: center; gap: 10px; }
.mini_box_icon { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; }

.section_kicker {
  margin: 0 0 16px;
  color: var(--color-accent-dark);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  font-weight: 700;
}

.market_story, .deal_flow {
  width: 86%;
  margin: 0 auto 110px;
}

.market_story {
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  border-radius: 28px;
  box-shadow: 0 22px 45px var(--color-shadow);
  padding: 40px;
}

.market_story_head {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 30px;
  align-items: end;
}

.market_story_head h2, .deal_flow_head h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.08;
  text-align: left;
}

.market_story_head p:last-child, .deal_flow_head p:last-child {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 17px;
  line-height: 1.8;
}

.market_story_metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 34px;
}

.market_story_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 22px;
}

.story_card {
  min-height: 215px;
  padding: 28px;
  border-radius: 22px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  box-shadow: 0 14px 34px var(--color-shadow);
}

.story_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: var(--color-accent-soft);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 700;
}

.story_card h3, .flow_step h3 {
  margin: 18px 0 0;
  font-size: 24px;
  line-height: 1.2;
}

.story_card p, .flow_step p {
  margin: 14px 0 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}

.deal_flow_head {
  max-width: 860px;
}

.deal_flow_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 34px;
}

.flow_step {
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  border-radius: 22px;
  padding: 28px 24px;
  box-shadow: 0 14px 34px var(--color-shadow);
}

.flow_step_num {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(29,56,28,.24);
}

.deal_flow_actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.market_grid, .catalog_grid, .news_grid, .events_grid, .profile_grid, .auth_grid, .company_grid { width: 86%; margin: 0 auto 110px; display: grid; gap: 24px; align-items: start; }
.market_grid { grid-template-columns: 320px 1fr; }
.page_content,
main > .market_grid:first-child { padding-top: 32px; }
.catalog_grid { grid-template-columns: 1fr 1fr; }
.news_grid { grid-template-columns: 1fr 1fr; }
.events_grid { grid-template-columns: repeat(3, 1fr); }
.profile_grid { grid-template-columns: .8fr 1.2fr; }
.auth_grid { grid-template-columns: 1fr 1fr; }
.company_grid { grid-template-columns: 1.1fr .9fr; }

.filter_panel, .content_panel, .white_card { background: var(--color-surface); border: 1px solid var(--color-surface-soft); border-radius: 18px; box-shadow: 0 14px 35px var(--color-shadow); }
.filter_panel, .content_panel, .white_card { padding: 30px; }
.filter_panel--interactive { display: flex; flex-direction: column; gap: 24px; }
.filter_panel--interactive .panel_title { margin-bottom: 0; }
.filter_panel--interactive .pills { margin-top: 0; }
.filter_header { display: flex; flex-direction: column; gap: 10px; }
.filter_search { display: flex; flex-direction: column; gap: 10px; }
.filter_select { display: flex; flex-direction: column; gap: 10px; }
.filter_label, .filter_group_title { margin: 0; font-size: 14px; font-weight: 700; color: var(--color-text); letter-spacing: .01em; }
.filter_search input,
.filter_select select {
  width: 100%;
  height: 52px;
  border-radius: 14px;
  border: 1px solid var(--color-border);
  padding: 0 16px;
  background: var(--color-bg);
  color: var(--color-text);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.filter_select select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--color-text-soft) 50%),
    linear-gradient(135deg, var(--color-text-soft) 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 42px;
}
.filter_search input:focus,
.filter_select select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 12%, transparent);
  background: var(--color-surface);
}
.filter_group { display: flex; flex-direction: column; gap: 12px; }
.filter_toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--color-bg);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
}
.filter_toggle input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--color-primary);
}
.filter_note, .filter_results { margin: 0; color: var(--color-text-soft); font-size: 14px; line-height: 1.65; }
.filter_results {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--color-surface-soft);
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}
.pagination:empty { display: none; }
.pagination_button {
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.pagination_button:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.pagination_button.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
}
.pagination_button[disabled] {
  opacity: .45;
  cursor: default;
}
#profile-content > .top { display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-wrap: wrap; }
#profile-content > .top .panel_title { flex: 0 1 auto; }
#profile-content > .top .tag { flex: 0 0 auto; white-space: nowrap; }
#company-card-main > .top { display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-wrap: wrap; }
#company-card-main > .top .panel_title { flex: 0 1 auto; }
#company-card-main > .top .tag { flex: 0 0 auto; white-space: nowrap; }
.panel_title { margin: 0 0 10px; text-align: left; font-size: 28px; }
.panel_text { margin: 0; color: var(--color-text-muted); line-height: 1.75; }
.pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.pill {
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  font-size: 14px;
  background: var(--color-bg);
  color: var(--color-text-muted);
  appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.pill.active, .pill:hover { background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
.pill:focus-visible {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.offer_list, .card_stack { display: flex; flex-direction: column; gap: 18px; }
.offer_item, .company_item, .news_item, .event_item, .profile_item { border: 1px solid var(--color-surface-soft); border-radius: 16px; padding: 22px; background: var(--color-surface); }
.offer_item .top, .company_item .top, .news_item .top, .event_item .top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.offer_item .top { margin-bottom: 10px; }
.news_item .top, .event_item .top { margin-bottom: 10px; }
.offer_item h3, .company_item h3, .news_item h3, .event_item h3, .profile_item h3 { margin: 0; text-align: left; font-size: 24px; }
.news_title_row,
.news_detail_title_row { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.news_title_row h3,
.news_detail_title_row .news_detail_title { margin: 0; }
.offer_item p, .company_item p, .news_item p, .event_item p, .profile_item p { margin: 10px 0 0; color: var(--color-text-muted); line-height: 1.7; }
.offer_meta, .company_meta, .news_meta, .event_meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; color: var(--color-text-muted); font-size: 14px; }
.news_meta { align-items: center; row-gap: 10px; }
.news_meta > span { display: inline-flex; align-items: center; min-height: 32px; line-height: 1.2; }
.offer_actions, .card_actions { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; }
.offer_item--linked { cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.offer_item--linked:hover { transform: none; border-color: var(--color-border-strong); box-shadow: 0 10px 18px var(--color-shadow); }
.offer_item--linked:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.card_title_link { color: inherit; text-decoration: none; }
.listing_single { width: 86%; margin: 44px auto 110px; }
.news_detail_panel { display: flex; flex-direction: column; gap: 24px; }
.news_detail_cover {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
}
.news_detail_cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 5.5;
  max-height: clamp(220px, 28vw, 340px);
  object-fit: cover;
}
.news_detail_head { display: flex; flex-direction: column; gap: 16px; }
.news_detail_title { margin-bottom: 0; font-size: 42px; }
.news_detail_body { display: flex; flex-direction: column; gap: 18px; }
.news_detail_body .panel_text { margin: 0; font-size: 17px; line-height: 1.9; }
.news_translated_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  color: var(--color-primary-dark);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.news_source {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 32px;
}

.news_source_icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-surface-soft);
  border: 1px solid var(--color-surface-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  flex: 0 0 auto;
}

.news_source_icon.is-logo {
  background: var(--color-surface);
}

.news_source_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.news_source_text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  line-height: 1.2;
}

.news_source_name {
  color: var(--color-text);
  font-weight: 700;
}

.news_source_author {
  color: var(--color-text-muted);
}

.profile_language_setting {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
}

.profile_language_select {
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  padding: 0 14px;
  font-size: 15px;
  font-weight: 600;
  outline: none;
}
.listing_main_panel { display: flex; flex-direction: column; gap: 28px; }
.listing_hero {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: stretch;
}
.listing_cover {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
  min-height: 100%;
}
.listing_cover img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.listing_intro { display: flex; flex-direction: column; gap: 18px; }
.listing_tags { display: flex; flex-wrap: wrap; gap: 10px; overflow: visible; padding-bottom: 4px; }
.listing_headline { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: start; }
.listing_value_column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 34px;
}
.listing_value_card {
  width: fit-content;
  max-width: 100%;
  background: var(--color-bg);
  border: 1px solid var(--color-surface-strong);
  border-radius: 18px;
  padding: 22px;
}
.listing_value_label {
  display: block;
  margin-bottom: 12px;
  color: var(--color-text-soft);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 700;
}
.listing_value {
  display: block;
  font-size: 30px;
  line-height: 1.15;
  color: var(--color-text);
}
.listing_value_actions {
  margin-top: 0;
}
.listing_value_actions .button_main {
  min-width: 180px;
}
.listing_section {
  border-top: 1px solid var(--color-surface-soft);
  padding-top: 28px;
}
.listing_section .panel_title { margin-bottom: 12px; font-size: 22px; }
.listing_section .panel_text + .panel_text { margin-top: 14px; }
.listing_info_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.listing_info_item {
  background: var(--color-bg);
  border: 1px solid var(--color-surface-strong);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.listing_info_label {
  color: var(--color-text-soft);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 700;
}
.listing_info_value {
  color: var(--color-text);
  font-size: 16px;
  line-height: 1.55;
}
.listing_company_row,
.listing_company_status {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.listing_company_card {
  border: 1px solid var(--color-surface-strong);
  border-radius: 18px;
  background: var(--color-bg);
  padding: 22px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.listing_company_card:hover {
  transform: none;
  border-color: var(--color-border-strong);
  box-shadow: 0 10px 18px var(--color-shadow);
}
.listing_company_card:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.listing_company_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 18px;
  color: var(--color-text-muted);
  font-size: 14px;
}
.listing_company_link,
.listing_inline_link {
  color: var(--color-text);
  font-weight: 700;
  text-decoration: none;
}
.listing_company_link:hover,
.listing_inline_link:hover { color: var(--color-primary); }
.tag { padding: 6px 12px; border-radius: 999px; border: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent); font-size: 12px; font-weight: 700; background: var(--color-accent-soft); color: var(--color-primary); }
.tag[data-tooltip],
.dashboard_premium_badge[data-tooltip] {
  position: relative;
  cursor: help;
}
.tag[data-tooltip]::after,
.dashboard_premium_badge[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(6px);
  width: max-content;
  max-width: min(240px, 70vw);
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--color-text);
  color: var(--color-surface);
  box-shadow: 0 14px 28px var(--color-shadow-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 30;
}
.tag[data-tooltip]::before,
.dashboard_premium_badge[data-tooltip]::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%) translateY(6px);
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: var(--color-text) transparent transparent transparent;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 29;
}
.tag[data-tooltip]:hover::after,
.tag[data-tooltip]:hover::before,
.tag[data-tooltip]:focus-visible::after,
.tag[data-tooltip]:focus-visible::before,
.dashboard_premium_badge[data-tooltip]:hover::after,
.dashboard_premium_badge[data-tooltip]:hover::before,
.dashboard_premium_badge[data-tooltip]:focus-visible::after,
.dashboard_premium_badge[data-tooltip]:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.tag.sale { background: #DDF7E1; color: #0E7A29; }
.tag.buy { background: #FFE7B8; color: #9B5E00; }
.tag.tender { background: #E3DBFF; color: #563AC7; }
.tag.rfq { background: #D9F3FF; color: #1669A7; }
.tag.contract { background: #D8F5E3; color: #17754C; }
.tag.proposal { background: #FFE0EF; color: #B53F78; }
.tag.contest { background: #FFE8C9; color: #A55D08; }
.tag.service { background: #D6F7F1; color: #007567; }
.tag.seeds { background: #ECFFA8; color: #617F00; }
.tag.inputs { background: #FFD6A3; color: #9B4F00; }
.tag.infrastructure { background: #D8ECFF; color: #1D62B2; }
.tag.tech { background: #E2DAFF; color: #4A33B7; }
.tag.market { background: #D8E8FF; color: #255CCB; }
.tag.events { background: #F0D6FF; color: #7522BF; }
.tag.practice { background: #D6FFE8; color: #0A7A4E; }
.tag.policy { background: #FFE0D8; color: #B44A23; }
.tag.export { background: #D8F3FF; color: #166D9F; }
.tag.weather { background: #E8F7D6; color: #527C0E; }
.tag.livestock { background: #FFE3F2; color: #B2417C; }
.tag.industry { background: #DBE2FF; color: #3C52BD; }
.tag.finance { background: #FFF0C7; color: #916300; }
.tag.science { background: #E1E0FF; color: #5542C1; }
.tag.analysis { background: #E2EEFF; color: #245FB1; }
.tag.release { background: #FFE4D6; color: #A94A1A; }
.tag.expo { background: #DAE4FF; color: #3156B4; }
.tag.field { background: #E6FFB9; color: #557D16; }
.tag.meeting { background: #F4D9FF; color: #7A34B0; }
.tag.moderation { background: #F9E7C8; color: #8D6420; }
.tag.verified { background: #DCEEFF; color: #1F66C8; }

.button_main, .button_alt, .button_ghost { height: 46px; padding: 0 20px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease; }
button.button_main, button.button_alt, button.button_ghost { border: none; }
.button_main { background: var(--color-primary); color: var(--color-on-primary); }
.button_main:hover { background: var(--color-primary-dark); }
.button_alt { border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text); }
.button_alt:hover { border-color: var(--color-accent); color: var(--color-accent); }
.button_ghost { color: var(--color-primary); }

.info_banner { width: 86%; margin: 0 auto 110px; background: var(--color-primary); border-radius: 18px; padding: 42px; color: var(--color-on-primary); box-shadow: 0 18px 40px rgba(29,56,28,.22); }
.info_banner h2 { text-align: left; margin: 0 0 14px; font-size: 34px; }
.info_banner p { max-width: 760px; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.88); }

.form_card label { display: block; margin-top: 18px; font-size: 14px; font-weight: 600; color: var(--color-text); }
.form_card form { margin: 0; }
.form_card input, .form_card textarea, .form_card select { width: 100%; margin-top: 8px; height: 50px; border-radius: 10px; border: 1px solid var(--color-border); padding: 0 14px; font-size: 15px; }
.form_card textarea { min-height: 140px; padding: 14px; resize: vertical; }
.form_card .form_actions { display: flex; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
input, textarea, select {
  background: var(--color-surface);
  color: var(--color-text);
}
input::placeholder, textarea::placeholder {
  color: var(--color-text-soft);
}

.stats_row { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 28px; }
.stat_box { background: var(--color-bg); border: 1px solid var(--color-surface-strong); border-radius: 14px; padding: 22px; }
.stat_box .num { font-size: 34px; font-weight: 700; color: var(--color-primary); }
.stat_box p { margin: 8px 0 0; color: var(--color-text-muted); }
.dashboard_page_head { margin-bottom: 22px; }
.dashboard_shell { width: 86%; margin: 0 auto 110px; display: flex; flex-direction: column; gap: 24px; }
.dashboard_hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 28px;
  align-items: stretch;
}
.dashboard_hero_main,
.dashboard_identity,
.dashboard_content,
.dashboard_nav,
.dashboard_section,
.dashboard_info_card,
.dashboard_metric_card,
.dashboard_tariff_card,
.dashboard_settings_card,
.dashboard_request_card,
.dashboard_procurement_card,
.dashboard_focus_card {
  display: flex;
  flex-direction: column;
}
.dashboard_identity_head,
.dashboard_section_head,
.dashboard_inline_actions,
.dashboard_request_meta,
.dashboard_procurement_meta,
.dashboard_meta,
.dashboard_focus_stats,
.dashboard_statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.dashboard_eyebrow {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-text-soft);
}
.dashboard_company_name {
  margin: 0;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 1.05;
}
.dashboard_company_heading {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.dashboard_company_brand {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.dashboard_company_logo {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 12%, transparent);
}
.dashboard_company_logo.has-image:not(.dashboard_company_logo--editor) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.dashboard_company_logo span {
  color: var(--color-primary);
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.dashboard_statuses {
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  white-space: nowrap;
  gap: 8px;
}
.dashboard_premium_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  background: transparent;
  transform: translateY(-3px);
  font-weight: 700;
  flex: 0 0 auto;
  position: relative;
  border-radius: 999px;
  transition: box-shadow .18s ease, filter .18s ease, transform .18s ease;
}
.dashboard_premium_badge img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.dashboard_premium_badge.tier-premium {
  box-shadow: 0 0 0 rgba(224,161,26,0);
}
.dashboard_premium_badge.tier-pro {
  width: 38px;
  height: 38px;
  box-shadow: 0 0 0 rgba(214,76,76,0);
}
.dashboard_premium_badge.tier-proplus {
  width: 42px;
  height: 42px;
  box-shadow: 0 0 0 rgba(126,87,194,0);
}
.dashboard_premium_badge.tier-premium:hover,
.dashboard_premium_badge.tier-premium:focus-visible {
  box-shadow: 0 0 18px rgba(224,161,26,.32);
}
.dashboard_premium_badge.tier-pro:hover,
.dashboard_premium_badge.tier-pro:focus-visible {
  box-shadow: 0 0 18px rgba(214,76,76,.34);
}
.dashboard_premium_badge.tier-proplus:hover,
.dashboard_premium_badge.tier-proplus:focus-visible {
  box-shadow: 0 0 20px rgba(126,87,194,.38);
}
.dashboard_meta {
  margin-top: 18px;
  color: var(--color-text-muted);
  font-size: 14px;
}
.dashboard_meta span,
.dashboard_focus_stats span,
.dashboard_procurement_meta span,
.dashboard_request_meta span,
.dashboard_section_hint {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-bg);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-text-muted);
  font-size: 13px;
}
.dashboard_company_text {
  margin: 18px 0 0;
  color: var(--color-text-muted);
  line-height: 1.8;
  max-width: 920px;
}
.dashboard_company_view,
.dashboard_company_edit {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.dashboard_company_view[hidden],
.dashboard_company_edit[hidden] {
  display: none !important;
}
.dashboard_company_snapshot {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.dashboard_company_overview {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.dashboard_company_overview_head {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-primary) 3%, var(--color-bg));
}
.dashboard_company_snapshot_head {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-primary) 3%, var(--color-bg));
}
.dashboard_company_snapshot_identity {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.dashboard_company_snapshot_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.dashboard_company_snapshot_text .panel_title,
.dashboard_company_snapshot_text .panel_text {
  margin: 0;
}
.dashboard_company_snapshot_text .panel_text {
  line-height: 1.8;
}
.dashboard_company_snapshot_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.dashboard_company_snapshot_meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-text-muted);
  font-size: 13px;
}
.dashboard_company_overview_rows {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
  overflow: hidden;
}
.dashboard_company_overview_row {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  padding: 18px 22px;
  border-top: 1px solid var(--color-surface-soft);
  align-items: center;
}
.dashboard_company_overview_row:first-child {
  border-top: none;
}
.dashboard_company_overview_row > span {
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.dashboard_company_overview_label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.dashboard_company_overview_icon {
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
  line-height: 1;
  flex-shrink: 0;
}
.dashboard_company_overview_row > strong {
  color: var(--color-text);
  font-size: 16px;
}
.dashboard_company_overview_row .dashboard_token_box {
  padding: 0;
  border: none;
  background: transparent;
}
.dashboard_company_overview_note {
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
}
.company_card_details {
  margin-top: 18px;
}
.dashboard_company_overview_note p {
  margin: 10px 0 0;
  color: var(--color-text-muted);
  line-height: 1.8;
}
.dashboard_document_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 160px));
  gap: 12px;
  margin-top: 14px;
}
.dashboard_document_list[hidden],
.dashboard_documents_empty[hidden] {
  display: none !important;
}
.dashboard_document_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 146px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-surface);
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, color .2s ease;
}
.dashboard_document_item:hover,
.dashboard_document_item:focus-visible {
  border-color: color-mix(in srgb, var(--color-accent) 40%, var(--color-surface-soft));
  box-shadow: 0 10px 24px rgba(29, 56, 28, .08);
}
.dashboard_document_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
  padding: 12px 10px 10px;
  min-width: 0;
  color: var(--color-text);
  text-decoration: none;
  text-align: center;
}
.dashboard_document_link:hover,
.dashboard_document_link:focus-visible {
  color: var(--color-primary);
}
.dashboard_document_icon_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-height: 66px;
  padding-top: 2px;
}
.dashboard_document_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 62px;
  height: 74px;
  flex: 0 0 auto;
}
.dashboard_document_icon_image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(29, 56, 28, .08));
}
.dashboard_document_content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  width: 100%;
}
.dashboard_document_name {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.dashboard_document_caption {
  color: var(--color-text-soft);
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}
.dashboard_documents_empty {
  margin: 14px 0 0;
  color: var(--color-text-soft);
  line-height: 1.7;
}
.dashboard_document_editor {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 10px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-surface);
}
.dashboard_document_editor_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
.dashboard_document_editor_head p {
  flex: 1 1 320px;
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.7;
}
.dashboard_document_list--editor .dashboard_document_item {
  min-height: 154px;
}
.dashboard_document_item--editor .dashboard_document_link {
  padding-top: 30px;
}
.dashboard_document_meta {
  display: flex;
  justify-content: flex-end;
}
.dashboard_document_remove {
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  background: transparent;
  color: var(--color-text-soft);
  font-size: 12px;
  line-height: 1;
  font-family: inherit;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}
.dashboard_document_remove:hover,
.dashboard_document_remove:focus-visible {
  color: var(--color-primary);
}
.company_documents_block {
  margin-top: 18px;
}
.dashboard_company_snapshot_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_company_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
.dashboard_company_logo img[hidden] {
  display: none !important;
}
.dashboard_company_logo span[hidden] {
  display: none !important;
}
.dashboard_company_logo--panel {
  width: 92px;
  height: 92px;
}
.dashboard_logo_editor {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-accent) 6%, var(--color-bg));
}
.dashboard_company_logo--editor {
  width: 120px;
  height: 120px;
  border-radius: 28px;
  flex-shrink: 0;
}
.dashboard_company_logo--editor span {
  font-size: 20px;
}
.dashboard_logo_editor_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  min-width: 0;
}
.dashboard_logo_editor_text h3,
.dashboard_logo_editor_text p {
  margin: 0;
}
.dashboard_logo_editor_text h3 {
  font-size: 18px;
  line-height: 1.3;
  color: var(--color-text);
}
.dashboard_logo_editor_text p {
  color: var(--color-text-muted);
  line-height: 1.75;
}
.dashboard_logo_editor_actions {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.dashboard_logo_filename {
  color: var(--color-text-muted);
  font-size: 14px;
  line-height: 1.6;
}
.dashboard_logo_editor.is-dragover {
  border-color: color-mix(in srgb, var(--color-primary) 36%, var(--color-accent));
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-bg));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.dashboard_upload_button {
  align-self: flex-start;
  margin: 0;
}
@media (max-width: 1180px) {
  .dashboard_logo_editor {
    grid-template-columns: 1fr;
  }
}
.dashboard_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.dashboard_focus_card {
  height: 100%;
  border-radius: 18px;
  padding: 24px;
  background: var(--color-bg);
  border: 1px solid var(--color-surface-strong);
  justify-content: space-between;
  gap: 18px;
}
.dashboard_focus_label {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-text-soft);
}
.dashboard_focus_card h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
}
.dashboard_focus_card p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}
.dashboard_quickstats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_stat_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  background: color-mix(in srgb, var(--color-surface) 82%, var(--color-bg));
  border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
  border-radius: 16px;
  padding: 22px;
  box-shadow: none;
}
.dashboard_stat_label {
  display: block;
  margin-bottom: 8px;
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.45;
  text-transform: uppercase;
}
.dashboard_stat_card strong {
  display: block;
  font-size: clamp(28px, 2.4vw, 34px);
  line-height: 1.08;
  color: var(--color-primary);
  overflow-wrap: anywhere;
}
.dashboard_stat_card p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}
.dashboard_layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.dashboard_nav {
  position: sticky;
  top: 132px;
  gap: 24px;
}
.dashboard_nav_head .panel_text { margin-top: 6px; }
.dashboard_nav_list { display: flex; flex-direction: column; gap: 8px; }
.dashboard_nav_link {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  color: var(--color-text);
  background: var(--color-bg);
  border: 1px solid transparent;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.dashboard_nav_link:hover,
.dashboard_nav_link.active {
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
  color: var(--color-primary);
}
.dashboard_nav_note { margin-top: 0; }
.dashboard_content { gap: 24px; }
.dashboard_section { gap: 24px; }
.dashboard_section_head {
  justify-content: space-between;
  align-items: flex-start;
}
.dashboard_inline_actions {
  align-items: center;
  justify-content: flex-end;
}
.dashboard_inline_actions > [hidden] {
  display: none !important;
}
.dashboard_overview_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_overview_flow {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.dashboard_overview_grid--paired {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}
.dashboard_overview_highlights {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 18px;
}
.dashboard_quickstats--embedded .dashboard_stat_card {
  padding: 20px;
  min-height: 156px;
}
.dashboard_signal_card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-primary) 3%, var(--color-bg));
  box-shadow: 0 12px 28px rgba(29,56,28,.04);
}
.dashboard_signal_card--soft {
  border-color: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg));
}
.dashboard_signal_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.dashboard_signal_head h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
}
.dashboard_signal_badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-text-muted);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.dashboard_signal_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.dashboard_deadline_list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dashboard_deadline_item {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid var(--color-surface-soft);
}
.dashboard_deadline_item:first-child { padding-top: 0; border-top: none; }
.dashboard_deadline_item strong {
  display: block;
  margin: 0 0 6px;
  font-size: 16px;
  color: var(--color-text);
}
.dashboard_deadline_item p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.7;
}
.dashboard_deadline_date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 700;
}
.dashboard_info_card,
.dashboard_metric_card,
.dashboard_tariff_card,
.dashboard_settings_card,
.dashboard_request_card,
.dashboard_procurement_card {
  border-radius: 16px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
  padding: 22px;
  gap: 14px;
}
.dashboard_overview_flow .dashboard_info_card {
  box-shadow: none;
}
.dashboard_info_card--priority {
  border-color: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-primary) 4%, var(--color-bg));
}
.dashboard_info_card--feed {
  border-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
  background: var(--color-bg);
}
.dashboard_info_card--requests {
  border-color: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-accent) 7%, var(--color-bg));
}
.dashboard_info_card--materials {
  border-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
  background: color-mix(in srgb, var(--color-surface) 70%, var(--color-bg));
}
.dashboard_overview_card_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.dashboard_info_meta {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-strong);
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.dashboard_list--compact {
  line-height: 1.7;
}
.dashboard_event_feed,
.dashboard_request_digest,
.dashboard_material_checks {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard_event_item,
.dashboard_request_digest_item,
.dashboard_material_check {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--color-surface-soft);
}
.dashboard_event_item:last-child,
.dashboard_request_digest_item:last-child,
.dashboard_material_check:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.dashboard_event_item strong,
.dashboard_request_digest_item strong,
.dashboard_material_check strong {
  display: block;
  margin: 0 0 6px;
  font-size: 15px;
  color: var(--color-text);
}
.dashboard_event_item p,
.dashboard_request_digest_item p,
.dashboard_material_check p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.7;
}
.dashboard_info_card.warning {
  background: color-mix(in srgb, var(--color-accent) 9%, var(--color-surface));
}
.dashboard_info_card.success {
  background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
}
.dashboard_info_title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text);
}
.dashboard_list {
  margin: 0;
  padding-left: 18px;
  color: var(--color-text-muted);
  line-height: 1.75;
}
.dashboard_list li + li { margin-top: 8px; }
.dashboard_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dashboard_field--wide { grid-column: 1 / -1; }
.dashboard_field span {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text);
}
.dashboard_field input,
.dashboard_field select,
.dashboard_field textarea {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 14px 16px;
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
}
.dashboard_field textarea {
  min-height: 136px;
  resize: vertical;
}
.dashboard_category_picker,
.dashboard_region_picker {
  position: relative;
}
.dashboard_category_picker::after,
.dashboard_region_picker::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--color-text-soft);
  border-bottom: 2px solid var(--color-text-soft);
  transform: translateY(-65%) rotate(45deg);
  transition: transform .18s ease;
  pointer-events: none;
}
.dashboard_category_picker select,
.dashboard_region_picker select {
  display: none !important;
}
.dashboard_region_input {
  width: 100%;
  min-height: 54px;
  padding: 14px 44px 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  padding-right: 44px;
}
.dashboard_region_input:focus {
  outline: none;
  border-color: var(--color-primary);
}
.dashboard_category_picker.is-open::after,
.dashboard_region_picker.is-open::after {
  transform: translateY(-35%) rotate(-135deg);
}
.dashboard_region_menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
  box-shadow: 0 18px 40px rgba(29, 56, 28, 0.12);
  z-index: 20;
}
.dashboard_region_option {
  width: 100%;
  padding: 12px 14px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--color-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.dashboard_region_option:hover,
.dashboard_region_option:focus-visible,
.dashboard_region_option.active {
  background: var(--color-surface-soft);
}
.dashboard_token_box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}
.dashboard_table_wrap {
  overflow-x: auto;
  border: 1px solid var(--color-surface-soft);
  border-radius: 16px;
}
.dashboard_table {
  width: 100%;
  border-collapse: collapse;
  min-width: 880px;
}
.dashboard_table th,
.dashboard_table td {
  padding: 18px 16px;
  border-bottom: 1px solid var(--color-surface-soft);
  text-align: left;
  vertical-align: top;
}
.dashboard_table th {
  background: var(--color-bg);
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.dashboard_table td strong {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}
.dashboard_table td span {
  color: var(--color-text-muted);
  font-size: 14px;
  line-height: 1.6;
}
.dashboard_table tbody tr:last-child td { border-bottom: none; }
.dashboard_table_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.dashboard_procurement_list,
.dashboard_request_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dashboard_procurement_card h3,
.dashboard_request_card h3,
.dashboard_tariff_card h3,
.dashboard_settings_card h3,
.dashboard_metric_card strong {
  margin: 0;
}
.dashboard_procurement_card p,
.dashboard_request_card p,
.dashboard_tariff_card p,
.dashboard_settings_card p,
.dashboard_metric_card p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}
.dashboard_metric_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_metric_card span,
.dashboard_tariff_label,
.dashboard_ai_label {
  display: block;
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.dashboard_metric_card strong {
  font-size: 32px;
  line-height: 1.1;
  color: var(--color-primary);
}
.dashboard_ai_box {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
  gap: 18px;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
}
.dashboard_ai_box h3 {
  margin: 0 0 14px;
  font-size: 24px;
}
.dashboard_ai_aside {
  border-radius: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-surface-soft);
  padding: 20px;
}
.dashboard_ai_aside strong {
  display: block;
  margin: 10px 0;
  font-size: 40px;
  line-height: 1;
  color: var(--color-primary);
}
.dashboard_ai_aside p { margin: 0; color: var(--color-text-muted); line-height: 1.7; }
.dashboard_tariff_grid,
.dashboard_settings_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_tariff_card.current {
  background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}
.dashboard_check_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--color-text-muted);
}
.dashboard_check_list label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard_check_list input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--color-primary);
}
.dashboard_security_box { display: flex; flex-direction: column; gap: 16px; }
.dashboard_shell--comfort { gap: 22px; }
.dashboard_workspace {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.dashboard_side_rail {
  position: sticky;
  top: 132px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--color-primary-dark);
  background: var(--color-primary);
}
.dashboard_side_eyebrow {
  margin: 0 0 2px;
  color: rgba(255, 255, 255, 0.78);
}
.dashboard_side_block {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.dashboard_side_block .panel_title,
.dashboard_side_block strong {
  color: #fff;
}
.dashboard_side_block .dashboard_eyebrow,
.dashboard_side_block .dashboard_side_status_label {
  color: rgba(255, 255, 255, 0.72);
}
.dashboard_side_block p {
  color: rgba(255, 255, 255, 0.86);
}
.dashboard_side_statuses {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dashboard_side_status_item {
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.dashboard_side_status_item:first-child {
  padding-top: 0;
  border-top: none;
}
.dashboard_side_status_label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.dashboard_side_status_item strong {
  display: block;
  margin: 0 0 4px;
  font-size: 15px;
}
.dashboard_side_status_item p {
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
}
.dashboard_side_actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dashboard_main_stage {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.dashboard_tabs {
  padding: 14px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  top: 132px;
  z-index: 3;
  align-items: center;
  scrollbar-width: thin;
}
.dashboard_tabs::-webkit-scrollbar { height: 8px; }
.dashboard_tabs::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-primary) 24%, transparent);
  border-radius: 999px;
}
.dashboard_tab_button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  color: var(--color-text-muted);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.dashboard_tab_button:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.dashboard_tab_button.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
}
.dashboard_panels { display: flex; flex-direction: column; gap: 18px; }
.dashboard_panel { display: none; gap: 24px; }
.dashboard_panel.active { display: flex; flex-direction: column; }
.dashboard_preview_row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.dashboard_preview_card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border-radius: 16px;
  border: 1px solid var(--color-surface-soft);
  background: var(--color-bg);
}
.dashboard_preview_label {
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.dashboard_preview_card h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
}
.dashboard_preview_card p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.75;
}
.dashboard_link_action {
  align-self: flex-start;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dashboard_link_action:hover {
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.dashboard_side_rail .button_alt {
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: transparent;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
}
.dashboard_side_rail .button_alt:hover {
  border-color: rgba(255, 255, 255, 0.56);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.dashboard_side_rail .button_main {
  border: 1px solid #f2c977;
  background: transparent;
  color: #f2c977;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 0 12px rgba(242, 201, 119, 0.18);
  box-shadow: inset 0 0 0 1px rgba(242, 201, 119, 0.1);
}
.dashboard_side_rail .button_main:hover {
  border-color: #ffd88f;
  background: rgba(242, 201, 119, 0.16);
  color: #ffd88f;
}
[data-theme="dark"] .dashboard_tabs,
[data-theme="dark"] .dashboard_preview_card {
  background: #1b231b;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_company_logo {
  background: #202820;
  border-color: #313a31;
  box-shadow: inset 0 0 0 1px rgba(213,169,96,.12);
}
[data-theme="dark"] .dashboard_company_logo.has-image:not(.dashboard_company_logo--editor) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
[data-theme="dark"] .dashboard_company_snapshot_head {
  background: #1c241c;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_company_overview_head {
  background: #1c241c;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_company_snapshot_meta span {
  background: #202820;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_company_overview_rows,
[data-theme="dark"] .dashboard_company_overview_note {
  background: #1b231b;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_document_item,
[data-theme="dark"] .dashboard_document_editor {
  background: #202820;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_document_icon {
  filter: none;
}
[data-theme="dark"] .dashboard_document_icon_image {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .18));
}
[data-theme="dark"] .dashboard_document_item:hover,
[data-theme="dark"] .dashboard_document_item:focus-visible {
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}
[data-theme="dark"] .dashboard_company_overview_row {
  border-top-color: #313a31;
}
[data-theme="dark"] .dashboard_logo_editor {
  background: #24211b;
  border-color: #473e2f;
}
[data-theme="dark"] .dashboard_logo_editor.is-dragover {
  background: #202820;
  border-color: #556e4f;
  box-shadow: 0 0 0 3px rgba(120, 161, 104, .14);
}
[data-theme="dark"] .dashboard_premium_badge {
  background: transparent;
}
[data-theme="dark"] .dashboard_premium_badge.tier-premium:hover,
[data-theme="dark"] .dashboard_premium_badge.tier-premium:focus-visible {
  box-shadow: 0 0 18px rgba(240,195,90,.3);
}
[data-theme="dark"] .dashboard_premium_badge.tier-pro:hover,
[data-theme="dark"] .dashboard_premium_badge.tier-pro:focus-visible {
  box-shadow: 0 0 18px rgba(232,102,102,.32);
}
[data-theme="dark"] .dashboard_premium_badge.tier-proplus:hover,
[data-theme="dark"] .dashboard_premium_badge.tier-proplus:focus-visible {
  box-shadow: 0 0 22px rgba(152,116,214,.35);
}
[data-theme="dark"] .dashboard_company_logo span {
  color: #E7EEDC;
}
[data-theme="dark"] .dashboard_stat_card {
  background: #1b231b;
  border-color: #313a31;
  box-shadow: none;
}
[data-theme="dark"] .dashboard_signal_card {
  background: #1b231b;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_signal_card--soft {
  background: #262520;
  border-color: #4A4231;
}
[data-theme="dark"] .dashboard_signal_badge,
[data-theme="dark"] .dashboard_deadline_date {
  background: #202820;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_info_card--priority {
  background: #1c241c;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_info_card--feed {
  background: #1b231b;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_info_card--requests {
  background: #24211b;
  border-color: #473e2f;
}
[data-theme="dark"] .dashboard_info_card--materials {
  background: #1d241d;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_side_status_item {
  border-top-color: #313a31;
}
[data-theme="dark"] .dashboard_info_meta {
  background: #202820;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_deadline_item {
  border-top-color: #313a31;
}
[data-theme="dark"] .dashboard_event_item,
[data-theme="dark"] .dashboard_request_digest_item,
[data-theme="dark"] .dashboard_material_check {
  border-bottom-color: #313a31;
}
[data-theme="dark"] .dashboard_tab_button {
  background: #151c15;
  border-color: #323b32;
  color: rgba(255,255,255,.7);
}
[data-theme="dark"] .dashboard_tab_button:hover {
  color: #F1F4EA;
  border-color: #4E6647;
}
[data-theme="dark"] .dashboard_tab_button.active {
  color: var(--color-on-primary);
}
[data-theme="dark"] .dashboard_meta span,
[data-theme="dark"] .dashboard_focus_stats span,
[data-theme="dark"] .dashboard_procurement_meta span,
[data-theme="dark"] .dashboard_request_meta span,
[data-theme="dark"] .dashboard_section_hint {
  background: #202820;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_focus_card,
[data-theme="dark"] .dashboard_info_card,
[data-theme="dark"] .dashboard_metric_card,
[data-theme="dark"] .dashboard_tariff_card,
[data-theme="dark"] .dashboard_settings_card,
[data-theme="dark"] .dashboard_request_card,
[data-theme="dark"] .dashboard_procurement_card,
[data-theme="dark"] .dashboard_ai_box,
[data-theme="dark"] .dashboard_ai_aside {
  background: #1b231b;
  border-color: #313a31;
}
[data-theme="dark"] .dashboard_nav_link { background: #1b231b; }
[data-theme="dark"] .dashboard_nav_link:hover,
[data-theme="dark"] .dashboard_nav_link.active {
  background: color-mix(in srgb, var(--color-primary) 18%, #1b231b);
}
[data-theme="dark"] .dashboard_field input,
[data-theme="dark"] .dashboard_field select,
[data-theme="dark"] .dashboard_field textarea,
[data-theme="dark"] .dashboard_token_box,
[data-theme="dark"] .dashboard_table th {
  background: #151c15;
  border-color: #323b32;
}
[data-theme="dark"] .dashboard_table_wrap,
[data-theme="dark"] .dashboard_table td,
[data-theme="dark"] .dashboard_table th {
  border-color: #313a31;
}

.status_message { margin: 14px 0 0; min-height: 20px; color: var(--color-text-muted); font-size: 14px; line-height: 1.5; }
.status_message.info { color: var(--color-primary-soft); }
.status_message.success { color: var(--color-accent-dark); }
.status_message.error { color: #8B4A3A; }
.auth_hint { margin-bottom: 24px; }

.footer {
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(180deg, #17391d 0%, #123017 100%);
  color: rgba(255,255,255,.88);
  margin-top: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}

.footer_shell {
  width: 86%;
  margin: 0 auto;
  padding: 34px 0 18px;
}

.footer_top {
  display: grid;
  grid-template-columns: 250px minmax(460px, 1.45fr) minmax(280px, 1fr);
  gap: 34px;
  align-items: start;
}

.footer_brand {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
}

.footer_logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--color-on-primary);
}

.footer_logo_mark {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 auto;
}

.footer_logo_mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.footer_logo_text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer_logo_text strong {
  font-size: 24px;
  line-height: 1;
}

.footer_logo_text span {
  max-width: 230px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.68);
}

.footer_socials {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.footer_social {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.9);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.footer_social:hover {
  border-color: rgba(240,195,90,.42);
  background: rgba(255,255,255,.08);
  color: #F0C35A;
}

.footer_links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  padding: 0 0 0 100px;
}

.footer_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer_group h3 {
  margin: 0 0 6px;
  color: var(--color-on-primary);
  font-size: 15px;
}

.footer_group a {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.72);
}

.footer_group a:hover,
.footer_bottom_links a:hover {
  color: var(--color-accent);
}

.footer_subscribe {
  padding: 24px 24px 20px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.footer_subscribe h3 {
  margin: 0;
  color: var(--color-on-primary);
  font-size: 18px;
}

.footer_subscribe p {
  margin: 12px 0 0;
  max-width: 280px;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.72);
}

.footer_subscribe_form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60px;
  gap: 12px;
}

.footer_subscribe_form input {
  height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: #fff;
  color: #233323;
  padding: 0 18px;
  font-size: 15px;
}

.footer_subscribe_form button {
  height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(240,195,90,.16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.footer_subscribe_form button:hover {
  background: rgba(240,195,90,.24);
  border-color: rgba(240,195,90,.34);
  color: #FFE5A0;
}

.footer_subscribe_form button img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.footer_bottom {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.12);
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  gap: 24px 42px;
  align-items: center;
}

.footer_bottom p {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

.footer_bottom_credit a {
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer_bottom_credit a:hover {
  color: var(--color-accent);
}

.footer_bottom_credit {
  grid-column: auto;
  justify-self: start;
  margin-top: 0;
  padding-left: 42px;
  font-size: 12px;
  color: rgba(255,255,255,.62);
}

.footer_bottom > p:first-child {
  padding-right: 36px;
}

.footer_bottom_links {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  justify-self: start;
}

.footer_bottom_links a {
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

.footer_bottom_note span {
  color: #F05C59;
}

.footer_bottom_note {
  justify-self: end;
}

[data-theme="dark"] .first_line { background-color: #243024; border-bottom: 1px solid rgba(255,255,255,.05); }
[data-theme="dark"] .footer { background: #181D18; }
[data-theme="dark"] .footer_logo_text span,
[data-theme="dark"] .footer_group a,
[data-theme="dark"] .footer_subscribe p,
[data-theme="dark"] .footer_bottom p,
[data-theme="dark"] .footer_bottom_credit a,
[data-theme="dark"] .footer_bottom_note,
[data-theme="dark"] .footer_bottom_links a { color: rgba(255,255,255,.68); }
[data-theme="dark"] .market_story { background: var(--color-surface); }
[data-theme="dark"] .cover .cover_filter { background: rgba(10, 13, 10, 0.34); }
[data-theme="dark"] .cover .video_fallback { background: #1D281D; }
[data-theme="dark"] .tag { background: var(--color-accent-soft); color: #A9C69F; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent); }
[data-theme="dark"] .tag.sale { background: #173420; color: #98F0AB; }
[data-theme="dark"] .tag.buy { background: #3E2B12; color: #FFD68A; }
[data-theme="dark"] .tag.tender { background: #2A2154; color: #D2C5FF; }
[data-theme="dark"] .tag.rfq { background: #15354A; color: #A9DFFF; }
[data-theme="dark"] .tag.contract { background: #173B29; color: #ABF0C5; }
[data-theme="dark"] .tag.proposal { background: #472139; color: #FFC2DE; }
[data-theme="dark"] .tag.contest { background: #473019; color: #FFD39A; }
[data-theme="dark"] .tag.service { background: #123630; color: #92F0E2; }
[data-theme="dark"] .tag.seeds { background: #26370C; color: #D6FF79; }
[data-theme="dark"] .tag.inputs { background: #40280E; color: #FFC988; }
[data-theme="dark"] .tag.infrastructure { background: #132E45; color: #A7D6FF; }
[data-theme="dark"] .tag.tech { background: #251B4A; color: #C5BCFF; }
[data-theme="dark"] .tag.market { background: #173158; color: #B3D6FF; }
[data-theme="dark"] .tag.events { background: #381E53; color: #E0BBFF; }
[data-theme="dark"] .tag.practice { background: #12382D; color: #98F5CB; }
[data-theme="dark"] .tag.policy { background: #45251A; color: #FFBEA3; }
[data-theme="dark"] .tag.export { background: #153446; color: #A7E4FF; }
[data-theme="dark"] .tag.weather { background: #233714; color: #D5F49A; }
[data-theme="dark"] .tag.livestock { background: #48243A; color: #FFC7E4; }
[data-theme="dark"] .tag.industry { background: #1E295C; color: #C7D0FF; }
[data-theme="dark"] .tag.finance { background: #453615; color: #FFE19A; }
[data-theme="dark"] .tag.science { background: #262052; color: #D2CCFF; }
[data-theme="dark"] .tag.analysis { background: #17345A; color: #B8DBFF; }
[data-theme="dark"] .tag.release { background: #4A2618; color: #FFC6A8; }
[data-theme="dark"] .tag.expo { background: #1B2F63; color: #BDD1FF; }
[data-theme="dark"] .tag.field { background: #263B12; color: #D2F09A; }
[data-theme="dark"] .tag.meeting { background: #40235C; color: #E5C7FF; }
[data-theme="dark"] .tag.moderation { background: #453018; color: #F1D19A; }
[data-theme="dark"] .tag.verified { background: #183A63; color: #D9EDFF; }
[data-theme="dark"] .you_can .tiles .tile .icon,
[data-theme="dark"] .story_mark { background: var(--color-accent-soft); color: #A9C69F; }
[data-theme="dark"] .closing_cta { background: var(--color-bg); }
[data-theme="dark"] .closing_cta_card { background: var(--color-surface); border-color: var(--color-surface-strong); }
[data-theme="dark"] .status_message.error { color: #F29B8B; }
[data-theme="dark"] .menu .dropdown .dropdown_li { background-color: #222922; }
[data-theme="dark"] .menu .dropdown .dropdown_li .menu_li:hover { background-color: #2D362D; }
[data-theme="dark"] .info_banner p { color: rgba(255,255,255,.78); }
[data-theme="dark"] .news_source_icon { background: #202820; border-color: #323B32; }
[data-theme="dark"] .news_source_icon.is-logo { background: #F5F7F1; }

@media (max-width: 1280px) {
  .container, .you_can .tiles, .info_grid, .market_grid, .catalog_grid, .news_grid, .events_grid, .profile_grid, .auth_grid, .company_grid, .info_banner, .market_story, .deal_flow { width: 94%; }
  .dashboard_shell { width: 94%; }
  .dashboard_workspace { grid-template-columns: 260px minmax(0, 1fr); }
  .dashboard_quickstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard_overview_highlights { grid-template-columns: 1fr; }
  .dashboard_overview_grid--paired { grid-template-columns: 1fr; }
  .dashboard_company_snapshot_grid { grid-template-columns: 1fr; }
  .dashboard_preview_row { grid-template-columns: 1fr; }
  .dashboard_metric_grid,
  .dashboard_tariff_grid,
  .dashboard_settings_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cover .cover_inner { width: 94%; }
  .cover .cover_content { max-width: min(700px, 64%); }
  .cover .field_pattern { right: 3%; }
  .second_line {
    padding: 0 3.5%;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
  }
  .second_line .brand_text p {
    display: none;
  }
  .menu .menu_li {
    padding: 0 12px;
    font-size: 14px;
  }
}
@media (max-width: 1800px) {
  #site-header:not(.is-sticky) .second_line {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 3.5%;
    gap: 12px 20px;
  }
  #site-header:not(.is-sticky) .second_line .menu {
    grid-column: 1 / -1;
    order: 10;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
  }
}
@media (max-width: 980px) {
  #site-header:not(.is-sticky) .second_line .menu {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .second_line {
    min-height: auto;
    padding: 16px 3.5%;
    grid-template-columns: 1fr auto;
    row-gap: 14px;
  }
  .second_line .brand {
    grid-column: 1 / 2;
  }
  .second_line .menu {
    grid-column: 1 / -1;
    order: 10;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    justify-content: flex-start;
  }
  .header_actions {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
  }
  .header_preferences {
    justify-self: end;
  }
  .second_line .header_btn {
    min-height: 44px;
    padding: 0 14px;
    font-size: 13px;
  }
  .header_icon_btn,
  .theme_toggle,
  .language_trigger {
    width: 42px;
    height: 42px;
  }
  .second_line #add_advert {
    min-width: 204px;
  }
  #site-header.is-sticky header {
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
    border-radius: 0;
  }
  #site-header.is-sticky .second_line {
    width: 100%;
    margin: 0;
    padding: 12px 3.5%;
  }
  .cover {
    min-height: 680px;
    padding-top: 78px;
    padding-bottom: 108px;
  }
  .cover .cover_content { max-width: min(100%, 640px); gap: 20px; }
  .cover .field_pattern {
    width: 390px;
    height: 390px;
    right: -38px;
    bottom: -82px;
    opacity: .7;
  }
  .you_can .tiles, .info_grid, .market_grid, .catalog_grid, .news_grid, .events_grid, .profile_grid, .auth_grid, .company_grid, .market_story_grid, .deal_flow_grid, .market_story_metrics, .market_story_head { grid-template-columns: 1fr; }
  .dashboard_hero,
  .dashboard_workspace,
  .dashboard_layout,
  .dashboard_overview_grid,
  .dashboard_overview_grid--paired,
  .dashboard_overview_highlights,
  .dashboard_ai_box { grid-template-columns: 1fr; }
  .dashboard_logo_editor { grid-template-columns: 1fr; }
  .dashboard_side_rail,
  .dashboard_nav { position: static; top: auto; }
  .dashboard_tabs { position: static; top: auto; }
  .dashboard_form_grid,
  .dashboard_metric_grid,
  .dashboard_tariff_grid,
  .dashboard_settings_grid,
  .dashboard_quickstats { grid-template-columns: 1fr 1fr; }
  .market_story { padding: 34px 28px; }
  .market_story_head h2, .deal_flow_head h2 { font-size: 34px; }
  .stats_row { grid-template-columns: 1fr; }
  .listing_single { width: 94%; margin: 34px auto 110px; }
  .news_detail_title { font-size: 36px; }
  .listing_hero { grid-template-columns: 1fr; }
  .listing_value_card { max-width: 320px; }
  .listing_info_grid { grid-template-columns: 1fr; }
  .subscribe .subscribe_row { flex-direction: column; gap: 16px; width: 90%; }
  .subscribe input { width: 100%; margin-right: 0; }
  .subscribe .discription { width: 90%; }
  .closing_cta_card { width: 94%; grid-template-columns: 1fr; padding: 30px 28px; }
  .closing_cta_text h2 { font-size: 32px; }
  .closing_cta_actions { justify-content: flex-start; }
  .footer_shell { width: 94%; }
  .footer_top { grid-template-columns: 1fr; gap: 28px; }
  .footer_links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer_bottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
  #site-header:not(.is-sticky) .second_line {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .second_line {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .second_line .brand {
    grid-column: 1 / -1;
  }
  .header_actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .second_line .menu {
    grid-column: 1 / -1;
  }
  .second_line #add_advert {
    min-width: 0;
    width: auto;
  }
  .header_preferences {
    gap: 6px;
  }
  .cover {
    min-height: 560px;
    padding-top: 64px;
    padding-bottom: 96px;
  }
  .cover .cover_inner { width: 94%; }
  .cover .cover_content { max-width: 100%; gap: 18px; }
  .cover .title { font-size: clamp(34px, 8vw, 42px); }
  .cover .discription { font-size: 18px; max-width: 100%; }
  .cover .button { width: 180px; }
  .closing_cta { padding: 42px 0 72px; }
  .closing_cta_card { width: 94%; padding: 26px 22px; border-radius: 20px; }
  .closing_cta_text h2 { font-size: 28px; }
  .listing_tags { flex-wrap: wrap; overflow: visible; }
  .news_detail_cover img {
    aspect-ratio: 16 / 9;
    max-height: 260px;
  }
  .news_detail_title { font-size: 30px; }
  .news_detail_body .panel_text { font-size: 16px; }
  .dashboard_shell { width: 94%; margin-bottom: 86px; }
  .dashboard_hero,
  .dashboard_quickstats,
  .dashboard_overview_grid--paired,
  .dashboard_overview_highlights,
  .dashboard_form_grid,
  .dashboard_metric_grid,
  .dashboard_tariff_grid,
  .dashboard_settings_grid,
  .dashboard_preview_row { grid-template-columns: 1fr; }
  .dashboard_quickstats--embedded .dashboard_stat_card { min-height: 0; }
  .dashboard_stat_card { padding: 18px; }
  .dashboard_stat_label { font-size: 12px; }
  .dashboard_company_name { font-size: 32px; }
  .dashboard_company_brand { align-items: flex-start; }
  .dashboard_company_heading { gap: 12px; }
  .dashboard_statuses { gap: 6px; }
  .dashboard_company_snapshot_head,
  .dashboard_company_snapshot_identity { align-items: stretch; }
  .dashboard_company_overview_row { grid-template-columns: 1fr; gap: 10px; }
  .dashboard_company_logo--panel {
    width: 76px;
    height: 76px;
  }
  .dashboard_company_logo--editor {
    width: 104px;
    height: 104px;
  }
  .dashboard_premium_badge {
    width: 32px;
    height: 32px;
    transform: translateY(-1px);
  }
  .dashboard_premium_badge.tier-pro { width: 36px; height: 36px; }
  .dashboard_premium_badge.tier-proplus { width: 40px; height: 40px; }
  .dashboard_company_logo {
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }
  .dashboard_company_logo span { font-size: 24px; }
  .dashboard_focus_card h3 { font-size: 24px; }
  .dashboard_section_head,
  .dashboard_inline_actions,
  .dashboard_actions { flex-direction: column; align-items: stretch; }
  .dashboard_tabs { padding: 12px; }
  .dashboard_tab_button { width: auto; justify-content: center; }
  .dashboard_side_rail { padding: 24px; }
  .dashboard_signal_head,
  .dashboard_signal_actions,
  .dashboard_overview_card_head { flex-direction: column; align-items: stretch; }
  .dashboard_deadline_item { grid-template-columns: 1fr; }
  .dashboard_nav { padding: 24px; }
  .dashboard_table th,
  .dashboard_table td { padding: 14px 12px; }
  .listing_cover img { aspect-ratio: 4 / 3; height: auto; }
  .listing_value { font-size: 26px; }
  .listing_value_card { max-width: 100%; width: 100%; }
  .footer_shell { width: 94%; padding: 42px 0 24px; }
  .footer_top { grid-template-columns: 1fr; gap: 28px; }
  .footer_links { grid-template-columns: 1fr; gap: 22px; }
  .footer_subscribe { padding: 20px 18px 18px; }
  .footer_subscribe_form { grid-template-columns: minmax(0, 1fr) 56px; }
  .footer_logo_text strong { font-size: 22px; }
  .cover .field_pattern {
    width: 280px;
    height: 280px;
    right: -92px;
    bottom: -58px;
    opacity: .45;
  }
  .market_story, .deal_flow { margin-bottom: 86px; }
  .market_story { padding: 28px 22px; border-radius: 22px; }
  .story_card, .flow_step { padding: 24px 20px; border-radius: 18px; }
  .market_story_head h2, .deal_flow_head h2 { font-size: 30px; }
  .story_card h3, .flow_step h3 { font-size: 22px; }
  .cover .down_button { bottom: 14px; font-size: 52px; }
  .you_can .title, .subscribe .title, .page_head .title { font-size: 32px; }
  .page_head .discription, .subscribe .discription { font-size: 18px; }
}
@media (max-width: 420px) {
  .cover {
    min-height: 520px;
    padding-top: 54px;
    padding-bottom: 84px;
  }
  .cover .title { font-size: 32px; }
  .cover .discription { font-size: 17px; }
  .cover .field_pattern { display: none; }
}
