@charset "UTF-8";
/* =========================================================
   LARCH CONTENT PAGES
   Общая визуальная система информационных страниц

   Используется для:
   - history
   - about-us
   - delivery
   - feedback
   - contacts
   - certificates
   - и других информационных страниц

   ВАЖНО:
   Стили полностью изолированы namespace .larch-page
   и НЕ изменяют существующую .larch-b2b
   ========================================================= */
/* =========================================================
   VARIABLES / BASE
   ========================================================= */
/* line 25, larch-pages.scss */
.larch-page {
  --green: #0A7038;
  --green-dark: #075C2E;
  --green-bright: #37BF45;
  --green-soft: #D5F2C9;
  --green-pale: #F4FAF6;
  --green-border: #BFD8C6;
  --yellow: #FFDE89;
  --yellow-soft: #FAF6C0;
  --cream: #FFFBEF;
  --brown: #594232;
  --brown-dark: #3F2C22;
  --text: #302D2A;
  --muted: #67635F;
  --border: #DCE8DF;
  --shadow:
    0 8px 24px
    rgba(35, 61, 43, .06);
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 16px 16px 60px;
  color: var(--text);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.65; }

/* line 68, larch-pages.scss */
.larch-page,
.larch-page * {
  box-sizing: border-box; }

/* =========================================================
   TYPOGRAPHY
   ========================================================= */
/* line 78, larch-pages.scss */
.larch-page h1,
.larch-page h2,
.larch-page h3 {
  font-family: inherit;
  font-weight: 700; }

/* line 86, larch-pages.scss */
.larch-page h1 {
  max-width: 900px;
  margin: 8px 0 18px;
  color: var(--brown-dark);
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.15; }

/* line 107, larch-pages.scss */
.larch-page h2 {
  margin: 7px 0 14px;
  color: var(--brown-dark);
  font-size: clamp(24px, 3vw, 31px);
  line-height: 1.25; }

/* line 126, larch-pages.scss */
.larch-page h3 {
  margin: 0 0 10px;
  color: var(--brown);
  font-size: 19px;
  line-height: 1.35; }

/* line 139, larch-pages.scss */
.larch-page p {
  margin: 0 0 14px; }

/* line 147, larch-pages.scss */
.larch-page a {
  color: var(--green); }

/* line 152, larch-pages.scss */
.larch-page a:hover {
  color: var(--green-dark); }

/* =========================================================
   LEAD / KICKER
   ========================================================= */
/* line 161, larch-pages.scss */
.larch-page__lead {
  max-width: 900px;
  color: #4C4946;
  font-size: 18px;
  line-height: 1.65; }

/* line 171, larch-pages.scss */
.larch-page__kicker {
  display: inline-block;
  margin-bottom: 6px;
  padding: 5px 10px;
  background: var(--green-soft);
  color: var(--green);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .04em;
  text-transform: uppercase; }

/* =========================================================
   SECTION
   ========================================================= */
/* line 199, larch-pages.scss */
.larch-page__section {
  margin-top: 26px;
  padding: 30px 28px;
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow); }

/*
 * Лёгкое чередование фона.
 *
 * Используем только у обычных секций.
 */
/* line 225, larch-pages.scss */
.larch-page >
.larch-page__section:nth-of-type(3n + 2) {
  background: var(--green-pale); }

/* line 231, larch-pages.scss */
.larch-page >
.larch-page__section:nth-of-type(3n) {
  background: var(--cream); }

/* =========================================================
   HERO
   ========================================================= */
/* line 241, larch-pages.scss */
.larch-page__section--hero {
  position: relative;
  margin-top: 10px;
  padding: 36px 32px;
  overflow: hidden;
  background: linear-gradient(135deg, #F1FAF4 0%, #FFFFFF 58%, #FFF7D8 100%) !important;
  border: 1px solid #CFE3D4;
  border-radius: 20px;
  box-shadow: 0 10px 32px rgba(31, 74, 44, 0.08); }

/* line 273, larch-pages.scss */
.larch-page__section--hero::before {
  content: "";
  position: absolute;
  right: -90px;
  top: -100px;
  width: 260px;
  height: 260px;
  background: rgba(213, 242, 201, 0.45);
  border-radius: 50%;
  pointer-events: none; }

/*
 * Контент hero всегда выше декоративного круга.
 */
/* line 302, larch-pages.scss */
.larch-page__section--hero > * {
  position: relative;
  z-index: 1; }

/* =========================================================
   DARK FINAL SECTION
   ========================================================= */
/* line 313, larch-pages.scss */
.larch-page__section--dark {
  margin-top: 32px;
  padding: 36px 32px;
  background: linear-gradient(135deg, #075C2E 0%, #0A7038 60%, #0D7E40 100%) !important;
  color: #FFFFFF !important;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(5, 63, 30, 0.16); }

/* line 338, larch-pages.scss */
.larch-page__section--dark h1,
.larch-page__section--dark h2,
.larch-page__section--dark h3,
.larch-page__section--dark p,
.larch-page__section--dark li {
  color: #FFFFFF !important; }

/* line 347, larch-pages.scss */
.larch-page__section--dark
.larch-page__kicker {
  background: var(--yellow);
  color: var(--brown); }

/* line 355, larch-pages.scss */
.larch-page__section--dark
.larch-page__lead {
  color: #FFFFFF !important; }

/* =========================================================
   PROOF / NUMBERS
   ========================================================= */
/* line 365, larch-pages.scss */
.larch-page__proof {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 26px 0; }

/* line 385, larch-pages.scss */
.larch-page__proof-item {
  min-width: 0;
  padding: 17px 18px;
  background: #FFFFFF;
  border: 1px solid #D2E5D7;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(35, 73, 46, 0.04); }

/* line 407, larch-pages.scss */
.larch-page__proof-item:nth-child(even) {
  background: #FFF9DF;
  border-color: #F0E5A5; }

/* line 414, larch-pages.scss */
.larch-page__proof-num {
  display: block;
  margin-bottom: 4px;
  color: var(--green);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2; }

/* line 427, larch-pages.scss */
.larch-page__proof-label {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4; }

/* =========================================================
   NOTICE
   ========================================================= */
/* line 441, larch-pages.scss */
.larch-page__notice {
  margin: 20px 0 0;
  padding: 17px 19px;
  background: #FFFFFF;
  border: 1px solid #D2E4D6;
  border-left: 5px solid var(--green);
  border-radius: 10px; }

/* line 467, larch-pages.scss */
.larch-page__notice strong {
  color: var(--brown-dark); }

/* line 472, larch-pages.scss */
.larch-page__notice--yellow {
  background: var(--yellow-soft);
  border-color: #EDE19B;
  border-left-color: var(--yellow);
  color: var(--brown); }

/* =========================================================
   QUOTE / IMPORTANT THOUGHT
   ========================================================= */
/* line 488, larch-pages.scss */
.larch-page__quote {
  margin: 20px 0 0;
  padding: 18px 20px;
  background: var(--yellow-soft);
  border: 1px solid #EDE19B;
  border-left: 5px solid var(--green);
  border-radius: 10px;
  color: var(--brown);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55; }

/* =========================================================
   BUTTONS
   Усиление против системных стилей InSales
   ========================================================= */
/* line 525, larch-pages.scss */
.larch-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px; }

/* line 535, larch-pages.scss */
.larch-page a.larch-page__btn,
.larch-page a.larch-page__btn:link,
.larch-page a.larch-page__btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 13px 22px !important;
  border-radius: 9px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important; }

/* line 570, larch-pages.scss */
.larch-page
a.larch-page__btn:hover {
  transform: translateY(-1px); }

/* GREEN */
/* line 579, larch-pages.scss */
.larch-page
a.larch-page__btn--green,
.larch-page
a.larch-page__btn--green:link,
.larch-page
a.larch-page__btn--green:visited {
  background: #0A7038 !important;
  background-color: #0A7038 !important;
  border: 2px solid #0A7038 !important;
  color: #FFFFFF !important; }

/* line 597, larch-pages.scss */
.larch-page
a.larch-page__btn--green:hover {
  background: #075C2E !important;
  background-color: #075C2E !important;
  border-color: #075C2E !important;
  color: #FFFFFF !important; }

/* YELLOW */
/* line 610, larch-pages.scss */
.larch-page
a.larch-page__btn--yellow,
.larch-page
a.larch-page__btn--yellow:link,
.larch-page
a.larch-page__btn--yellow:visited {
  background: #FFDE89 !important;
  background-color: #FFDE89 !important;
  border: 2px solid #FFDE89 !important;
  color: #594232 !important; }

/* line 628, larch-pages.scss */
.larch-page
a.larch-page__btn--yellow:hover {
  background: #F4D16F !important;
  background-color: #F4D16F !important;
  border-color: #F4D16F !important;
  color: #594232 !important; }

/* OUTLINE */
/* line 641, larch-pages.scss */
.larch-page
a.larch-page__btn--outline,
.larch-page
a.larch-page__btn--outline:link,
.larch-page
a.larch-page__btn--outline:visited {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 2px solid #0A7038 !important;
  color: #0A7038 !important; }

/* line 659, larch-pages.scss */
.larch-page
a.larch-page__btn--outline:hover {
  background: var(--green-pale) !important;
  color: var(--green-dark) !important; }

/* HERO ACTIONS */
/* line 671, larch-pages.scss */
.larch-page
.larch-page__section--hero
.larch-page__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  max-width: 620px !important;
  margin-top: 24px !important; }

/* line 693, larch-pages.scss */
.larch-page
.larch-page__section--hero
.larch-page__actions > a {
  width: 100% !important; }

/* DARK BUTTONS */
/* line 702, larch-pages.scss */
.larch-page
.larch-page__section--dark
a.larch-page__btn--yellow,
.larch-page
.larch-page__section--dark
a.larch-page__btn--yellow:link,
.larch-page
.larch-page__section--dark
a.larch-page__btn--yellow:visited {
  background: #FFDE89 !important;
  border-color: #FFDE89 !important;
  color: #594232 !important; }

/* line 719, larch-pages.scss */
.larch-page
.larch-page__section--dark
a.larch-page__btn--outline,
.larch-page
.larch-page__section--dark
a.larch-page__btn--outline:link,
.larch-page
.larch-page__section--dark
a.larch-page__btn--outline:visited {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #0A7038 !important; }

/* =========================================================
   GENERIC GRIDS
   ========================================================= */
/* line 740, larch-pages.scss */
.larch-page__grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 24px; }

/* line 758, larch-pages.scss */
.larch-page__grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  gap: 16px;
  margin-top: 24px; }

/* line 776, larch-pages.scss */
.larch-page__grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  margin-top: 24px; }

/* =========================================================
   CARDS
   ========================================================= */
/* line 798, larch-pages.scss */
.larch-page
.larch-page__card {
  min-width: 0;
  padding: 23px;
  background: #FFFFFF !important;
  border: 1px solid #D4E3D8 !important;
  border-top: 4px solid var(--green) !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(35, 61, 43, 0.05) !important; }

/* line 824, larch-pages.scss */
.larch-page
.larch-page__card--green {
  background: var(--green-pale) !important;
  border-color: #C9E0CF !important; }

/* line 834, larch-pages.scss */
.larch-page
.larch-page__card--yellow {
  background: var(--yellow-soft) !important;
  border-color: #E7DA97 !important; }

/* =========================================================
   CHECK LIST
   ========================================================= */
/* line 848, larch-pages.scss */
.larch-page__checks {
  margin: 12px 0 0;
  padding-left: 21px; }

/* line 858, larch-pages.scss */
.larch-page__checks li {
  margin: 7px 0; }

/* line 865, larch-pages.scss */
.larch-page__checks li::marker {
  color: var(--green); }

/* =========================================================
   SCENARIO / LINK CARDS
   ========================================================= */
/* line 874, larch-pages.scss */
.larch-page
a.larch-page__scenario,
.larch-page
a.larch-page__scenario:link,
.larch-page
a.larch-page__scenario:visited {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  min-height: 160px !important;
  padding: 23px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #C9DDD0 !important;
  border-top: 4px solid #0A7038 !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(40, 70, 48, 0.05) !important;
  color: #594232 !important;
  text-decoration: none !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; }

/* line 920, larch-pages.scss */
.larch-page
a.larch-page__scenario strong {
  display: block;
  margin-bottom: 8px;
  color: #594232 !important;
  font-size: 19px;
  line-height: 1.35; }

/* line 933, larch-pages.scss */
.larch-page
a.larch-page__scenario span {
  display: block;
  color: #55514E !important;
  line-height: 1.5; }

/* line 943, larch-pages.scss */
.larch-page
a.larch-page__scenario:hover {
  background: #F4FAF6 !important;
  border-color: #8FB99A !important;
  border-top-color: #075C2E !important;
  box-shadow: 0 8px 20px rgba(40, 70, 48, 0.09) !important;
  transform: translateY(-2px) !important; }

/* =========================================================
   FLOW / TIMELINE STEPS
   ========================================================= */
/* line 967, larch-pages.scss */
.larch-page__flow {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important; }

/* line 985, larch-pages.scss */
.larch-page
.larch-page__flow-item {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 190px !important;
  padding: 22px !important;
  background: #F4FAF6 !important;
  background-color: #F4FAF6 !important;
  border: 1px solid #B7D3BF !important;
  border-top: 4px solid #0A7038 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(10, 112, 56, 0.05) !important; }

/* line 1017, larch-pages.scss */
.larch-page__flow-number {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  margin: 0 0 14px !important;
  background: #0A7038 !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important; }

/* line 1044, larch-pages.scss */
.larch-page
.larch-page__flow-item strong {
  display: block;
  margin-bottom: 7px;
  color: var(--brown-dark);
  font-size: 17px; }

/* line 1056, larch-pages.scss */
.larch-page
.larch-page__flow-item span {
  color: #55514E; }

/* =========================================================
   STEPS
   ========================================================= */
/* line 1066, larch-pages.scss */
.larch-page__steps {
  display: grid;
  gap: 14px;
  margin-top: 25px; }

/* line 1075, larch-pages.scss */
.larch-page
.larch-page__step {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 17px;
  padding: 22px;
  background: #FFFFFF !important;
  border: 1px solid #D4E3D8 !important;
  border-radius: 13px !important;
  box-shadow: 0 3px 12px rgba(10, 112, 56, 0.04) !important; }

/* line 1105, larch-pages.scss */
.larch-page
.larch-page__step:nth-child(even) {
  background: var(--green-pale) !important; }

/* line 1112, larch-pages.scss */
.larch-page__step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: var(--green);
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 800; }

/* line 1132, larch-pages.scss */
.larch-page__step-body {
  min-width: 0; }

/* line 1137, larch-pages.scss */
.larch-page__step-body h3 {
  margin-top: 3px;
  color: var(--brown-dark); }

/* =========================================================
   MINI NOTE
   ========================================================= */
/* line 1148, larch-pages.scss */
.larch-page__mini-note {
  margin-top: 12px;
  padding: 13px 15px;
  background: #E9F7ED;
  border-left: 4px solid var(--green);
  border-radius: 7px;
  color: #365341;
  font-size: 14px; }

/* line 1170, larch-pages.scss */
.larch-page__mini-note--yellow {
  background: var(--yellow-soft);
  border-left-color: var(--yellow);
  color: var(--brown); }

/* =========================================================
   EVIDENCE
   ========================================================= */
/* line 1184, larch-pages.scss */
.larch-page__evidence {
  margin-top: 15px;
  padding: 15px 16px;
  background: var(--green-pale);
  border: 1px solid #D4E7D9;
  border-radius: 9px;
  font-size: 14px; }

/* line 1204, larch-pages.scss */
.larch-page__evidence strong {
  display: block;
  margin-bottom: 6px;
  color: var(--green); }

/* line 1213, larch-pages.scss */
.larch-page__evidence a {
  font-weight: 700; }

/* =========================================================
   FAQ
   ========================================================= */
/* line 1222, larch-pages.scss */
.larch-page__faq-section {
  background: #F4FAF6 !important;
  border: 1px solid #D3E4D7 !important; }

/* line 1232, larch-pages.scss */
.larch-page__faq {
  display: block !important;
  width: 100% !important;
  margin-top: 24px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #C9DDD0 !important;
  border-radius: 13px !important; }

/* line 1254, larch-pages.scss */
.larch-page__faq details {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #D8E5DC !important; }

/* line 1267, larch-pages.scss */
.larch-page__faq details:last-child {
  border-bottom: 0 !important; }

/* line 1272, larch-pages.scss */
.larch-page__faq summary {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 18px 50px 18px 20px !important;
  color: var(--brown-dark) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
  list-style: none !important; }

/* line 1298, larch-pages.scss */
.larch-page__faq summary::-webkit-details-marker {
  display: none !important; }

/* line 1303, larch-pages.scss */
.larch-page__faq summary:hover,
.larch-page__faq details[open] summary {
  background: #F4FAF6 !important; }

/* line 1310, larch-pages.scss */
.larch-page__faq summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 12px;
  color: #0A7038 !important;
  font-size: 27px;
  font-weight: 400; }

/* line 1325, larch-pages.scss */
.larch-page__faq details[open]
summary::after {
  content: "–"; }

/* line 1331, larch-pages.scss */
.larch-page__faq-answer {
  display: block !important;
  padding: 0 20px 20px !important;
  color: #55514E !important; }

/* =========================================================
   CONTACT BLOCK INSIDE DARK SECTION
   ========================================================= */
/* line 1347, larch-pages.scss */
.larch-page__contact {
  margin-top: 26px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px; }

/* line 1374, larch-pages.scss */
.larch-page__contact h3 {
  color: #FFFFFF !important; }

/* line 1379, larch-pages.scss */
.larch-page__contact a {
  color: var(--yellow) !important;
  font-weight: 700; }

/* =========================================================
   HELPER / SECONDARY CONTENT
   ========================================================= */
/* line 1390, larch-pages.scss */
.larch-page__helper {
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid #CFE2D4; }

/* line 1402, larch-pages.scss */
.larch-page__helper p {
  margin: 5px 0;
  font-size: 15px; }

/* line 1411, larch-pages.scss */
.larch-page__helper a {
  font-weight: 700; }

/* =========================================================
   INLINE LINKS
   ========================================================= */
/* line 1420, larch-pages.scss */
.larch-page__inline-links {
  margin-top: 18px;
  font-size: 15px; }

/* line 1427, larch-pages.scss */
.larch-page__inline-links a {
  font-weight: 700; }

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 700px) {
  /* line 1438, larch-pages.scss */
  .larch-page {
    padding: 8px 10px 40px; }

  /* line 1446, larch-pages.scss */
  .larch-page__section,
  .larch-page__section--hero,
  .larch-page__section--dark {
    padding: 23px 17px;
    border-radius: 13px; }

  /* line 1457, larch-pages.scss */
  .larch-page__section {
    margin-top: 18px; }

  /* line 1462, larch-pages.scss */
  .larch-page__lead {
    font-size: 16px; }

  /* line 1467, larch-pages.scss */
  .larch-page__actions {
    display: grid;
    grid-template-columns: 1fr; }

  /* line 1474, larch-pages.scss */
  .larch-page
  .larch-page__btn {
    width: 100%; }

  /* HERO BUTTONS */
  /* line 1482, larch-pages.scss */
  .larch-page
  .larch-page__section--hero
  .larch-page__actions {
    grid-template-columns: 1fr !important;
    max-width: none !important; }

  /* PROOF */
  /* line 1494, larch-pages.scss */
  .larch-page__proof {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* FLOW */
  /* line 1508, larch-pages.scss */
  .larch-page__flow {
    grid-template-columns: 1fr !important; }

  /* line 1514, larch-pages.scss */
  .larch-page
  .larch-page__flow-item {
    min-height: 0 !important; }

  /* STEPS */
  /* line 1523, larch-pages.scss */
  .larch-page__step {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 15px; }

  /* line 1539, larch-pages.scss */
  .larch-page__step-number {
    width: 36px;
    height: 36px;
    font-size: 15px; }

  /* FAQ */
  /* line 1549, larch-pages.scss */
  .larch-page__faq summary {
    padding: 17px 44px 17px 16px !important;
    font-size: 16px !important; }

  /* line 1560, larch-pages.scss */
  .larch-page__faq-answer {
    padding: 0 16px 17px !important; } }
/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */
@media (max-width: 390px) {
  /* line 1576, larch-pages.scss */
  .larch-page__proof {
    grid-template-columns: 1fr; } }