Initial commit: AgroTO marketing landing (static, Nginx in Docker)

This commit is contained in:
admin
2026-04-30 10:55:57 +03:00
commit fda77e04a0
16 changed files with 5574 additions and 0 deletions
+7
View File
@@ -0,0 +1,7 @@
.DS_Store
Thumbs.db
*.swp
*.bak
*.old
.well-known/acme-challenge/*
!.well-known/acme-challenge/.gitkeep
View File
+16
View File
@@ -0,0 +1,16 @@
FROM nginx:alpine
COPY . /usr/share/nginx/html/
RUN rm -f /usr/share/nginx/html/Dockerfile
# Nginx конфиг — SPA fallback не нужен, у нас статика с html-файлами
RUN echo 'server { \
listen 80; \
root /usr/share/nginx/html; \
index index.html; \
gzip on; \
gzip_types text/html text/css application/javascript image/svg+xml; \
location / { try_files $uri $uri/ $uri.html =404; } \
location = /privacy { return 301 /privacy.html; } \
add_header X-Content-Type-Options nosniff; \
add_header X-Frame-Options SAMEORIGIN; \
}' > /etc/nginx/conf.d/default.conf
EXPOSE 80
+19
View File
@@ -0,0 +1,19 @@
# АгроТО Landing (farm-cmms-landing)
Маркетинговый лендинг для AgroTO (agroto.ru) — CMMS для агропредприятий. Статичный сайт на Nginx с блогом и юридическими страницами, упакован в Docker для деплоя через Coolify.
## Страницы
- `index.html` — главная
- `about.html`о продукте
- `kb.html` — база знаний
- `docs.html` — документация
- `blog.html` + `blog/` — статьи (вакуумный насос ТО, навозоудаление, склад запчастей и др.)
- `privacy.html` — политика
## Сборка
```bash
docker build -t farm-cmms-landing .
docker run -p 8080:80 farm-cmms-landing
```
В Coolify используется build pack `Dockerfile`.
+362
View File
@@ -0,0 +1,362 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>О нас — АгроТО | agroto.ru</title>
<meta name="description" content="АгроТО — система управления обслуживанием оборудования для агропредприятий. Создана в Череповце на основе реального опыта работы на молочной ферме.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--g900: #173626; --g700: #1e5c3a; --g500: #2d7d53; --g400: #3d9966;
--g200: #a8ddb8; --g100: #d6f0df; --g50: #eef8f2;
--bg: #faf9f6; --bg2: #f4f2ed; --white: #ffffff;
--ink: #151515; --ink2: #404040; --ink3: #767676; --sand: #e6e0d5;
--r: 10px; --r2: 16px; --r3: 24px;
--sh2: 0 4px 20px rgba(0,0,0,0.08); --t: 0.22s ease;
}
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: 'Onest', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.65; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4 { font-family: 'Onest', sans-serif; line-height: 1.15; letter-spacing: -0.02em; }
a { text-decoration: none; color: inherit; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
/* NAV */
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1160px)/2)); background: rgba(250,249,246,0.92); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.07); }
.nav-logo { display: flex; align-items: center; gap: 9px; }
.nav-mark { width: 32px; height: 32px; border-radius: 8px; background: var(--g700); display: flex; align-items: center; justify-content: center; }
.nav-mark svg { width: 16px; height: 16px; }
.nav-name { font-weight: 600; font-size: 1.15rem; letter-spacing: -0.01em; }
.btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 20px; border-radius: var(--r); font-family: 'Onest', sans-serif; font-size: 0.9rem; font-weight: 500; cursor: pointer; border: none; transition: all var(--t); white-space: nowrap; }
.btn-primary { background: var(--g700); color: #fff; }
.btn-primary:hover { background: var(--g900); }
.btn-ghost { background: transparent; color: var(--ink2); border: 1.5px solid var(--sand); }
.btn-ghost:hover { background: var(--white); }
/* HERO */
.about-hero { padding: 140px 0 80px; background: linear-gradient(135deg, var(--g50) 0%, var(--bg) 60%); border-bottom: 1px solid var(--sand); }
.about-hero .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--g500); margin-bottom: 20px; }
.hero-eyebrow::before { content: ''; width: 18px; height: 2px; background: var(--g400); border-radius: 2px; }
.about-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; margin-bottom: 20px; }
.about-hero h1 em { font-style: italic; color: var(--g500); }
.about-hero p { font-size: 1.05rem; color: var(--ink2); line-height: 1.75; margin-bottom: 16px; }
.hero-card { background: var(--white); border-radius: var(--r3); padding: 36px; border: 1px solid var(--sand); box-shadow: var(--sh2); }
.hero-card-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--g500); margin-bottom: 20px; }
.stat-row { display: flex; gap: 32px; flex-wrap: wrap; }
.stat { }
.stat-num { font-size: 2.2rem; font-weight: 700; color: var(--g700); line-height: 1; }
.stat-label { font-size: 0.82rem; color: var(--ink3); margin-top: 4px; }
/* SECTIONS */
.section { padding: 80px 0; }
.section-alt { background: var(--white); }
.section-title { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 600; margin-bottom: 16px; }
.section-title em { font-style: italic; color: var(--g500); }
.lead { font-size: 1.05rem; color: var(--ink2); line-height: 1.75; max-width: 640px; }
/* ORIGIN */
.origin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; margin-top: 52px; }
.origin-text p { color: var(--ink2); line-height: 1.75; margin-bottom: 16px; }
.origin-text p:last-child { margin-bottom: 0; }
.quote-block { background: var(--g50); border-left: 4px solid var(--g400); border-radius: 0 var(--r2) var(--r2) 0; padding: 24px 28px; margin: 32px 0; }
.quote-block p { font-size: 1.05rem; color: var(--g900); font-weight: 500; line-height: 1.65; font-style: italic; }
.quote-block cite { display: block; margin-top: 12px; font-size: 0.82rem; color: var(--g700); font-style: normal; font-weight: 600; }
/* TIMELINE */
.timeline { position: relative; padding-left: 32px; }
.timeline::before { content: ''; position: absolute; left: 8px; top: 8px; bottom: 8px; width: 2px; background: var(--g100); }
.tl-item { position: relative; margin-bottom: 36px; }
.tl-item:last-child { margin-bottom: 0; }
.tl-dot { position: absolute; left: -28px; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--white); border: 2px solid var(--g400); }
.tl-item.active .tl-dot { background: var(--g500); border-color: var(--g500); }
.tl-date { font-size: 0.78rem; font-weight: 600; color: var(--g500); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
.tl-title { font-size: 1rem; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.tl-text { font-size: 0.9rem; color: var(--ink3); line-height: 1.65; }
/* TEAM */
.team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 52px; }
.team-card { background: var(--white); border-radius: var(--r2); padding: 32px; border: 1px solid var(--sand); }
.team-avatar { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: white; margin-bottom: 16px; }
.team-name { font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.team-role { font-size: 0.82rem; color: var(--g500); font-weight: 600; margin-bottom: 12px; }
.team-desc { font-size: 0.88rem; color: var(--ink3); line-height: 1.65; }
/* VALUES */
.values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 52px; }
.value-card { padding: 28px; border-radius: var(--r2); background: var(--bg2); border: 1px solid var(--sand); }
.value-ico { width: 44px; height: 44px; border-radius: var(--r); background: var(--g50); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.value-ico svg { width: 22px; height: 22px; stroke: var(--g700); }
.value-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: 8px; }
.value-card p { font-size: 0.88rem; color: var(--ink3); line-height: 1.65; }
/* CTA */
.about-cta { background: var(--g900); text-align: center; padding: 80px 24px; }
.about-cta h2 { font-size: clamp(1.8rem,3vw,2.6rem); font-weight: 600; color: white; margin-bottom: 16px; }
.about-cta h2 em { color: var(--g400); font-style: italic; }
.about-cta p { color: rgba(255,255,255,0.6); font-size: 1rem; margin-bottom: 36px; }
.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.btn-cta-white { background: white; color: var(--g900); font-weight: 600; padding: 14px 32px; border-radius: var(--r2); font-size: 1rem; }
.btn-cta-white:hover { background: var(--g50); }
.btn-cta-ghost { background: transparent; color: rgba(255,255,255,0.75); border: 1.5px solid rgba(255,255,255,0.25); padding: 14px 32px; border-radius: var(--r2); font-size: 1rem; }
.btn-cta-ghost:hover { background: rgba(255,255,255,0.08); color: white; }
/* FOOTER */
@media (max-width: 768px) {
.about-hero .wrap { grid-template-columns: 1fr; gap: 36px; }
.origin-grid { grid-template-columns: 1fr; gap: 36px; }
.team-grid { grid-template-columns: 1fr; }
.values-grid { grid-template-columns: 1fr; }
.stat-row { gap: 20px; }
}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Попробовать</a>
</nav>
<!-- HERO -->
<section class="about-hero">
<div class="wrap">
<div>
<div class="hero-eyebrow">О нас</div>
<h1>Сделано на ферме.<br><em>Для фермы.</em></h1>
<p>АгроТО родился не в офисе и не из маркетинговых исследований. Его придумали и написали люди, которые сами столкнулись с хаосом в обслуживании оборудования на реальном молочном предприятии.</p>
<p>Мы из Череповца. И мы точно знаем, каково это — узнать о поломке вакуумного насоса постфактум.</p>
</div>
<div class="hero-card">
<div class="hero-card-label">АгроТО в цифрах</div>
<div class="stat-row">
<div class="stat">
<div class="stat-num">2025</div>
<div class="stat-label">год основания</div>
</div>
<div class="stat">
<div class="stat-num">1</div>
<div class="stat-label">реальное предприятие<br>в основе</div>
</div>
<div class="stat">
<div class="stat-num"></div>
<div class="stat-label">итераций до<br>первого релиза</div>
</div>
</div>
</div>
</div>
</section>
<!-- ИСТОРИЯ -->
<section class="section section-alt">
<div class="wrap">
<div class="hero-eyebrow">Как всё началось</div>
<h2 class="section-title">Бардак надоел.<br><em>Решили починить.</em></h2>
<div class="origin-grid">
<div class="origin-text">
<p>В 2025 году на молочном предприятии <strong>ООО Агромилк</strong> в Череповце накопилась классическая проблема: обслуживание оборудования велось в Excel, WhatsApp и голове главного механика. Плановые ТО срывались, запчасти заказывались в последний момент, история ремонтов терялась.</p>
<p>Стало понятно — нужна система. Не просто таблица, а полноценный инструмент, который умеет планировать, напоминать, фиксировать и анализировать. Назвали её внутри команды просто: <em>«Система предотвращения поломок»</em>.</p>
<p>Так появился АгроТО — сначала как внутренний инструмент, потом как продукт для всей отрасли.</p>
</div>
<div>
<div class="quote-block">
<p>«Мы не хотели покупать западную CMMS за огромные деньги с поддержкой на английском. Хотели что-то своё — понятное механику, удобное на телефоне и сделанное с пониманием специфики российского АПК.»</p>
<cite>— основатель АгроТО, Череповец</cite>
</div>
<div class="timeline">
<div class="tl-item active">
<div class="tl-dot"></div>
<div class="tl-date">Начало 2025</div>
<div class="tl-title">Первый прототип</div>
<div class="tl-text">Запуск на реальном предприятии ООО Агромилк. Тестирование на живых задачах.</div>
</div>
<div class="tl-item active">
<div class="tl-dot"></div>
<div class="tl-date">Середина 2025</div>
<div class="tl-title">Полноценная платформа</div>
<div class="tl-text">Склад запчастей, аварийные заявки, аналитика, мобильный доступ.</div>
</div>
<div class="tl-item active">
<div class="tl-dot"></div>
<div class="tl-date">2026</div>
<div class="tl-title">Открытый SaaS</div>
<div class="tl-text">Запуск agroto.ru. Первые клиенты за пределами Агромилк.</div>
</div>
<div class="tl-item">
<div class="tl-dot"></div>
<div class="tl-date">Впереди</div>
<div class="tl-title">ИИ и IoT</div>
<div class="tl-text">Интеграция с датчиками оборудования, предиктивное ТО.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- КОМАНДА — скрыто временно -->
<!-- ЦЕННОСТИ -->
<section class="section section-alt">
<div class="wrap">
<div class="hero-eyebrow">Принципы</div>
<h2 class="section-title">Во что мы верим</h2>
<div class="values-grid">
<div class="value-card">
<div class="value-ico">
<svg fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<h3>Сделано в России, для России</h3>
<p>Никаких иностранных зависимостей. Данные хранятся в России. Интерфейс понятен механику из Вологды, а не менеджеру из Амстердама.</p>
</div>
<div class="value-card">
<div class="value-ico">
<svg fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
</div>
<h3>Простота прежде всего</h3>
<p>Механик не должен читать инструкцию. Если действие требует больше двух кликов — мы делаем это снова.</p>
</div>
<div class="value-card">
<div class="value-ico">
<svg fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
</div>
<h3>Клиент — партнёр</h3>
<p>Мы маленькие, и это значит — каждый клиент важен лично. Ваша обратная связь попадает напрямую к разработчику и меняет продукт.</p>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+272
View File
@@ -0,0 +1,272 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Блог — АгроТО | agroto.ru</title>
<meta name="description" content="Практические статьи об обслуживании оборудования на агропредприятиях: доильные установки, вакуумные системы, навозоудаление, фильтрация молока.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g200:#a8ddb8;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--bg2:#f4f2ed;--white:#ffffff;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px;--r3:24px;--sh2:0 4px 20px rgba(0,0,0,0.08);--t:0.22s ease}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Onest',sans-serif;line-height:1.15;letter-spacing:-0.02em}
a{text-decoration:none;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem;letter-spacing:-0.01em}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap}
.btn-primary{background:var(--g700);color:#fff}
.btn-primary:hover{background:var(--g900)}
.page-hero{padding:120px 0 60px;border-bottom:1px solid var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--g500);margin-bottom:16px}
.eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:16px}
.page-hero h1 em{font-style:italic;color:var(--g500)}
.page-hero p{font-size:1.05rem;color:var(--ink2);max-width:540px}
.blog-section{padding:64px 0 100px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.post-card{background:var(--white);border-radius:var(--r2);border:1px solid var(--sand);overflow:hidden;transition:all var(--t)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--g100)}
.post-thumb{height:180px;display:flex;align-items:center;justify-content:center;font-size:3rem}
.post-body{padding:24px}
.post-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:12px}
.post-title{font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:10px;color:var(--ink)}
.post-title a:hover{color:var(--g700)}
.post-excerpt{font-size:0.88rem;color:var(--ink3);line-height:1.65;margin-bottom:16px}
.post-meta{font-size:0.78rem;color:var(--ink3);display:flex;align-items:center;gap:8px}
.post-meta span::before{content:'·';margin-right:8px}
.read-more{font-size:0.85rem;font-weight:600;color:var(--g500);display:inline-flex;align-items:center;gap:4px}
.read-more:hover{color:var(--g700)}
.footer-logo{display:flex;align-items:center;gap:9px}
.footer-mark{width:28px;height:28px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-mark svg{width:13px;height:13px}
footer p{font-size:0.82rem;color:var(--ink3)}
footer a{color:var(--g500)}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Попробовать</a>
</nav>
<section class="page-hero">
<div class="wrap">
<div class="eyebrow">Блог</div>
<h1>Обслуживание оборудования<br><em>без лишних слов</em></h1>
<p>Практические статьи для механиков и руководителей агропредприятий. Доильное оборудование, вакуумные системы, навозоудаление, фильтрация.</p>
</div>
</section>
<section class="blog-section">
<div class="wrap">
<div class="blog-grid">
<article class="post-card">
<div class="post-thumb" style="background:#eef8f2">🥛</div>
<div class="post-body">
<span class="post-tag">Доильное оборудование</span>
<h2 class="post-title"><a href="/blog/doilnoe-oborudovanie-to.html">Регламент ТО доильной установки: что и когда менять</a></h2>
<p class="post-excerpt">Полный чеклист обслуживания доильного аппарата по регламенту. Ежедневные, еженедельные и сезонные работы с указанием периодичности и расходников.</p>
<div class="post-meta">Апрель 2026 <span>7 мин. чтения</span></div>
<br>
<a href="/blog/doilnoe-oborudovanie-to.html" class="read-more">Читать статью →</a>
</div>
</article>
<article class="post-card">
<div class="post-thumb" style="background:#fff7ed">💨</div>
<div class="post-body">
<span class="post-tag">Вакуумные системы</span>
<h2 class="post-title"><a href="/blog/vakuumnyi-nasos-to.html">Вакуумный насос НВМ-75: обслуживание и частые поломки</a></h2>
<p class="post-excerpt">Разбираем водокольцевой насос НВМ-75 — самый распространённый на молочных фермах России. Что ломается чаще всего и как этого избежать.</p>
<div class="post-meta">Апрель 2026 <span>9 мин. чтения</span></div>
<br>
<a href="/blog/vakuumnyi-nasos-to.html" class="read-more">Читать статью →</a>
</div>
</article>
<article class="post-card">
<div class="post-thumb" style="background:#f0fdf4">♻️</div>
<div class="post-body">
<span class="post-tag">Навозоудаление</span>
<h2 class="post-title"><a href="/blog/navozoudalenie-to.html">Транспортёр навозоудаления: обслуживание скребковой системы</a></h2>
<p class="post-excerpt">Скребковый транспортёр — один из самых нагруженных узлов фермы. Как правильно натягивать цепь, менять скребки и не допускать простоев.</p>
<div class="post-meta">Апрель 2026 <span>6 мин. чтения</span></div>
<br>
<a href="/blog/navozoudalenie-to.html" class="read-more">Читать статью →</a>
</div>
</article>
<article class="post-card">
<div class="post-thumb" style="background:#eff6ff">🔧</div>
<div class="post-body">
<span class="post-tag">Управление ТО</span>
<h2 class="post-title"><a href="/blog/excel-vs-cmms.html">Почему Excel убивает техническое обслуживание на ферме</a></h2>
<p class="post-excerpt">Таблицы не напоминают, не анализируют и теряются. Разбираем на реальных примерах, во сколько обходится «бесплатный» учёт ТО в Excel.</p>
<div class="post-meta">Март 2026 <span>5 мин. чтения</span></div>
<br>
<a href="/blog/excel-vs-cmms.html" class="read-more">Читать статью →</a>
</div>
</article>
<article class="post-card">
<div class="post-thumb" style="background:#fdf4ff">🔬</div>
<div class="post-body">
<span class="post-tag">Фильтрация молока</span>
<h2 class="post-title"><a href="/blog/filtraciya-moloka-to.html">Фильтрующие элементы молочного оборудования: регламент замены</a></h2>
<p class="post-excerpt">Когда и как менять фильтры на молокопроводе, молокоприёмнике и охладителе. Влияние загрязнённых фильтров на качество молока и соматику.</p>
<div class="post-meta">Март 2026 <span>6 мин. чтения</span></div>
<br>
<a href="/blog/filtraciya-moloka-to.html" class="read-more">Читать статью →</a>
</div>
</article>
<article class="post-card">
<div class="post-thumb" style="background:#fef9ec">📦</div>
<div class="post-body">
<span class="post-tag">Склад запчастей</span>
<h2 class="post-title"><a href="/blog/sklad-zapchastei-ferma.html">Как организовать склад запчастей на ферме: минимум хаоса</a></h2>
<p class="post-excerpt">Практическое руководство: какие запчасти держать в постоянном запасе, как вести учёт и не тратить деньги на неликвид.</p>
<div class="post-meta">Март 2026 <span>8 мин. чтения</span></div>
<br>
<a href="/blog/sklad-zapchastei-ferma.html" class="read-more">Читать статью →</a>
</div>
</article>
</div>
</div>
</section>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+273
View File
@@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Регламент ТО доильной установки: что и когда менять — АгроТО</title>
<meta name="description" content="Полный чеклист технического обслуживания доильной установки. Ежедневные, еженедельные, ежемесячные и сезонные работы с расходниками и периодичностью.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--white:#ffffff;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
html{font-size:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;white-space:nowrap}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back{margin-bottom:32px}
.article-back a{font-size:0.88rem;color:var(--ink3);display:inline-flex;align-items:center;gap:6px}
.article-back a:hover{color:var(--g700)}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px;letter-spacing:-0.01em}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul,.article-body ol{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.warn-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.warn-box p{margin:0;color:#7c2d12}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:0.9rem}
th{background:var(--g50);color:var(--g900);font-weight:600;padding:10px 14px;text-align:left;border:1px solid var(--g100)}
td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2)}
tr:nth-child(even) td{background:rgba(0,0,0,0.02)}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px;font-size:0.95rem}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block;font-size:0.95rem}
footer a{color:var(--g500)}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back">
<a href="/blog.html">← Все статьи</a>
</div>
<span class="article-tag">Доильное оборудование</span>
<h1>Регламент ТО доильной установки: что и когда менять</h1>
<div class="article-meta">Апрель 2026 · 7 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>Доильная установка работает по 2 раза в день, 365 дней в году. За год — это около 700 циклов доения. Каждый узел — от сосковой резины до вакуумного регулятора — имеет свой ресурс. Если не следить за регламентом, поломка случится в самый неподходящий момент: в разгар дойки, когда очередь коров уже стоит.</p>
<p>В этой статье — полный чеклист ТО доильной установки с указанием периодичности и расходников. Подходит для установок типа «Ёлочка», «Параллель», «Карусель» и других доильных залов с молокопроводом.</p>
<div class="info-box">
<p><strong>Важно:</strong> Конкретные сроки ТО зависят от модели установки. Всегда сверяйтесь с технической документацией производителя. Данные ниже — общие рекомендации на основе практики эксплуатации.</p>
</div>
<h2>Ежедневное обслуживание</h2>
<p>Ежедневный осмотр занимает 15–20 минут и позволяет поймать проблему до того, как она станет поломкой.</p>
<ul>
<li><strong>Промывка системы</strong> — циркуляционная мойка молокопровода после каждой дойки. Контроль температуры воды, расхода моющего средства, времени цикла.</li>
<li><strong>Проверка вакуума</strong> — рабочий вакуум 42–50 кПа (зависит от типа установки). Отклонение ±3 кПа требует проверки регулятора и насоса.</li>
<li><strong>Осмотр сосковой резины</strong> — трещины, расслоения, потеря эластичности. Деформированная резина травмирует вымя и снижает надои.</li>
<li><strong>Проверка пульсаторов</strong> — частота пульсации 60 ударов/мин ±5. Прослушайте каждый пульсатор — нехарактерные звуки означают засорение клапанов.</li>
<li><strong>Осмотр шлангов и соединений</strong> — утечки воздуха снижают вакуум. Трещины на шлангах — замена немедленно.</li>
<li><strong>Молочные фильтры</strong> — замена фильтрующего элемента после каждой дойки или по мере загрязнения.</li>
</ul>
<h2>Еженедельное обслуживание</h2>
<ul>
<li><strong>Разборка и промывка пульсаторов</strong> — снять, разобрать, промыть мембраны и клапаны, продуть сжатым воздухом.</li>
<li><strong>Проверка коллекторов</strong> — осмотр мембран, прокладок, наконечников. Залипание мембраны коллектора — частая причина нарушения пульсации.</li>
<li><strong>Смазка движущихся частей</strong> — подшипники электродвигателя насоса (если открытые), шарниры доильных аппаратов.</li>
<li><strong>Проверка уровня масла в насосе</strong> — вакуумный насос НВМ-75 и аналоги требуют контроля уровня масла еженедельно.</li>
<li><strong>Осмотр молочного охладителя</strong> — проверка уплотнений, контроль температуры охлаждения (+4°C), чистка конденсатора.</li>
</ul>
<h2>Ежемесячное обслуживание</h2>
<table>
<tr><th>Узел</th><th>Работа</th><th>Расходники</th></tr>
<tr><td>Вакуумный насос</td><td>Замена масла, проверка ремня, очистка фильтра</td><td>Масло для вакуумных насосов, ремень (по состоянию)</td></tr>
<tr><td>Вакуумный регулятор</td><td>Разборка, чистка клапана и седла</td><td>Прокладки (по состоянию)</td></tr>
<tr><td>Пульсаторы</td><td>Полная разборка, замена мембран</td><td>Комплект мембран на пульсатор</td></tr>
<tr><td>Сосковая резина</td><td>Замена по наработке (не реже 1 раза в 2500 дойко-часов)</td><td>Комплект сосковой резины</td></tr>
<tr><td>Молокопровод</td><td>Кислотная промывка (деминерализация молочного камня)</td><td>Кислотный моющий агент</td></tr>
<tr><td>Счётчики молока</td><td>Разборка, промывка, проверка калибровки</td><td>Прокладки (по состоянию)</td></tr>
</table>
<h2>Сезонное (квартальное) обслуживание</h2>
<ul>
<li><strong>Полная диагностика вакуумной системы</strong> — измерение производительности насоса, проверка герметичности всей системы методом перекрытия.</li>
<li><strong>Замена сосковой резины</strong> — если не менялась за квартал. Ресурс большинства резин — 2500 дойко-часов или 3 месяца при 2 дойках в день.</li>
<li><strong>Технический осмотр электрооборудования</strong> — изоляция кабелей, состояние клеммных соединений, работа автоматики.</li>
<li><strong>Проверка и регулировка молочного насоса</strong> — уплотнения, лопасти (для роторных насосов).</li>
<li><strong>Полная промывка охладителя</strong> — промывка пластинчатого теплообменника специальным агентом.</li>
</ul>
<div class="warn-box">
<p><strong>Частая ошибка:</strong> Сосковую резину меняют «когда рвётся», а не по регламенту. Резина теряет эластичность раньше, чем рвётся — это незаметно глазом, но ведёт к маститу и снижению надоев. Считайте наработку, а не внешний вид.</p>
</div>
<h2>Ресурс основных расходников</h2>
<table>
<tr><th>Расходник</th><th>Ресурс</th><th>Признаки замены</th></tr>
<tr><td>Сосковая резина</td><td>2500 дойко-часов / 3 мес.</td><td>Трещины, потеря формы, расслоение</td></tr>
<tr><td>Мембраны пульсаторов</td><td>12 месяцев</td><td>Нарушение частоты пульсации</td></tr>
<tr><td>Масло вакуумного насоса</td><td>500 моточасов / 1 мес.</td><td>Потемнение, эмульгирование</td></tr>
<tr><td>Фильтр вакуумного насоса</td><td>3 месяца</td><td>Загрязнение, снижение вакуума</td></tr>
<tr><td>Молочные прокладки</td><td>По состоянию (осмотр еженедельно)</td><td>Трещины, деформация</td></tr>
<tr><td>Фильтрующий элемент молокопровода</td><td>1 дойка</td><td>Загрязнение</td></tr>
</table>
<h2>Как не забывать о регламенте</h2>
<p>Главная проблема — не незнание регламента, а отсутствие системы напоминаний. Механик помнит общие правила, но в потоке ежедневных задач ТО откладывается «до завтра».</p>
<p>Есть несколько подходов:</p>
<ul>
<li><strong>Бумажный журнал</strong> — работает, если дисциплинированно заполнять. Проблема: нет напоминаний, история теряется.</li>
<li><strong>Excel-таблица</strong> — чуть лучше, но не напоминает и не анализирует.</li>
<li><strong>Специализированная система ТО</strong> — создаёт задачи автоматически по расписанию, напоминает ответственному, фиксирует историю работ и расход запчастей.</li>
</ul>
<div class="cta-banner">
<h3>Автоматизируйте контроль ТО доильного оборудования</h3>
<p>АгроТО создаёт задачи по регламенту, напоминает ответственным и ведёт историю каждого узла. Подключайтесь и берите оборудование под контроль.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
<h2>Итог</h2>
<p>Регламентное обслуживание доильной установки — это не расходы, а инвестиция. Комплект сосковой резины стоит в разы меньше одного дня простоя доильного зала. Ведите учёт наработки, следите за состоянием расходников и не откладывайте ТО «до лучших времён».</p>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+263
View File
@@ -0,0 +1,263 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Почему Excel убивает техническое обслуживание на ферме — АгроТО</title>
<meta name="description" content="Разбираем на реальных примерах, почему учёт ТО в Excel опасен и во сколько обходится один день простоя доильного зала из-за несвоевременного обслуживания.">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back{margin-bottom:32px}
.article-back a{font-size:0.88rem;color:var(--ink3)}
.article-back a:hover{color:var(--g700)}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul,.article-body ol{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.cost-block{background:var(--g900);color:white;border-radius:var(--r2);padding:28px 32px;margin:28px 0}
.cost-block h3{font-size:1.1rem;margin-bottom:16px;color:white}
.cost-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.9rem}
.cost-row:last-child{border:none;font-weight:700;margin-top:8px;font-size:1rem}
.cost-row span:last-child{color:#a8ddb8}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.compare-card{padding:20px;border-radius:var(--r2);border:1px solid var(--sand)}
.compare-card.bad{background:#fff7f7;border-color:#fecaca}
.compare-card.good{background:var(--g50);border-color:var(--g100)}
.compare-card h4{font-size:0.9rem;font-weight:700;margin-bottom:12px}
.compare-card.bad h4{color:#dc2626}
.compare-card.good h4{color:var(--g700)}
.compare-card ul{padding-left:20px;margin:0}
.compare-card li{font-size:0.85rem;color:var(--ink2);margin-bottom:6px;line-height:1.5}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block}
footer a{color:var(--g500)}
@media(max-width:600px){.compare-grid{grid-template-columns:1fr}}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back"><a href="/blog.html">← Все статьи</a></div>
<span class="article-tag">Управление ТО</span>
<h1>Почему Excel убивает техническое обслуживание на ферме</h1>
<div class="article-meta">Март 2026 · 5 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>«У нас всё записано в Excel» — фраза, которую мы слышим почти на каждой ферме. И на первый взгляд это звучит разумно: таблицы бесплатны, все умеют с ними работать, можно настроить под себя. Но есть проблема. Excel не умеет делать самое важное — напоминать, предупреждать и анализировать сам.</p>
<p>Разберём по пунктам, почему учёт ТО в таблицах рано или поздно приводит к аварии.</p>
<h2>Проблема 1: Excel не напоминает</h2>
<p>Таблица — это пассивный инструмент. Она хранит данные, но не инициирует действия. Механик должен сам открыть файл, сам посмотреть даты, сам вспомнить о регламенте.</p>
<p>В реальности: механик загружен текущими задачами. Регламент помнит «в голове», открывает таблицу раз в неделю в лучшем случае. ТО откладывается на день, на два, на неделю — пока не случается поломка.</p>
<div class="info-box"><p><strong>Факт:</strong> По данным международных исследований в области CMMS, 60–70% незапланированных простоев оборудования происходят из-за пропущенного или просроченного планового ТО.</p></div>
<h2>Проблема 2: История теряется вместе с файлом</h2>
<p>Таблица живёт на компьютере одного человека. Что происходит, когда главный механик уходит? Уходит вместе с ним и вся история: когда меняли манжеты, сколько заплатили за ремонт насоса в прошлом году, какой ресурс у конкретного подшипника.</p>
<p>Новый специалист начинает с нуля. Это дорого и рискованно.</p>
<h2>Проблема 3: Нет аналитики</h2>
<p>Таблица может хранить данные, но построить из них картину — задача нетривиальная. Попробуйте ответить на вопросы из Excel:</p>
<ul>
<li>Сколько стоило ТО доильной установки за 2024 год?</li>
<li>Какая единица оборудования ломается чаще всего?</li>
<li>Есть ли сезонная закономерность в поломках насоса?</li>
</ul>
<p>Без специальных настроек и навыков — ответы не получить. А без этих ответов невозможно принимать взвешенные решения об обслуживании и закупках.</p>
<h2>Сколько стоит один день простоя</h2>
<p>Чтобы понять цену «бесплатного» Excel, посчитаем стоимость одного дня простоя доильного зала на ферме с 200 коровами.</p>
<div class="cost-block">
<h3>Расчёт потерь: 200 коров, 1 день простоя</h3>
<div class="cost-row"><span>Средний надой на корову</span><span>20 л/день</span></div>
<div class="cost-row"><span>Итого молока</span><span>4 000 л</span></div>
<div class="cost-row"><span>Закупочная цена молока</span><span>30 ₽/л</span></div>
<div class="cost-row"><span>Потери выручки</span><span>120 000 ₽</span></div>
<div class="cost-row"><span>Срочный вызов механика/запчасти</span><span>15 00040 000 ₽</span></div>
<div class="cost-row"><span>Стресс для животных, снижение надоев на неделю</span><span>~30 000 ₽</span></div>
<div class="cost-row"><span>Итого потерь за 1 день простоя</span><span>165 000190 000 ₽</span></div>
</div>
<p>Годовая подписка на систему управления ТО — это стоимость одного часа простоя. Не дня, а часа.</p>
<h2>Excel vs специализированная система: честное сравнение</h2>
<div class="compare-grid">
<div class="compare-card bad">
<h4>❌ Excel</h4>
<ul>
<li>Нет автоматических напоминаний</li>
<li>История теряется при смене сотрудника</li>
<li>Нет мобильного доступа с телефона</li>
<li>Нет аналитики без ручного труда</li>
<li>Нет учёта запчастей и расходников</li>
<li>Нет фиксации выполненных работ</li>
</ul>
</div>
<div class="compare-card good">
<h4>✓ Система ТО</h4>
<ul>
<li>Напоминает автоматически</li>
<li>История хранится в облаке вечно</li>
<li>Работает с телефона, даже офлайн</li>
<li>Аналитика строится автоматически</li>
<li>Склад запчастей с мин. остатками</li>
<li>Каждая работа фиксируется с датой и исполнителем</li>
</ul>
</div>
</div>
<h2>«Но у нас маленькая ферма, нам это не нужно»</h2>
<p>Это самое распространённое возражение. И именно маленьким фермам потери от одной внеплановой поломки бьют сильнее — нет ресурса на компенсацию убытков.</p>
<p>Специализированные системы ТО больше не стоят как ERP для крупного завода. Современные облачные решения, разработанные специально для агропредприятий, доступны от нескольких тысяч рублей в месяц — меньше, чем стоит один вызов стороннего механика.</p>
<div class="cta-banner">
<h3>Попробуйте АгроТО вместо Excel</h3>
<p>Быстрое внедрение. Персональная поддержка на старте.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+237
View File
@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Фильтрующие элементы молочного оборудования: регламент замены — АгроТО</title>
<meta name="description" content="Когда и как менять фильтры на молокопроводе и молокоприёмнике. Влияние загрязнённых фильтров на качество молока, соматику и бактериальную обсеменённость.">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back{margin-bottom:32px}
.article-back a{font-size:0.88rem;color:var(--ink3)}
.article-back a:hover{color:var(--g700)}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.warn-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.warn-box p{margin:0;color:#7c2d12}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:0.9rem}
th{background:var(--g50);color:var(--g900);font-weight:600;padding:10px 14px;text-align:left;border:1px solid var(--g100)}
td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2)}
tr:nth-child(even) td{background:rgba(0,0,0,0.02)}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block}
footer a{color:var(--g500)}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back"><a href="/blog.html">← Все статьи</a></div>
<span class="article-tag">Фильтрация молока</span>
<h1>Фильтрующие элементы молочного оборудования: регламент замены</h1>
<div class="article-meta">Март 2026 · 6 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>Фильтрация молока — одна из тех операций, которую делают «и так», не задумываясь о регламенте. Фильтр поменяли — галочка. Но когда именно менять, какую тонкость фильтрации выбирать и что происходит с молоком, если фильтр просрочен — об этом думают редко.</p>
<p>Между тем именно фильтрация напрямую влияет на бактериальную обсеменённость, соматику и в конечном счёте на закупочную цену молока.</p>
<h2>Где применяется фильтрация на молочной ферме</h2>
<ul>
<li><strong>Молочный фильтр на молокопроводе</strong> — основная очистка молока сразу после доения, до поступления в молокоприёмник</li>
<li><strong>Фильтр молокоприёмника</strong> — дополнительная ступень на входе в танк охладителя</li>
<li><strong>Фильтр вакуумной системы</strong> — защита вакуумного насоса от попадания влаги и частиц</li>
<li><strong>Фильтры системы водоподготовки</strong> — для промывочной воды (особенно в районах с жёсткой или загрязнённой водой)</li>
</ul>
<h2>Молочный фильтр: когда менять</h2>
<p>Фильтрующий элемент молокопровода (тканевый или полипропиленовый) меняется <strong>после каждой дойки</strong> — без исключений. Это не рекомендация, это требование санитарных норм и здравого смысла.</p>
<p>Почему нельзя использовать один фильтр несколько доек:</p>
<ul>
<li>Загрязнённый фильтр создаёт обратное давление и нарушает нормальный поток молока</li>
<li>Накопленные загрязнения (волос, частицы подстилки, механические примеси) — источник бактерий</li>
<li>Промывка фильтра не восстанавливает его фильтрующие свойства</li>
</ul>
<div class="warn-box"><p><strong>Распространённая ошибка:</strong> Промывать тканевый фильтр и использовать повторно. После первого использования структура волокна повреждена, фильтр не задерживает мелкие частицы и является рассадником бактерий даже после промывки.</p></div>
<h2>Фильтры водоподготовки: регламент</h2>
<p>Если ферма использует систему водоподготовки для промывочной воды (фильтры типа Гейзер, Аквафор, BB-10), регламент замены картриджей зависит от качества воды и объёма промывок:</p>
<table>
<tr><th>Тип картриджа</th><th>Тонкость</th><th>Периодичность замены</th><th>Признак замены</th></tr>
<tr><td>Полипропиленовый (PP)</td><td>520 мкм</td><td>36 месяцев</td><td>Пожелтение, снижение напора</td></tr>
<tr><td>Угольный (CTO)</td><td>Обезжелезивание</td><td>612 месяцев</td><td>Запах хлора или металла в воде</td></tr>
<tr><td>Обратный осмос (мембрана)</td><td>0,0001 мкм</td><td>23 года</td><td>Рост TDS, снижение производительности</td></tr>
</table>
<div class="info-box"><p><strong>Жёсткая вода ускоряет износ картриджей.</strong> В районах с жёсткостью выше 10 мг-экв/л полипропиленовый картридж меняйте каждые 2–3 месяца, не 6.</p></div>
<h2>Влияние фильтрации на качество молока</h2>
<p>Связь между состоянием фильтров и показателями молока прямая:</p>
<ul>
<li><strong>Бактериальная обсеменённость (КМАФАнМ)</strong> — просроченный или загрязнённый фильтр добавляет бактерии прямо в поток молока. Результат — штрафы при сдаче или снижение категории.</li>
<li><strong>Механическая загрязнённость</strong> — частицы подстилки, шерсть, пыль — нарушение 2-й группы чистоты приводит к снижению цены или отказу в приёмке.</li>
<li><strong>Соматические клетки</strong> — косвенная связь: стресс от неправильного доения (нарушение вакуума из-за засорённого фильтра вакуумной системы) повышает СКК.</li>
</ul>
<h2>Что держать в запасе</h2>
<ul>
<li>Молочные фильтры — запас минимум на 2 недели вперёд (2 дойки в день = 28 штук)</li>
<li>Картриджи водоподготовки PP 5 мкм — 2 штуки про запас</li>
<li>Фильтр вакуумного насоса — 1 штука</li>
</ul>
<p>Отсутствие молочного фильтра — не повод доить без него. Это нарушение, которое обходится дороже, чем стоит коробка фильтров.</p>
<div class="cta-banner">
<h3>Контролируйте расход фильтров в АгроТО</h3>
<p>Учёт расходников на складе, автоматические заявки при достижении минимального остатка. Никогда не останетесь без фильтров в нужный момент.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+268
View File
@@ -0,0 +1,268 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Транспортёр навозоудаления: обслуживание скребковой системы — АгроТО</title>
<meta name="description" content="Как обслуживать скребковый транспортёр навозоудаления: натяжение цепи, замена скребков, смазка привода. Регламент и типичные поломки.">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back{margin-bottom:32px}
.article-back a{font-size:0.88rem;color:var(--ink3)}
.article-back a:hover{color:var(--g700)}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.warn-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.warn-box p{margin:0;color:#7c2d12}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:0.9rem}
th{background:var(--g50);color:var(--g900);font-weight:600;padding:10px 14px;text-align:left;border:1px solid var(--g100)}
td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2)}
tr:nth-child(even) td{background:rgba(0,0,0,0.02)}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block}
footer a{color:var(--g500)}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back"><a href="/blog.html">← Все статьи</a></div>
<span class="article-tag">Навозоудаление</span>
<h1>Транспортёр навозоудаления: обслуживание скребковой системы</h1>
<div class="article-meta">Апрель 2026 · 6 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>Скребковый транспортёр навозоудаления — один из самых нагруженных узлов на ферме. Он работает по несколько часов в день, 365 дней в году, в агрессивной среде. Цепь, скребки, приводные звёздочки и редуктор испытывают постоянные нагрузки. При этом обслуживают систему навозоудаления, как правило, по остаточному принципу — «пока работает, не трогаем».</p>
<p>Цена такого подхода — разрыв цепи в разгар зимы или заклинивший редуктор в воскресенье.</p>
<h2>Конструкция скребкового транспортёра</h2>
<p>Стандартная система навозоудаления состоит из:</p>
<ul>
<li><strong>Приводной станции</strong> — электродвигатель + редуктор + приводная звёздочка</li>
<li><strong>Натяжного устройства</strong> — регулирует натяжение цепи, компенсирует вытяжку</li>
<li><strong>Поворотных устройств</strong> — на углах канала, направляют цепь</li>
<li><strong>Цепи</strong> — тяговый элемент, тип и шаг зависят от модели</li>
<li><strong>Скребков</strong> — рабочие элементы, перемещают навоз</li>
</ul>
<h2>Регламент обслуживания</h2>
<h3>Ежедневно</h3>
<ul>
<li>Визуальный осмотр цепи и скребков во время работы — деформированные скребки, выскочившие звенья</li>
<li>Проверка нормальной работы привода — посторонние звуки, рывки, неравномерное движение</li>
<li>Контроль уровня масла в редукторе (смотровое окно)</li>
<li>Очистка натяжного и поворотных устройств от навоза (забивание мешает нормальной работе)</li>
</ul>
<h3>Еженедельно</h3>
<ul>
<li><strong>Проверка натяжения цепи</strong> — провис не более 30–50 мм. При необходимости — регулировка натяжного устройства</li>
<li>Смазка приводной и натяжной звёздочек — солидол или аналог</li>
<li>Осмотр скребков — трещины, сломанные лапки крепления, подгибание</li>
<li>Проверка крепления звёздочек на валах (шпонки, стопорные болты)</li>
</ul>
<h3>Ежемесячно</h3>
<ul>
<li><strong>Замена масла в редукторе</strong> — первая замена через 200 часов (обкатка), далее раз в 6 месяцев или по регламенту производителя</li>
<li>Проверка уплотнений редуктора — течь масла недопустима</li>
<li>Измерение вытяжки цепи — если цепь вытянулась более чем на 3% от исходной длины, требует замены</li>
<li>Смазка шарниров поворотных и натяжного устройств</li>
</ul>
<div class="info-box"><p><strong>Как измерить вытяжку цепи:</strong> Отмерьте 10 звеньев цепи, измерьте расстояние. Сравните с номинальным значением по паспорту. Разница более 3% — цепь подлежит замене.</p></div>
<h2>Расходники и периодичность замены</h2>
<table>
<tr><th>Узел</th><th>Периодичность</th><th>Признак замены</th></tr>
<tr><td>Скребки</td><td>По износу, 13 года</td><td>Высота уменьшилась на 30–40%, трещины, деформация</td></tr>
<tr><td>Цепь</td><td>По вытяжке (более 3%)</td><td>Соскакивает со звёздочек, провисает после регулировки</td></tr>
<tr><td>Звёздочки приводные</td><td>После 2–3 замен цепи</td><td>Заострение зубьев, «акулий зуб»</td></tr>
<tr><td>Звёздочки поворотные</td><td>По состоянию</td><td>Износ зубьев более 30%</td></tr>
<tr><td>Масло в редукторе</td><td>Каждые 6 мес. / 1000 ч</td><td>Потемнение, металлическая пыль, запах гари</td></tr>
<tr><td>Уплотнения редуктора</td><td>При течи</td><td>Подтёки масла на корпусе</td></tr>
</table>
<h2>Типичные поломки и их причины</h2>
<h3>Цепь соскакивает со звёздочки</h3>
<ul>
<li>Недостаточное натяжение — отрегулировать натяжное устройство</li>
<li>Износ зубьев звёздочки — замена звёздочки</li>
<li>Посторонний предмет в канале (камень, металл) — осмотр и очистка канала</li>
</ul>
<h3>Цепь рвётся</h3>
<ul>
<li>Критический износ — вытяжка более 5%, цепь перетянута и хрупкая</li>
<li>Заклинивание — посторонний предмет, замёрзший навоз под скребком</li>
<li>Перегрузка — неисправный редуктор или скребки упираются в препятствие</li>
</ul>
<h3>Редуктор перегревается или шумит</h3>
<ul>
<li>Недостаточный уровень или старое масло — замена масла</li>
<li>Износ шестерён или подшипников — требует ревизии и замены деталей</li>
<li>Перегрузка из-за тугой цепи — ослабить натяжение до нормы</li>
</ul>
<div class="warn-box"><p><strong>Замёрзший навоз зимой</strong> — одна из главных причин обрыва цепи. Если транспортёр стоял и навоз замёрз в канале, не запускайте систему сразу. Предварительно разрыхлите или оттайте навоз вручную.</p></div>
<h2>Запас деталей для бесперебойной работы</h2>
<ul>
<li>Комплект скребков на половину длины транспортёра</li>
<li>2–3 соединительных звена цепи</li>
<li>Масло для редуктора (по рекомендованной марке)</li>
<li>Один комплект приводных звёздочек (приводная + натяжная)</li>
</ul>
<div class="cta-banner">
<h3>Ведите историю ТО транспортёра в АгроТО</h3>
<p>Фиксируйте каждую замену, настраивайте напоминания по периодичности. История всегда под рукой — с телефона.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+262
View File
@@ -0,0 +1,262 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Как организовать склад запчастей на ферме: минимум хаоса — АгроТО</title>
<meta name="description" content="Практическое руководство: какие запчасти держать в постоянном запасе, как вести учёт расходников и не тратить деньги на неликвид на молочной ферме.">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back{margin-bottom:32px}
.article-back a{font-size:0.88rem;color:var(--ink3)}
.article-back a:hover{color:var(--g700)}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul,.article-body ol{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.warn-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.warn-box p{margin:0;color:#7c2d12}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:0.9rem}
th{background:var(--g50);color:var(--g900);font-weight:600;padding:10px 14px;text-align:left;border:1px solid var(--g100)}
td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2)}
tr:nth-child(even) td{background:rgba(0,0,0,0.02)}
.step-list{counter-reset:step;list-style:none;padding:0}
.step-list li{counter-increment:step;padding:16px 16px 16px 56px;position:relative;border-bottom:1px solid var(--sand);color:var(--ink2);line-height:1.65}
.step-list li:last-child{border:none}
.step-list li::before{content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;background:var(--g700);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.82rem;font-weight:700}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block}
footer a{color:var(--g500)}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back"><a href="/blog.html">← Все статьи</a></div>
<span class="article-tag">Склад запчастей</span>
<h1>Как организовать склад запчастей на ферме: минимум хаоса</h1>
<div class="article-meta">Март 2026 · 8 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>Склад запчастей на ферме — это либо порядок и уверенность, либо ящик «всякой всячины» в углу мастерской. Во втором случае механик тратит полчаса на поиск нужного болта, а нужной манжеты не оказывается именно тогда, когда она нужна позарез.</p>
<p>Хорошая новость: для того чтобы навести порядок на складе, не нужен дорогой программный комплекс и кладовщик со специальным образованием. Нужна система и дисциплина.</p>
<h2>Почему склад запчастей — это критически важно</h2>
<p>Два крайних сценария, с которыми сталкиваются фермы:</p>
<ul>
<li><strong>Ничего нет.</strong> При поломке насоса ждёте доставку 2–3 дня. Доильный зал стоит. Потери — как мы считали в предыдущей статье — от 150 000 ₽ в день.</li>
<li><strong>Всего много, но хаотично.</strong> Деньги заморожены в неликвидных запчастях от оборудования которого уже нет. Нужную деталь найти невозможно. Покупают дублирующие позиции, не зная что уже есть.</li>
</ul>
<p>Цель — золотая середина: минимально необходимый запас критичных деталей, чётко учтённый и легко находимый.</p>
<h2>Шаг 1. Составьте перечень оборудования</h2>
<p>Начните с инвентаризации оборудования. Для каждой единицы зафиксируйте:</p>
<ul>
<li>Название и модель</li>
<li>Год ввода в эксплуатацию</li>
<li>Список критичных расходников с артикулами</li>
<li>Нормальный срок ожидания доставки (1 день — местный поставщик, 5–7 дней — заказ)</li>
</ul>
<p>Именно последний пункт определяет, что должно быть на складе: если деталь приходит за 1 день — можно работать без запаса. Если 5–7 дней и она критична — держите в запасе обязательно.</p>
<h2>Шаг 2. Разделите запчасти на категории</h2>
<p>Практическое деление по принципу важности и скорости потребления:</p>
<table>
<tr><th>Категория</th><th>Описание</th><th>Стратегия</th></tr>
<tr><td>Расходники</td><td>Молочные фильтры, масло, смазки, прокладки</td><td>Запас 2–4 недели. Заказ при достижении минимума.</td></tr>
<tr><td>Плановые замены</td><td>Ремни, манжеты, мембраны пульсаторов, сосковая резина</td><td>Запас 1–2 комплекта. Заказ при замене последнего.</td></tr>
<tr><td>Критичные детали</td><td>Подшипники, крыльчатка насоса, звёздочки цепи</td><td>Обязательный запас 1 комплект.</td></tr>
<tr><td>Запчасти под заказ</td><td>Корпусные детали, нестандартные узлы</td><td>Хранить не нужно. Знать поставщика и срок.</td></tr>
</table>
<h2>Шаг 3. Определите минимальные остатки</h2>
<p>Минимальный остаток (МО) — количество единиц, при котором нужно немедленно сделать заказ. Формула проста:</p>
<div class="info-box"><p><strong>МО = (Расход в день) × (Срок поставки в днях) + Страховой запас (1–2 дня)</strong><br><br>Пример: молочные фильтры расходуются 2 шт/день, срок поставки 3 дня, страховой запас 2 дня. МО = 2 × 3 + 4 = 10 штук.</p></div>
<h2>Шаг 4. Физически организуйте хранение</h2>
<ul>
<li><strong>Разделение по оборудованию</strong> — запчасти для насоса отдельно от запчастей для транспортёра. Не смешивать.</li>
<li><strong>Маркировка</strong> — каждая полка, ящик, коробка с подписью. Артикул и название — обязательно.</li>
<li><strong>FIFO</strong> — первым пришло, первым ушло. Новые запчасти кладём за старыми, берём спереди. Особенно важно для расходников с ограниченным сроком хранения (резина, уплотнения).</li>
<li><strong>Условия хранения</strong> — резинотехнические изделия (манжеты, сосковая резина, прокладки) хранить в тёмном сухом месте, вдали от нагревательных приборов.</li>
</ul>
<div class="warn-box"><p><strong>Резина «стареет» даже в упаковке.</strong> Не покупайте сосковую резину и манжеты с запасом на год вперёд. Срок хранения большинства резинотехнических изделий — 12–18 месяцев. Покупайте столько, сколько израсходуете за квартал.</p></div>
<h2>Шаг 5. Ведите учёт движения запчастей</h2>
<p>Ключевой шаг, который большинство пропускает. Без учёта прихода и расхода вы никогда не будете знать, сколько реально тратите на запчасти и какой реальный запас на складе.</p>
<ol class="step-list">
<li><strong>Приход</strong> — записывайте каждое поступление: дата, наименование, количество, цена, поставщик.</li>
<li><strong>Расход</strong> — каждое использование: дата, наименование, количество, на какое оборудование потрачено.</li>
<li><strong>Инвентаризация</strong> — раз в квартал сверяйте учётное количество с фактическим.</li>
<li><strong>Анализ</strong> — раз в год смотрите, что расходовалось много, что ни разу. Корректируйте запасы.</li>
</ol>
<h2>Минимальный список запчастей для молочной фермы 200 коров</h2>
<table>
<tr><th>Наименование</th><th>Мин. запас</th><th>Комментарий</th></tr>
<tr><td>Молочные фильтры</td><td>60100 шт.</td><td>На 2 недели вперёд</td></tr>
<tr><td>Сосковая резина (комплект)</td><td>2 комплекта</td><td>На 12 замены</td></tr>
<tr><td>Мембраны пульсаторов</td><td>2 комплекта на каждый тип</td><td>Плановая замена</td></tr>
<tr><td>Манжеты вала насоса НВМ-75</td><td>2 комплекта</td><td>38×58×10, 45×65×10</td></tr>
<tr><td>Подшипники насоса</td><td>1 комплект</td><td>Передний + задний</td></tr>
<tr><td>Ремень приводной насоса</td><td>12 шт.</td><td>По марке ремня</td></tr>
<tr><td>Масло вакуумного насоса</td><td>23 л</td><td>На 23 замены</td></tr>
<tr><td>Звенья соединительные цепи</td><td>35 шт.</td><td>14×80 по типу цепи</td></tr>
<tr><td>Скребки транспортёра</td><td>10–20% от общего количества</td><td>По мере износа</td></tr>
<tr><td>Картридж фильтра водоподготовки</td><td>2 шт.</td><td>PP 5 мкм</td></tr>
</table>
<div class="cta-banner">
<h3>АгроТО — учёт склада запчастей с автозаявками</h3>
<p>Система сама создаёт заявку на закупку когда запас падает ниже минимума. Никаких сюрпризов в нужный момент.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+283
View File
@@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Вакуумный насос НВМ-75: обслуживание и частые поломки — АгроТО</title>
<meta name="description" content="Полное руководство по обслуживанию вакуумного насоса НВМ-75. Регламент ТО, частые поломки и их причины, расходники и сроки замены.">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g100:#d6f0df;--g50:#eef8f2;--bg:#faf9f6;--white:#ffffff;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--r:10px;--r2:16px}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.07)}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:16px;height:16px}
.nav-name{font-weight:600;font-size:1.15rem}
.btn{display:inline-flex;align-items:center;padding:9px 20px;border-radius:var(--r);font-family:'Onest',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;white-space:nowrap}
.btn-primary{background:var(--g700);color:#fff}
.article-wrap{max-width:760px;margin:0 auto;padding:100px 24px 80px}
.article-back a{font-size:0.88rem;color:var(--ink3);display:inline-flex;align-items:center;gap:6px}
.article-back a:hover{color:var(--g700)}
.article-back{margin-bottom:32px}
.article-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--g500);background:var(--g50);padding:3px 10px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}
.article-meta{font-size:0.85rem;color:var(--ink3);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--sand)}
.article-body h2{font-size:1.4rem;font-weight:600;margin:40px 0 16px;letter-spacing:-0.01em}
.article-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.article-body p{color:var(--ink2);margin-bottom:16px}
.article-body ul,.article-body ol{color:var(--ink2);padding-left:24px;margin-bottom:16px}
.article-body li{margin-bottom:8px;line-height:1.65}
.article-body strong{color:var(--ink);font-weight:600}
.info-box{background:var(--g50);border-left:4px solid var(--g400);border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.info-box p{margin:0;color:var(--g900)}
.warn-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:0 var(--r2) var(--r2) 0;padding:20px 24px;margin:28px 0}
.warn-box p{margin:0;color:#7c2d12}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:0.9rem}
th{background:var(--g50);color:var(--g900);font-weight:600;padding:10px 14px;text-align:left;border:1px solid var(--g100)}
td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2)}
tr:nth-child(even) td{background:rgba(0,0,0,0.02)}
.cta-banner{background:var(--g900);color:white;border-radius:var(--r2);padding:32px;margin:48px 0;text-align:center}
.cta-banner h3{font-size:1.3rem;margin-bottom:10px}
.cta-banner p{color:rgba(255,255,255,0.65);margin-bottom:24px;font-size:0.95rem}
.cta-banner a{background:white;color:var(--g900);font-weight:600;padding:12px 28px;border-radius:var(--r);display:inline-block}
footer a{color:var(--g500)}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark"><svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></div>
<span class="nav-name">АгроТО</span>
</a>
<a href="https://app.agroto.ru" class="btn btn-primary">Начать работу</a>
</nav>
<div class="article-wrap">
<div class="article-back"><a href="/blog.html">← Все статьи</a></div>
<span class="article-tag">Вакуумные системы</span>
<h1>Вакуумный насос НВМ-75: обслуживание и частые поломки</h1>
<div class="article-meta">Апрель 2026 · 9 минут чтения · АгроТО, Череповец</div>
<div class="article-body">
<p>НВМ-75 — водокольцевой вакуумный насос производительностью 75 м³/ч, самый распространённый на молочных фермах России. Он прост по конструкции, ремонтопригоден и надёжен — при условии регулярного обслуживания. Без него срок службы сокращается в разы.</p>
<p>В этой статье разберём конструкцию, регламент ТО, типичные поломки и их причины.</p>
<h2>Как устроен НВМ-75</h2>
<p>Водокольцевой насос работает за счёт вращающегося водяного кольца, которое создаёт вакуум в рабочих камерах. Основные узлы:</p>
<ul>
<li><strong>Рабочее колесо (крыльчатка)</strong> — создаёт водяное кольцо, главный рабочий элемент</li>
<li><strong>Корпус насоса</strong> — чугунный, с распределительными дисками</li>
<li><strong>Подшипники</strong> — передний (фиксированный) и задний (плавающий, компенсирует тепловое расширение)</li>
<li><strong>Сальники (манжеты)</strong> — уплотнение вала с обеих сторон</li>
<li><strong>Электродвигатель</strong> — приводной, соединяется через клиноременную передачу</li>
</ul>
<div class="info-box"><p><strong>Рабочие параметры НВМ-75:</strong> производительность 75 м³/ч, рабочий вакуум до 80 кПа, мощность электродвигателя 4–5,5 кВт, скорость вращения 1450–1500 об/мин.</p></div>
<h2>Регламент технического обслуживания</h2>
<h3>Ежедневно</h3>
<ul>
<li>Контроль уровня вакуума на манометре (норма 42–50 кПа для доения)</li>
<li>Проверка температуры корпуса насоса на ощупь — не должен быть горячим</li>
<li>Прослушивание — посторонние шумы, стуки, вибрация недопустимы</li>
<li>Контроль слива воды из сепаратора</li>
</ul>
<h3>Еженедельно</h3>
<ul>
<li>Проверка натяжения приводного ремня (прогиб 10–15 мм при усилии 3–4 кг)</li>
<li>Осмотр шкивов и ремня на предмет износа, трещин</li>
<li>Проверка крепления насоса и электродвигателя</li>
<li>Контроль подачи воды в насос</li>
</ul>
<h3>Ежемесячно</h3>
<ul>
<li><strong>Замена масла в подшипниках</strong> — если открытые подшипники с пресс-маслёнками: закладка смазки Литол-24 или аналог</li>
<li>Проверка и подтяжка всех резьбовых соединений</li>
<li>Осмотр сальников на предмет течи</li>
<li>Чистка воздушного фильтра вакуумной системы</li>
</ul>
<h3>Раз в 6 месяцев</h3>
<ul>
<li>Полная ревизия — разборка, промывка камер, осмотр крыльчатки и дисков</li>
<li>Замена подшипников (если наработка более 4000 часов или есть люфт/нагрев)</li>
<li>Проверка и замена манжет вала</li>
<li>Замена приводного ремня (профилактически или по состоянию)</li>
</ul>
<h2>Расходники и их ресурс</h2>
<table>
<tr><th>Деталь</th><th>Ресурс</th><th>Артикул / тип</th></tr>
<tr><td>Подшипник передний (фиксированный)</td><td>40006000 ч</td><td>Зависит от модификации насоса</td></tr>
<tr><td>Подшипник задний (плавающий)</td><td>40006000 ч</td><td>Зависит от модификации насоса</td></tr>
<tr><td>Манжета вала (сальник)</td><td>20003000 ч</td><td>38×58×10, 45×65×10</td></tr>
<tr><td>Приводной ремень</td><td>3000–5000 ч / по состоянию</td><td>Клиновой B, длина по модели</td></tr>
<tr><td>Масло для подшипников</td><td>Ежемесячно</td><td>Литол-24, ЦИАТИМ-203</td></tr>
</table>
<h2>Частые поломки и их причины</h2>
<h3>Насос не создаёт рабочий вакуум</h3>
<ul>
<li>Недостаточная подача воды в насос — проверить водопровод и регулятор подачи</li>
<li>Засорение воздушного фильтра — прочистить или заменить</li>
<li>Утечки в вакуумной системе — проверить все шланги и соединения</li>
<li>Износ крыльчатки — требует разборки и оценки состояния</li>
</ul>
<h3>Насос перегревается</h3>
<ul>
<li>Недостаточный расход воды охлаждения — норма 15–20 л/ч</li>
<li>Слишком высокая температура подачной воды (выше 20°C летом)</li>
<li>Износ подшипников — появляется нагрев корпуса в местах подшипниковых узлов</li>
<li>Перегрузка — вакуум выше расчётного, насос работает на пределе</li>
</ul>
<h3>Течь манжет (сальников)</h3>
<ul>
<li>Выработка ресурса манжеты — плановая замена</li>
<li>Биение вала из-за износа подшипников — сначала заменить подшипники, потом манжеты</li>
<li>Попадание твёрдых частиц (песок в воде) — установить фильтр на водопровод</li>
</ul>
<h3>Стуки и вибрация</h3>
<ul>
<li>Кавитация — вакуум слишком высокий или недостаточно воды</li>
<li>Износ или разрушение подшипников — срочная замена</li>
<li>Дисбаланс крыльчатки из-за отложений — разборка, промывка</li>
<li>Ослабло крепление двигателя или насоса — подтяжка болтов</li>
</ul>
<div class="warn-box"><p><strong>Важно:</strong> При появлении стуков немедленно остановите насос. Продолжение работы с повреждёнными подшипниками приводит к разрушению корпуса — это уже не ремонт, а замена насоса целиком.</p></div>
<h2>Что держать в запасе</h2>
<p>Минимальный складской запас для бесперебойной работы НВМ-75:</p>
<ul>
<li>Комплект подшипников (передний + задний) — 1 комплект</li>
<li>Манжеты вала — 2 комплекта</li>
<li>Приводной ремень — 1–2 штуки</li>
<li>Крыльчатка (рабочее колесо) — 1 штука (дорогостоящая, но критичная деталь)</li>
</ul>
<div class="cta-banner">
<h3>Контролируйте ресурс деталей автоматически</h3>
<p>АгроТО отслеживает моточасы оборудования и напоминает о замене расходников до того, как они выйдут из строя.</p>
<a href="https://app.agroto.ru">Начать работу →</a>
</div>
</div>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
</body>
</html>
+584
View File
@@ -0,0 +1,584 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Документация — АгроТО</title>
<meta name="description" content="Полная техническая документация платформы АгроТО: установка, модули, роли, интеграции, API.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--g50:#f2f8f4;--g100:#dff0e6;--g200:#b8ddc6;--g300:#82c49d;--g400:#4a9e64;
--g500:#2d8049;--g600:#246639;--g700:#1e5a33;--g800:#174829;--g900:#0f2f1b;
--ink:#111917;--ink2:#2d3b34;--ink3:#6b7f74;
--white:#ffffff;--bg:#f7f9f7;--bg2:#f0f4f1;--sand:#dde5de;
--r1:8px;--r2:12px;--r3:16px;
--sh1:0 1px 4px rgba(0,0,0,.06);--sh2:0 4px 16px rgba(0,0,0,.08);
--t:.18s ease;
--sidebar:260px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
a{color:var(--g600);text-decoration:none}
a:hover{color:var(--g800)}
/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
border-bottom:1px solid var(--sand);padding:0 max(24px,calc((100vw - 1160px)/2));
display:flex;align-items:center;justify-content:space-between;height:60px}
.nav-logo{display:flex;align-items:center;gap:8px;font-family:'Onest',sans-serif;font-weight:600;font-size:1rem;color:var(--ink)}
.nav-mark{width:28px;height:28px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-links-right{display:flex;align-items:center;gap:16px}
.nav-links-right a{font-size:0.85rem;color:var(--ink2)}
.btn-sm{padding:7px 16px;border-radius:var(--r1);font-size:0.82rem;font-weight:600;background:var(--g700);color:white;transition:var(--t)}
.btn-sm:hover{background:var(--g900);color:white}
.doc-badge{display:inline-flex;align-items:center;gap:5px;background:var(--g50);border:1px solid var(--g200);
color:var(--g700);font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:99px}
/* LAYOUT */
.doc-layout{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - 60px);max-width:1200px;margin:0 auto;padding:0 24px}
/* SIDEBAR */
.doc-sidebar{border-right:1px solid var(--sand);padding:32px 0 64px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}
.doc-sidebar::-webkit-scrollbar{width:4px}
.doc-sidebar::-webkit-scrollbar-thumb{background:var(--sand);border-radius:2px}
.sidebar-section{margin-bottom:28px}
.sidebar-label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink3);padding:0 24px;margin-bottom:8px;display:block}
.sidebar-link{display:block;padding:6px 24px;font-size:0.85rem;color:var(--ink2);border-left:2px solid transparent;transition:var(--t)}
.sidebar-link:hover{color:var(--g700);background:var(--g50)}
.sidebar-link.active{color:var(--g700);border-left-color:var(--g500);background:var(--g50);font-weight:500}
/* CONTENT */
.doc-content{padding:48px 48px 96px;max-width:780px}
.doc-content h1{font-family:'Onest',sans-serif;font-size:2rem;font-weight:700;color:var(--ink);margin-bottom:12px}
.doc-content h2{font-family:'Onest',sans-serif;font-size:1.3rem;font-weight:600;color:var(--ink);margin:48px 0 16px;padding-top:48px;border-top:1px solid var(--sand)}
.doc-content h2:first-of-type{margin-top:32px;padding-top:0;border-top:none}
.doc-content h3{font-size:1rem;font-weight:600;color:var(--ink);margin:28px 0 10px}
.doc-content p{font-size:0.92rem;color:var(--ink2);line-height:1.75;margin-bottom:14px}
.doc-content ul,.doc-content ol{padding-left:20px;margin-bottom:14px}
.doc-content li{font-size:0.92rem;color:var(--ink2);line-height:1.75;margin-bottom:4px}
.doc-lead{font-size:1rem;color:var(--ink3);margin-bottom:32px;line-height:1.7}
.doc-divider{height:1px;background:var(--sand);margin:40px 0}
/* CALLOUTS */
.callout{border-radius:var(--r2);padding:16px 20px;margin:20px 0;font-size:0.88rem;line-height:1.65}
.callout-info{background:var(--g50);border-left:3px solid var(--g400);color:var(--ink2)}
.callout-warn{background:#fffbf0;border-left:3px solid #f0a500;color:#5a4200}
.callout strong{font-weight:600}
/* BADGES / ROLES */
.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.role-card{background:var(--bg2);border:1px solid var(--sand);border-radius:var(--r2);padding:16px 18px}
.role-card h4{font-size:0.88rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.role-card p{font-size:0.82rem;color:var(--ink3);line-height:1.55;margin:0}
.tag{display:inline-block;background:var(--g100);color:var(--g800);font-size:0.72rem;font-weight:600;
padding:2px 8px;border-radius:4px;margin-right:4px;margin-bottom:4px}
.tag-orange{background:#fff0e0;color:#b85000}
.tag-blue{background:#e8f0fe;color:#1a56a0}
/* STEPS */
.steps{counter-reset:step;display:flex;flex-direction:column;gap:16px;margin:20px 0}
.step{display:flex;gap:16px;align-items:flex-start}
.step-num{counter-increment:step;min-width:28px;height:28px;border-radius:50%;background:var(--g700);
color:white;font-size:0.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.step-num::before{content:counter(step)}
.step-body h4{font-size:0.9rem;font-weight:600;color:var(--ink);margin-bottom:4px}
.step-body p{font-size:0.85rem;color:var(--ink3);margin:0;line-height:1.55}
/* TABLE */
.doc-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.85rem}
.doc-table th{text-align:left;font-weight:600;color:var(--ink);padding:10px 14px;background:var(--bg2);border:1px solid var(--sand)}
.doc-table td{padding:10px 14px;border:1px solid var(--sand);color:var(--ink2);vertical-align:top}
.doc-table tr:nth-child(even) td{background:var(--bg)}
/* MODULE CARDS */
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.module-card{border:1px solid var(--sand);border-radius:var(--r2);padding:16px 18px;background:var(--white)}
.module-card .mc-ico{width:32px;height:32px;border-radius:8px;background:var(--g50);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.module-card .mc-ico svg{width:16px;height:16px;stroke:var(--g600)}
.module-card h4{font-size:0.88rem;font-weight:600;color:var(--ink);margin-bottom:4px}
.module-card p{font-size:0.8rem;color:var(--ink3);line-height:1.5;margin:0}
/* FOOTER */
footer{border-top:1px solid var(--sand);padding:24px max(24px,calc((100vw - 1160px)/2));
display:flex;justify-content:space-between;align-items:center}
footer p{font-size:0.8rem;color:var(--ink3)}
footer a{font-size:0.8rem;color:var(--g500)}
@media(max-width:860px){
.doc-layout{grid-template-columns:1fr}
.doc-sidebar{display:none}
.doc-content{padding:32px 0 64px}
.role-grid,.module-grid{grid-template-columns:1fr}
}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
</div>
АгроТО
</a>
<span class="doc-badge">
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14,2 14,8 20,8"/></svg>
Документация
</span>
<div class="nav-links-right">
<a href="/kb.html">База знаний</a>
<a href="https://app.agroto.ru" class="btn-sm">Войти в систему</a>
</div>
</nav>
<div class="doc-layout">
<!-- SIDEBAR -->
<aside class="doc-sidebar">
<div class="sidebar-section">
<span class="sidebar-label">Начало работы</span>
<a class="sidebar-link active" href="#intro">Что такое АгроТО</a>
<a class="sidebar-link" href="#quickstart">Быстрый старт</a>
<a class="sidebar-link" href="#roles">Роли и права</a>
</div>
<div class="sidebar-section">
<span class="sidebar-label">Модули</span>
<a class="sidebar-link" href="#equipment">Оборудование</a>
<a class="sidebar-link" href="#maintenance">Плановое ТО</a>
<a class="sidebar-link" href="#emergencies">Аварийные заявки</a>
<a class="sidebar-link" href="#inventory">Склад</a>
<a class="sidebar-link" href="#personnel">Персонал</a>
<a class="sidebar-link" href="#analytics">Аналитика и отчёты</a>
</div>
<div class="sidebar-section">
<span class="sidebar-label">Настройки</span>
<a class="sidebar-link" href="#import">Импорт данных</a>
<a class="sidebar-link" href="#mobile">Мобильное приложение</a>
<a class="sidebar-link" href="#notifications">Уведомления</a>
</div>
<div class="sidebar-section">
<span class="sidebar-label">Энтерпрайз</span>
<a class="sidebar-link" href="#enterprise">Офлайн-сервер</a>
<a class="sidebar-link" href="#ai">ИИ-ассистент</a>
<a class="sidebar-link" href="#1c">Интеграция с 1С</a>
</div>
</aside>
<!-- MAIN CONTENT -->
<main class="doc-content">
<h1>Документация АгроТО</h1>
<p class="doc-lead">Полное руководство по работе с платформой для управления техническим обслуживанием сельскохозяйственной техники и оборудования.</p>
<!-- INTRO -->
<h2 id="intro">Что такое АгроТО</h2>
<p>АгроТО — это CMMS (Computerized Maintenance Management System) — система управления техническим обслуживанием, разработанная специально для агропромышленных предприятий России.</p>
<p>Платформа объединяет в одном месте весь цикл обслуживания техники: от планового ТО по расписанию до аварийных заявок и учёта запчастей на складе.</p>
<div class="module-grid">
<div class="module-card">
<div class="mc-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg></div>
<h4>Веб + PWA</h4>
<p>Работает в браузере и устанавливается как приложение на iOS и Android</p>
</div>
<div class="module-card">
<div class="mc-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
<h4>Безопасность</h4>
<p>Данные на серверах в России, HTTPS, разграничение прав по ролям</p>
</div>
<div class="module-card">
<div class="mc-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h4>Мультитенантность</h4>
<p>Полная изоляция данных между предприятиями, поддержка нескольких подразделений</p>
</div>
<div class="module-card">
<div class="mc-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div>
<h4>Аналитика</h4>
<p>Дашборд, PDF-отчёты, статистика по задачам, оборудованию, складу</p>
</div>
</div>
<!-- QUICKSTART -->
<h2 id="quickstart">Быстрый старт</h2>
<p>После оформления заявки вы получите доступ к системе. Рекомендуемая последовательность настройки:</p>
<div class="steps">
<div class="step">
<div class="step-num"></div>
<div class="step-body">
<h4>Создайте предприятие и добавьте подразделения</h4>
<p>Настройки → Организация. Укажите название, часовой пояс, подразделения (фермы, участки, цеха).</p>
</div>
</div>
<div class="step">
<div class="step-num"></div>
<div class="step-body">
<h4>Добавьте сотрудников и назначьте роли</h4>
<p>Раздел «Персонал». Создайте учётные записи для механиков, инженеров и руководителя. Каждый получит свой уровень доступа.</p>
</div>
</div>
<div class="step">
<div class="step-num"></div>
<div class="step-body">
<h4>Внесите оборудование</h4>
<p>Раздел «Оборудование». Добавьте технику вручную или импортируйте из Excel. Укажите инвентарные номера, модели, год выпуска, ответственных.</p>
</div>
</div>
<div class="step">
<div class="step-num"></div>
<div class="step-body">
<h4>Настройте расписания ТО</h4>
<p>Для каждой единицы техники создайте планы обслуживания: вид работ, периодичность (дни, моточасы, км), ответственный исполнитель.</p>
</div>
</div>
<div class="step">
<div class="step-num"></div>
<div class="step-body">
<h4>Заполните склад запчастей</h4>
<p>Раздел «Склад». Внесите запчасти с артикулами, минимальными остатками и ценами. Система будет предупреждать об исчерпании запасов.</p>
</div>
</div>
</div>
<div class="callout callout-info">
<strong>Среднее время запуска</strong> — 5 рабочих дней. За каждым новым клиентом закрепляется персональный менеджер, который помогает с настройкой и обучением команды.
</div>
<!-- ROLES -->
<h2 id="roles">Роли и права доступа</h2>
<p>Система использует ролевую модель доступа. Каждый пользователь имеет ровно одну роль в рамках организации.</p>
<div class="role-grid">
<div class="role-card">
<h4>Администратор <span class="tag">admin</span></h4>
<p>Полный доступ: настройки организации, управление пользователями, все модули, удаление данных, PDF-отчёты.</p>
</div>
<div class="role-card">
<h4>Инженер <span class="tag tag-blue">engineer</span></h4>
<p>Создание и редактирование расписаний ТО, оборудования, задач. Управление складом. Просмотр аналитики.</p>
</div>
<div class="role-card">
<h4>Механик <span class="tag tag-orange">mechanic</span></h4>
<p>Выполнение назначенных задач ТО, создание аварийных заявок, отметка работ, добавление комментариев и фото.</p>
</div>
<div class="role-card">
<h4>Наблюдатель <span class="tag">viewer</span></h4>
<p>Только просмотр: оборудование, задачи, склад, аналитика. Не может создавать или изменять данные.</p>
</div>
</div>
<!-- EQUIPMENT -->
<h2 id="equipment">Модуль «Оборудование»</h2>
<p>Центральный справочник всей техники и оборудования предприятия. Поддерживает любые виды: тракторы, комбайны, грузовики, прицепы, сеялки, опрыскиватели, насосные станции, генераторы и прочее.</p>
<h3>Карточка оборудования</h3>
<p>Каждая единица содержит:</p>
<ul>
<li>Наименование, инвентарный номер, заводской серийный номер</li>
<li>Категория, марка, модель, год выпуска</li>
<li>Подразделение и ответственный сотрудник</li>
<li>Фотографии и документы</li>
<li>История всех работ и ремонтов</li>
<li>Журнал наработки (моточасы / километраж)</li>
<li>Связанные запчасти со склада</li>
</ul>
<h3>Статусы оборудования</h3>
<table class="doc-table">
<thead><tr><th>Статус</th><th>Описание</th></tr></thead>
<tbody>
<tr><td><span class="tag" style="background:#e8f8ee;color:#1a6e3a">Активно</span></td><td>Техника в работе, задачи ТО создаются по расписанию</td></tr>
<tr><td><span class="tag tag-orange">В ремонте</span></td><td>Техника на ремонте, временно выведена из эксплуатации</td></tr>
<tr><td><span class="tag" style="background:#fce8e8;color:#a01010">Неисправно</span></td><td>Авария, требует немедленного вмешательства</td></tr>
<tr><td><span class="tag">Списано</span></td><td>Выведено из эксплуатации, история сохраняется</td></tr>
</tbody>
</table>
<!-- MAINTENANCE -->
<h2 id="maintenance">Плановое ТО</h2>
<p>Модуль автоматически создаёт задачи технического обслуживания по заданным расписаниям. Поддерживаются несколько типов периодичности.</p>
<h3>Типы расписаний</h3>
<ul>
<li><strong>Календарное</strong> — каждые N дней, в конкретные даты или дни недели</li>
<li><strong>По наработке</strong> — каждые N моточасов или км пробега</li>
<li><strong>Сезонное</strong> — предсезонная подготовка (весна/осень), зимнее хранение</li>
<li><strong>Разовое</strong> — одноразовая задача с конкретной датой</li>
</ul>
<h3>Жизненный цикл задачи</h3>
<p>Новая → Назначена → В работе → Выполнена / Отменена. Каждый переход фиксируется с временной меткой и исполнителем. К выполненным задачам прикрепляются фото и комментарии.</p>
<div class="callout callout-warn">
<strong>Важно:</strong> задачи с истёкшим сроком автоматически переходят в статус «Просрочено» и выделяются в дашборде. Руководитель получает уведомление.
</div>
<!-- EMERGENCIES -->
<h2 id="emergencies">Аварийные заявки</h2>
<p>Любой сотрудник может создать аварийную заявку прямо с телефона — без доступа к компьютеру. Заявка немедленно появляется у ответственного инженера.</p>
<p>В системе два типа задач: <strong>обычные задачи</strong> (плановое ТО, регламентные работы) и <strong>аварийные заявки</strong>. Аварийная заявка — это всегда критическая ситуация, требующая немедленной реакции. Никаких подуровней нет — если произошла авария, она аварийная.</p>
<!-- INVENTORY -->
<h2 id="inventory">Склад запчастей</h2>
<p>Учёт всего склада запасных частей и расходных материалов с контролем минимальных остатков и историей движения.</p>
<ul>
<li>Каталог позиций с артикулами, ценами, единицами измерения</li>
<li>Привязка запчастей к конкретным единицам оборудования</li>
<li>Автоматическое списание при выполнении задачи ТО</li>
<li>Уведомление при достижении минимального остатка</li>
<li>История прихода и расхода по каждой позиции</li>
<li>Оценка стоимости склада</li>
</ul>
<!-- PERSONNEL -->
<h2 id="personnel">Персонал</h2>
<p>Справочник сотрудников предприятия. Здесь создаются учётные записи, назначаются роли, указываются специализации и подразделения.</p>
<p>К каждому сотруднику привязывается история выполненных работ, что позволяет оценивать нагрузку и производительность механиков.</p>
<!-- ANALYTICS -->
<h2 id="analytics">Аналитика и отчёты</h2>
<p>Дашборд предоставляет оперативную картину состояния парка техники и хода обслуживания.</p>
<h3>Ключевые показатели на дашборде</h3>
<ul>
<li>Количество задач: открытые / просроченные / выполненные за период</li>
<li>Коэффициент готовности парка (% исправной техники)</li>
<li>Аварийные заявки: открытые, среднее время закрытия</li>
<li>Остатки склада: позиции ниже минимума</li>
<li>Загрузка механиков по подразделениям</li>
</ul>
<h3>PDF-отчёты</h3>
<p>Доступны на тарифах Профессиональный и Энтерпрайз. Форматы: сводный отчёт по ТО за период, карточка оборудования с историей работ, отчёт по складу, акт выполненных работ.</p>
<!-- IMPORT -->
<h2 id="import">Импорт данных из Excel</h2>
<p>Для начала работы не нужно вносить данные вручную — поддерживается импорт из Excel-таблиц.</p>
<h3>Что можно импортировать</h3>
<ul>
<li>Справочник оборудования (наименование, инвентарный номер, модель, подразделение)</li>
<li>Расписания ТО (вид работ, периодичность, ответственный)</li>
<li>Каталог склада (артикулы, наименования, количество, цены)</li>
<li>Список сотрудников</li>
</ul>
<div class="callout callout-info">
Если ваш формат данных нестандартный, менеджер поможет с подготовкой шаблона и загрузкой в рамках онбординга.
</div>
<!-- MOBILE -->
<h2 id="mobile">Мобильное приложение</h2>
<p>АгроТО — прогрессивное веб-приложение (PWA). Оно устанавливается на смартфон через браузер без App Store и Google Play.</p>
<h3>Установка на Android</h3>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте сайт app.agroto.ru в Chrome</h4><p>Войдите в свою учётную запись.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «Добавить на главный экран»</h4><p>Появится баннер внизу экрана или через меню браузера (⋮ → Установить приложение).</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Подтвердите установку</h4><p>Значок АгроТО появится на рабочем столе. Приложение запускается без браузерной строки.</p></div></div>
</div>
<h3>Установка на iOS (iPhone / iPad)</h3>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте сайт в Safari</h4><p>Только Safari поддерживает установку PWA на iOS.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите кнопку «Поделиться» (□↑)</h4><p>В нижней панели браузера.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите «На экран Домой»</h4><p>Прокрутите список вниз и нажмите «Добавить».</p></div></div>
</div>
<p>Приложение кэширует данные локально и работает при нестабильном интернете. Действия, выполненные офлайн, синхронизируются при появлении связи.</p>
<!-- NOTIFICATIONS -->
<h2 id="notifications">Уведомления</h2>
<p>Система отправляет push-уведомления прямо на телефон при:</p>
<ul>
<li>Назначении новой задачи ТО на вас</li>
<li>Приближении срока планового ТО (за 3 дня)</li>
<li>Просрочке задачи</li>
<li>Создании новой аварийной заявки</li>
<li>Изменении статуса вашей заявки</li>
<li>Достижении минимального остатка на складе</li>
</ul>
<div class="callout callout-info">
Для получения push-уведомлений необходимо разрешить уведомления при первом входе в систему. Настройки → Уведомления.
</div>
<!-- ENTERPRISE -->
<h2 id="enterprise">Энтерпрайз: офлайн-сервер</h2>
<p>На тарифе Энтерпрайз мы поставляем физический сервер, который разворачивается внутри сети вашего предприятия. Система работает полностью автономно — постоянный доступ к интернету не требуется.</p>
<h3>Что входит в поставку</h3>
<ul>
<li>Настроенный физический сервер с предустановленной АгроТО</li>
<li>Развёртка в локальной сети предприятия (Wi-Fi или LAN)</li>
<li>Доступ с любого устройства в сети без интернета</li>
<li>Офлайн-модель ИИ для работы ИИ-ассистента без облака</li>
<li>Все данные хранятся исключительно на вашем сервере</li>
<li>Периодическая синхронизация обновлений ПО при наличии интернета</li>
</ul>
<div class="callout callout-warn">
<strong>Для кого актуально:</strong> животноводческие комплексы и полевые операции в зонах со слабым покрытием мобильной сети, предприятия с высокими требованиями к защите данных, холдинги в труднодоступных районах.
</div>
<!-- AI -->
<h2 id="ai">ИИ-ассистент</h2>
<p>Встроенный ИИ-ассистент доступен во всех тарифах в облачном режиме и на тарифе Энтерпрайз — в офлайн-режиме на локальном сервере.</p>
<h3>Что умеет ассистент</h3>
<ul>
<li>Отвечать на вопросы по обслуживанию конкретной техники</li>
<li>Помогать описывать неисправности в аварийных заявках</li>
<li>Предлагать типовые регламенты ТО на основе марки и модели</li>
<li>Анализировать историю поломок и формировать рекомендации</li>
<li>Формировать текстовые отчёты по данным системы</li>
</ul>
<!-- 1C -->
<h2 id="1c">Интеграция с 1С</h2>
<p>Доступна на тарифе Энтерпрайз. Интеграция <strong>односторонняя</strong>: АгроТО получает данные из 1С, но не передаёт данные обратно. Это позволяет не дублировать учёт — всё что уже есть в 1С автоматически попадает в АгроТО.</p>
<h3>Что приходит из 1С в АгроТО</h3>
<ul>
<li><strong>Склад запчастей и материалов</strong> — номенклатура, текущие остатки, приход и расход. Главное — вам не нужно вести склад в двух системах.</li>
<li>Справочник оборудования и основных средств</li>
<li>Контрагенты (поставщики запчастей)</li>
</ul>
<div class="callout callout-info">
<strong>Важно:</strong> данные идут из 1С в АгроТО, но не наоборот. АгроТО не вносит изменения в вашу 1С.
</div>
<p>Детали настройки обсуждаются с техническим специалистом. Поддерживаются конфигурации: 1С:Сельскохозяйственное предприятие, 1С:ERP, 1С:Управление торговлей.</p>
</main>
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
<script>
// Активный пункт сайдбара при скролле
const sections = document.querySelectorAll('h2[id]');
const links = document.querySelectorAll('.sidebar-link');
const obs = new IntersectionObserver(entries => {
entries.forEach(e => {
if (e.isIntersecting) {
links.forEach(l => l.classList.remove('active'));
const active = document.querySelector('.sidebar-link[href="#' + e.target.id + '"]');
if (active) active.classList.add('active');
}
});
}, { rootMargin: '-20% 0px -70% 0px' });
sections.forEach(s => obs.observe(s));
</script>
</body>
</html>
+1728
View File
File diff suppressed because it is too large Load Diff
+897
View File
@@ -0,0 +1,897 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>База знаний — АгроТО</title>
<meta name="description" content="Практические руководства и ответы на частые вопросы по работе с платформой АгроТО.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root{
--g50:#f2f8f4;--g100:#dff0e6;--g200:#b8ddc6;--g300:#82c49d;--g400:#4a9e64;
--g500:#2d8049;--g600:#246639;--g700:#1e5a33;--g800:#174829;--g900:#0f2f1b;
--ink:#111917;--ink2:#2d3b34;--ink3:#6b7f74;
--white:#ffffff;--bg:#f7f9f7;--bg2:#f0f4f1;--sand:#dde5de;
--r1:8px;--r2:12px;--r3:16px;
--sh1:0 1px 4px rgba(0,0,0,.06);--sh2:0 4px 16px rgba(0,0,0,.08);
--t:.18s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
a{color:var(--g600);text-decoration:none}
a:hover{color:var(--g800)}
/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
border-bottom:1px solid var(--sand);padding:0 max(24px,calc((100vw - 1160px)/2));
display:flex;align-items:center;justify-content:space-between;height:60px}
.nav-logo{display:flex;align-items:center;gap:8px;font-family:'Onest',sans-serif;font-weight:600;font-size:1rem;color:var(--ink)}
.nav-mark{width:28px;height:28px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.nav-links-right{display:flex;align-items:center;gap:16px}
.nav-links-right a{font-size:0.85rem;color:var(--ink2)}
.btn-sm{padding:7px 16px;border-radius:var(--r1);font-size:0.82rem;font-weight:600;background:var(--g700);color:white;transition:var(--t)}
.btn-sm:hover{background:var(--g900);color:white}
.doc-badge{display:inline-flex;align-items:center;gap:5px;background:var(--g50);border:1px solid var(--g200);
color:var(--g700);font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:99px}
/* HERO */
.kb-hero{background:var(--g900);padding:64px max(24px,calc((100vw - 1160px)/2)) 48px;text-align:center}
.kb-hero h1{font-family:'Onest',sans-serif;font-size:2.2rem;font-weight:700;color:white;margin-bottom:12px}
.kb-hero p{font-size:1rem;color:rgba(255,255,255,0.6);margin-bottom:32px}
.kb-search-wrap{max-width:520px;margin:0 auto;position:relative}
.kb-search{width:100%;height:48px;padding:0 48px 0 18px;border-radius:var(--r2);border:none;
font-size:0.95rem;color:var(--ink);outline:none;font-family:inherit}
.kb-search::placeholder{color:var(--ink3)}
.kb-search-ico{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink3)}
/* LAYOUT */
.kb-wrap{max-width:1100px;margin:0 auto;padding:56px 24px 96px}
/* CATEGORY TABS */
.kb-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.kb-cat{padding:7px 16px;border-radius:99px;border:1.5px solid var(--sand);font-size:0.83rem;
font-weight:500;color:var(--ink2);cursor:pointer;transition:var(--t);background:var(--white)}
.kb-cat:hover{border-color:var(--g300);color:var(--g700)}
.kb-cat.active{background:var(--g700);color:white;border-color:var(--g700)}
/* SECTIONS */
.kb-section{margin-bottom:56px}
.kb-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.kb-section-ico{width:36px;height:36px;border-radius:10px;background:var(--g50);border:1px solid var(--g100);
display:flex;align-items:center;justify-content:center}
.kb-section-ico svg{width:18px;height:18px;stroke:var(--g600)}
.kb-section-title{font-family:'Onest',sans-serif;font-size:1.2rem;font-weight:600;color:var(--ink)}
/* ARTICLE CARDS */
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kb-card{border:1px solid var(--sand);border-radius:var(--r2);padding:20px;background:var(--white);
transition:box-shadow var(--t),border-color var(--t);cursor:pointer;display:block}
.kb-card:hover{box-shadow:var(--sh2);border-color:var(--g200)}
.kb-card-tag{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;
color:var(--g500);margin-bottom:8px;display:block}
.kb-card h3{font-size:0.9rem;font-weight:600;color:var(--ink);line-height:1.45;margin-bottom:8px}
.kb-card p{font-size:0.8rem;color:var(--ink3);line-height:1.55;margin:0}
.kb-card-arrow{display:flex;align-items:center;gap:4px;font-size:0.78rem;color:var(--g500);margin-top:14px;font-weight:500}
/* ARTICLE VIEW */
.kb-article-wrap{display:none;max-width:760px}
.kb-article-wrap.show{display:block}
.kb-back{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--ink3);
margin-bottom:28px;cursor:pointer;transition:color var(--t)}
.kb-back:hover{color:var(--g700)}
.kb-article h1{font-family:'Onest',sans-serif;font-size:1.8rem;font-weight:700;color:var(--ink);margin-bottom:12px}
.kb-article .meta{font-size:0.8rem;color:var(--ink3);margin-bottom:32px;display:flex;gap:16px}
.kb-article h2{font-size:1.1rem;font-weight:600;color:var(--ink);margin:32px 0 12px}
.kb-article p{font-size:0.92rem;color:var(--ink2);line-height:1.75;margin-bottom:14px}
.kb-article ul,.kb-article ol{padding-left:20px;margin-bottom:14px}
.kb-article li{font-size:0.92rem;color:var(--ink2);line-height:1.75;margin-bottom:4px}
.callout{border-radius:var(--r2);padding:14px 18px;margin:18px 0;font-size:0.88rem;line-height:1.65}
.callout-info{background:var(--g50);border-left:3px solid var(--g400);color:var(--ink2)}
.callout-warn{background:#fffbf0;border-left:3px solid #f0a500;color:#5a4200}
.callout strong{font-weight:600}
.steps{counter-reset:step;display:flex;flex-direction:column;gap:14px;margin:16px 0}
.step{display:flex;gap:14px;align-items:flex-start}
.step-num{counter-increment:step;min-width:26px;height:26px;border-radius:50%;background:var(--g700);
color:white;font-size:0.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step-num::before{content:counter(step)}
.step-body h4{font-size:0.9rem;font-weight:600;color:var(--ink);margin-bottom:3px}
.step-body p{font-size:0.85rem;color:var(--ink3);margin:0;line-height:1.55}
/* POPULAR */
.kb-popular{background:var(--bg);border-radius:var(--r3);padding:32px;margin-bottom:48px}
.kb-popular h2{font-family:'Onest',sans-serif;font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:16px}
.kb-popular-list{display:flex;flex-direction:column;gap:0}
.kb-popular-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--sand);cursor:pointer}
.kb-popular-item:last-child{border-bottom:none}
.kb-popular-item:hover .kp-title{color:var(--g700)}
.kp-num{font-size:0.72rem;font-weight:700;color:var(--ink3);min-width:18px}
.kp-title{font-size:0.88rem;color:var(--ink2);transition:color var(--t)}
.kp-arr{margin-left:auto;color:var(--ink3)}
/* SEARCH RESULTS */
.kb-no-results{text-align:center;padding:48px;color:var(--ink3);display:none}
.kb-no-results.show{display:block}
footer{border-top:1px solid var(--sand);padding:24px max(24px,calc((100vw - 1160px)/2));
display:flex;justify-content:space-between;align-items:center}
footer p{font-size:0.8rem;color:var(--ink3)}
footer a{font-size:0.8rem;color:var(--g500)}
@media(max-width:860px){
.kb-grid{grid-template-columns:1fr 1fr}
.kb-hero h1{font-size:1.6rem}
}
@media(max-width:560px){
.kb-grid{grid-template-columns:1fr}
}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:'Onest',sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-family:'Onest',sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color 0.22s ease}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
:root{--g900:#173626;--g700:#1e5c3a;--g500:#2d7d53;--g400:#3d9966;--g300:#5db37d;--g50:#eef8f2;--bg:#faf9f6;--ink:#151515;--ink2:#404040;--ink3:#767676;--sand:#e6e0d5;--t:.22s ease}
.cta-section{background:var(--g900);text-align:center;padding:96px max(24px,calc((100vw - 1160px)/2));position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(45,125,83,0.25) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1}
.cta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:white;margin-bottom:20px}
.cta-eyebrow::before{content:'';width:18px;height:2px;background:var(--g400);border-radius:2px}
.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:white;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.15}
.cta-section h2 em{font-style:italic;color:var(--g300)}
.cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.6);margin-bottom:40px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:inherit;font-size:0.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-xl{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px}
.btn-cta-white{background:white;color:var(--g900)}
.btn-cta-white:hover{background:var(--g50);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,0.75);border:1.5px solid rgba(255,255,255,0.2)}
.btn-cta-ghost:hover{background:rgba(255,255,255,0.08);color:white;border-color:rgba(255,255,255,0.35)}
.cta-note{font-size:0.82rem;color:rgba(255,255,255,0.4)}
.cta-note a{color:rgba(255,255,255,0.6);border-bottom:1px dashed rgba(255,255,255,0.25)}
.cta-note a:hover{color:white}
footer{background:var(--bg);border-top:1px solid var(--sand);padding:60px max(24px,calc((100vw - 1160px)/2)) 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:30px;height:30px;border-radius:7px;background:var(--g700);display:flex;align-items:center;justify-content:center}
.footer-logo-mark svg{width:14px;height:14px}
.footer-logo-name{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--ink)}
.footer-tagline{font-size:0.85rem;color:var(--ink3);line-height:1.65;max-width:260px;margin-bottom:20px}
.footer-contact{font-size:0.82rem;color:var(--ink3)}
.footer-contact a{color:var(--g500)}
.footer-col h4{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}
.footer-col ul a{font-size:0.88rem;color:var(--ink2);transition:color var(--t);text-decoration:none}
.footer-col ul a:hover{color:var(--g700)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sand);padding-top:24px}
.footer-bottom p{font-size:0.8rem;color:var(--ink3)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-section{padding:72px 24px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
</style>
</head>
<body>
<nav>
<a href="/" class="nav-logo">
<div class="nav-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
</div>
АгроТО
</a>
<span class="doc-badge">
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
База знаний
</span>
<div class="nav-links-right">
<a href="/docs.html">Документация</a>
<a href="https://app.agroto.ru" class="btn-sm">Войти в систему</a>
</div>
</nav>
<!-- HERO + SEARCH -->
<div class="kb-hero">
<h1>База знаний АгроТО</h1>
<p>Пошаговые инструкции, ответы на вопросы и практические советы</p>
<div class="kb-search-wrap">
<input class="kb-search" type="text" id="kbSearch" placeholder="Поиск по статьям...">
<span class="kb-search-ico">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
</span>
</div>
</div>
<div class="kb-wrap">
<!-- ARTICLE READER (скрыт по умолчанию) -->
<div class="kb-article-wrap" id="articleWrap">
<div class="kb-back" onclick="closeArticle()">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 5l-7 7 7 7"/></svg>
Все статьи
</div>
<div class="kb-article" id="articleContent"></div>
</div>
<!-- СПИСОК СТАТЕЙ -->
<div id="kbMain">
<!-- ПОПУЛЯРНОЕ -->
<div class="kb-popular">
<h2>🔥 Популярные статьи</h2>
<div class="kb-popular-list">
<div class="kb-popular-item" onclick="openArticle('add-equipment')">
<span class="kp-num">1</span>
<span class="kp-title">Как добавить единицу оборудования</span>
<svg class="kp-arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</div>
<div class="kb-popular-item" onclick="openArticle('create-schedule')">
<span class="kp-num">2</span>
<span class="kp-title">Настройка расписания планового ТО</span>
<svg class="kp-arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</div>
<div class="kb-popular-item" onclick="openArticle('emergency-request')">
<span class="kp-num">3</span>
<span class="kp-title">Как создать аварийную заявку</span>
<svg class="kp-arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</div>
<div class="kb-popular-item" onclick="openArticle('install-pwa')">
<span class="kp-num">4</span>
<span class="kp-title">Установка приложения на телефон (PWA)</span>
<svg class="kp-arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</div>
<div class="kb-popular-item" onclick="openArticle('excel-import')">
<span class="kp-num">5</span>
<span class="kp-title">Импорт оборудования из Excel</span>
<svg class="kp-arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</div>
</div>
</div>
<!-- ФИЛЬТР -->
<div class="kb-cats" id="kbCats">
<div class="kb-cat active" data-cat="all">Все статьи</div>
<div class="kb-cat" data-cat="start">Начало работы</div>
<div class="kb-cat" data-cat="equipment">Оборудование</div>
<div class="kb-cat" data-cat="maintenance">Плановое ТО</div>
<div class="kb-cat" data-cat="emergency">Аварийные заявки</div>
<div class="kb-cat" data-cat="inventory">Склад</div>
<div class="kb-cat" data-cat="mobile">Мобильное</div>
</div>
<div class="kb-no-results" id="kbNoResults">По вашему запросу статей не найдено</div>
<!-- НАЧАЛО РАБОТЫ -->
<div class="kb-section" data-cat="start">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22,4 12,14.01 9,11.01"/></svg></div>
<span class="kb-section-title">Начало работы</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('first-login')">
<span class="kb-card-tag">Начало работы</span>
<h3>Первый вход и настройка организации</h3>
<p>Как настроить предприятие, подразделения и часовой пояс при первом входе</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('add-users')">
<span class="kb-card-tag">Начало работы</span>
<h3>Добавление сотрудников и назначение ролей</h3>
<p>Как создать учётные записи для механиков, инженеров и руководителей</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('excel-import')">
<span class="kb-card-tag">Начало работы</span>
<h3>Импорт оборудования из Excel</h3>
<p>Быстрый перенос справочника техники из таблиц в систему без ручного ввода</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
<!-- ОБОРУДОВАНИЕ -->
<div class="kb-section" data-cat="equipment">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg></div>
<span class="kb-section-title">Оборудование</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('add-equipment')">
<span class="kb-card-tag">Оборудование</span>
<h3>Как добавить единицу оборудования</h3>
<p>Пошаговая инструкция: заполнение карточки, категория, ответственный, фото</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('equipment-status')">
<span class="kb-card-tag">Оборудование</span>
<h3>Статусы оборудования: когда и как менять</h3>
<p>Разбор всех статусов: активно, в ремонте, неисправно, списано</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('work-hours')">
<span class="kb-card-tag">Оборудование</span>
<h3>Учёт моточасов и пробега</h3>
<p>Как вносить наработку и привязывать расписания ТО к показаниям счётчиков</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
<!-- ПЛАНОВОЕ ТО -->
<div class="kb-section" data-cat="maintenance">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></div>
<span class="kb-section-title">Плановое ТО</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('create-schedule')">
<span class="kb-card-tag">Плановое ТО</span>
<h3>Настройка расписания планового ТО</h3>
<p>Как создать расписание, выбрать периодичность и назначить ответственного</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('complete-task')">
<span class="kb-card-tag">Плановое ТО</span>
<h3>Как отметить задачу выполненной</h3>
<p>Закрытие задачи, добавление фото и комментариев, списание запчастей</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('overdue-tasks')">
<span class="kb-card-tag">Плановое ТО</span>
<h3>Работа с просроченными задачами</h3>
<p>Почему задачи уходят в просрочку и как правильно их обрабатывать</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
<!-- АВАРИЙНЫЕ ЗАЯВКИ -->
<div class="kb-section" data-cat="emergency">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div>
<span class="kb-section-title">Аварийные заявки</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('emergency-request')">
<span class="kb-card-tag">Аварийные заявки</span>
<h3>Как создать аварийную заявку</h3>
<p>Пошаговая инструкция создания заявки с телефона, выбор приоритета и техники</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('emergency-workflow')">
<span class="kb-card-tag">Аварийные заявки</span>
<h3>Жизненный цикл аварийной заявки</h3>
<p>Как заявка проходит путь от открытия до закрытия, кто и что делает на каждом этапе</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('priority-guide')">
<span class="kb-card-tag">Аварийные заявки</span>
<h3>Как правильно выбрать приоритет заявки</h3>
<p>Критерии для определения критического, высокого, среднего и низкого приоритета</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
<!-- СКЛАД -->
<div class="kb-section" data-cat="inventory">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></div>
<span class="kb-section-title">Склад запчастей</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('add-part')">
<span class="kb-card-tag">Склад</span>
<h3>Добавление запчасти на склад</h3>
<p>Создание позиции: артикул, единицы измерения, минимальный остаток, привязка к технике</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('low-stock')">
<span class="kb-card-tag">Склад</span>
<h3>Настройка оповещений о минимальном остатке</h3>
<p>Как система предупреждает об исчерпании запасов и кто получает уведомления</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('writeoff')">
<span class="kb-card-tag">Склад</span>
<h3>Списание запчастей при выполнении работ</h3>
<p>Автоматическое и ручное списание расходников при закрытии задач ТО</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
<!-- МОБИЛЬНОЕ -->
<div class="kb-section" data-cat="mobile">
<div class="kb-section-header">
<div class="kb-section-ico"><svg fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg></div>
<span class="kb-section-title">Мобильное приложение</span>
</div>
<div class="kb-grid">
<div class="kb-card" onclick="openArticle('install-pwa')">
<span class="kb-card-tag">Мобильное</span>
<h3>Установка приложения на телефон (PWA)</h3>
<p>Инструкция для Android и iOS: как добавить АгроТО на главный экран</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('offline-work')">
<span class="kb-card-tag">Мобильное</span>
<h3>Работа в офлайн-режиме</h3>
<p>Что доступно без интернета, как синхронизируются данные при появлении связи</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
<div class="kb-card" onclick="openArticle('push-setup')">
<span class="kb-card-tag">Мобильное</span>
<h3>Настройка push-уведомлений</h3>
<p>Как разрешить уведомления и настроить фильтры под свою роль</p>
<div class="kb-card-arrow">Читать <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
</div>
</div>
</div>
</div><!-- /kbMain -->
</div>
<section class="cta-section">
<div class="cta-inner">
<div class="cta-eyebrow">Начните сегодня</div>
<h2>Возьмите оборудование<br><em>под контроль</em></h2>
<p class="cta-sub">Быстрое внедрение. Персональная поддержка на старте.</p>
<div class="cta-actions">
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-white">
Начать работу
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="https://app.agroto.ru" class="btn btn-xl btn-cta-ghost">Смотреть демо</a>
</div>
<p class="cta-note">Или напишите нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
</section>
<footer>
<div class="footer-grid">
<div>
<div class="footer-logo">
<div class="footer-logo-mark">
<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<span class="footer-logo-name">АгроТО</span>
</div>
<p class="footer-tagline">CMMS-платформа для управления обслуживанием оборудования на агропредприятиях России.</p>
<p class="footer-contact">Написать нам: <a href="mailto:info@agroto.ru">info@agroto.ru</a></p>
</div>
<div class="footer-col">
<h4>Продукт</h4>
<ul>
<li><a href="/#features">Возможности</a></li>
<li><a href="/#pricing">Тарифы</a></li>
<li><a href="/#how">Как работает</a></li>
<li><a href="/#faq">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Компания</h4>
<ul>
<li><a href="/about.html">О нас</a></li>
<li><a href="/blog.html">Блог</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Поддержка</h4>
<ul>
<li><a href="/docs.html">Документация</a></li>
<li><a href="/kb.html">База знаний</a></li>
<li><a href="mailto:info@agroto.ru">Email</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 АгроТО. Все права защищены.</p>
<p>Сделано в России 🇷🇺</p>
</div>
</footer>
<script>
// Контент статей
const articles = {
'add-equipment': {
tag:'Оборудование', title:'Как добавить единицу оборудования',
content:`
<p>Раздел «Оборудование» — центральный справочник всей техники предприятия. Вот как добавить новую единицу.</p>
<h2>Пошаговая инструкция</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Перейдите в раздел «Оборудование»</h4><p>В левом меню системы нажмите «Оборудование» или используйте быстрый доступ с дашборда.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «+ Добавить»</h4><p>Кнопка в правом верхнем углу страницы.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Заполните основные поля</h4><p>Наименование (обязательно), категория (трактор, комбайн, грузовик и т.д.), марка и модель, год выпуска, инвентарный номер.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Укажите подразделение и ответственного</h4><p>Выберите участок или ферму, назначьте механика или инженера, ответственного за эту технику.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Добавьте фото (опционально)</h4><p>Загрузите фотографию техники — это поможет сотрудникам быстро идентифицировать оборудование в списке.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Сохраните карточку</h4><p>Нажмите «Сохранить». Оборудование появится в общем списке со статусом «Активно».</p></div></div>
</div>
<div class="callout callout-info"><strong>Совет:</strong> Если у вас много техники, воспользуйтесь импортом из Excel — это значительно быстрее ручного ввода.</div>
<h2>Что делать дальше</h2>
<p>После добавления оборудования создайте для него расписание планового ТО: перейдите в карточку техники и нажмите «+ Добавить расписание».</p>
`
},
'create-schedule': {
tag:'Плановое ТО', title:'Настройка расписания планового ТО',
content:`
<p>Расписания позволяют системе автоматически создавать задачи ТО в нужные сроки без ручного контроля.</p>
<h2>Типы расписаний</h2>
<ul>
<li><strong>Календарное</strong> — каждые N дней или в конкретные даты</li>
<li><strong>По наработке</strong> — каждые N моточасов или км пробега</li>
<li><strong>Сезонное</strong> — весенняя/осенняя подготовка, зимнее хранение</li>
<li><strong>Разовое</strong> — задача на конкретную дату</li>
</ul>
<h2>Как создать расписание</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте карточку оборудования</h4><p>Найдите нужную технику в разделе «Оборудование» и перейдите в её карточку.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Перейдите на вкладку «Расписания ТО»</h4><p>Нажмите «+ Добавить расписание».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите тип и периодичность</h4><p>Например: «Замена масла» → Календарное → каждые 90 дней.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Назначьте ответственного</h4><p>Выберите механика или инженера — он получит уведомление при создании задачи.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Укажите дату первой задачи</h4><p>Система создаст первую задачу в эту дату, далее — автоматически по расписанию.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Сохраните расписание</h4><p>Расписание активируется сразу. Ближайшая задача появится в разделе «Задачи ТО».</p></div></div>
</div>
<div class="callout callout-warn"><strong>Важно:</strong> Задачи создаются автоматически — за 3 дня до срока исполнитель получает push-уведомление.</div>
`
},
'emergency-request': {
tag:'Аварийные заявки', title:'Как создать аварийную заявку',
content:`
<p>Аварийную заявку может создать любой сотрудник — прямо с телефона, даже в поле.</p>
<h2>Создание заявки</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «+ Аварийная заявка»</h4><p>Кнопка доступна на главном экране приложения и в разделе «Аварийные заявки».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите оборудование</h4><p>Найдите технику по названию или инвентарному номеру. Можно отсканировать QR-код с техники.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Опишите неисправность</h4><p>Коротко и чётко: что происходит, когда заметили, какие симптомы. ИИ-ассистент поможет сформулировать описание.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите приоритет</h4><p>Критический — техника полностью встала. Высокий — работает с ограничениями. Средний/Низкий — незначительная неисправность.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Прикрепите фото (рекомендуется)</h4><p>Фотография неисправности значительно ускоряет диагностику инженером.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Отправьте заявку</h4><p>Заявка мгновенно появляется у ответственного инженера с push-уведомлением.</p></div></div>
</div>
<div class="callout callout-info"><strong>Что происходит дальше:</strong> Инженер принимает заявку в работу, назначает механика и отслеживает выполнение. Вы получаете уведомления при каждом изменении статуса.</div>
`
},
'install-pwa': {
tag:'Мобильное', title:'Установка приложения на телефон (PWA)',
content:`
<p>АгроТО — прогрессивное веб-приложение (PWA). Оно работает как обычное приложение, но устанавливается прямо из браузера — без App Store и Google Play.</p>
<h2>Android (Chrome)</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте app.agroto.ru в Chrome</h4><p>Войдите под своей учётной записью.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Примите предложение установить</h4><p>Снизу появится баннер «Добавить АгроТО на главный экран». Нажмите «Установить».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Если баннера нет</h4><p>Нажмите ⋮ (меню Chrome) → «Установить приложение» или «Добавить на главный экран».</p></div></div>
</div>
<h2>iOS (iPhone / iPad)</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте app.agroto.ru в Safari</h4><p>Только Safari поддерживает установку PWA на устройствах Apple.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите кнопку «Поделиться»</h4><p>Значок квадрата со стрелкой вверх — в нижней панели браузера.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите «На экран «Домой»»</h4><p>Прокрутите список действий и нажмите «На экран "Домой"», затем «Добавить».</p></div></div>
</div>
<div class="callout callout-info"><strong>Офлайн-работа:</strong> После установки приложение кэширует данные. При потере связи вы сможете просматривать задачи и вносить отметки — они синхронизируются при появлении интернета.</div>
`
},
'excel-import': {
tag:'Начало работы', title:'Импорт оборудования из Excel',
content:`
<p>Если у вас уже есть список техники в Excel — не нужно вводить всё вручную. Система поддерживает импорт справочника оборудования.</p>
<h2>Подготовка файла</h2>
<p>Скачайте шаблон в разделе «Оборудование» → «Импорт» → «Скачать шаблон». Заполните обязательные колонки:</p>
<ul>
<li><strong>Наименование</strong> — название техники (обязательно)</li>
<li><strong>Категория</strong> — трактор, комбайн, грузовик, прицеп, и т.д.</li>
<li><strong>Марка и Модель</strong> — производитель и модификация</li>
<li><strong>Инвентарный номер</strong> — уникальный номер на предприятии</li>
<li><strong>Год выпуска</strong> — четыре цифры</li>
<li><strong>Подразделение</strong> — должно совпадать с названием в системе</li>
</ul>
<div class="callout callout-warn"><strong>Важно:</strong> Категории и подразделения в файле должны в точности совпадать с теми, что заведены в системе. Создайте их заранее в разделе «Настройки».</div>
<h2>Загрузка файла</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте раздел «Оборудование»</h4><p>Нажмите «Импорт» → «Загрузить Excel».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите подготовленный файл</h4><p>Форматы: .xlsx, .xls, .csv. Размер до 10 МБ.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Проверьте предпросмотр</h4><p>Система покажет, что будет импортировано, и выделит строки с ошибками.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Подтвердите импорт</h4><p>Нажмите «Импортировать». Оборудование добавится в справочник.</p></div></div>
</div>
<div class="callout callout-info">Если формат ваших данных нестандартный, обратитесь к менеджеру — поможем подготовить файл в рамках онбординга.</div>
`
},
'first-login': {
tag:'Начало работы', title:'Первый вход и настройка организации',
content:`
<p>После получения доступа к системе первым делом настройте организацию — это займёт 10–15 минут.</p>
<h2>Настройка организации</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Войдите в систему</h4><p>Перейдите на app.agroto.ru и введите логин и пароль из письма. Сразу смените пароль в настройках профиля.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Настройте профиль организации</h4><p>Настройки → Организация. Укажите полное название, ИНН (опционально), часовой пояс и регион.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Создайте подразделения</h4><p>Настройки → Подразделения. Добавьте фермы, участки, цеха — всё, что есть на предприятии. Они понадобятся при добавлении техники и сотрудников.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Настройте категории оборудования</h4><p>По умолчанию доступны базовые категории. При необходимости добавьте свои в Настройки → Категории.</p></div></div>
</div>
<div class="callout callout-info"><strong>Следующий шаг:</strong> Добавьте сотрудников и внесите оборудование — вручную или через импорт Excel.</div>
`
},
'add-users': {
tag:'Начало работы', title:'Добавление сотрудников и назначение ролей',
content:`
<p>Каждый сотрудник получает отдельную учётную запись с нужным уровнем доступа.</p>
<h2>Роли в системе</h2>
<ul>
<li><strong>Администратор</strong> — полный доступ, управление пользователями и настройками</li>
<li><strong>Инженер</strong> — создание расписаний, управление оборудованием и складом, аналитика</li>
<li><strong>Механик</strong> — выполнение задач, создание аварийных заявок, добавление фото</li>
<li><strong>Наблюдатель</strong> — только просмотр, без возможности изменений</li>
</ul>
<h2>Как добавить сотрудника</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Перейдите в «Персонал»</h4><p>Нажмите «+ Добавить сотрудника».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Введите данные</h4><p>Имя, фамилия, должность, подразделение, email или телефон для входа.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите роль</h4><p>Назначьте роль исходя из обязанностей сотрудника.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Сохраните и отправьте приглашение</h4><p>Сотрудник получит письмо или SMS с данными для первого входа.</p></div></div>
</div>
<div class="callout callout-warn"><strong>Рекомендация:</strong> Не давайте роль Администратора всем подряд. Механикам достаточно роли Механик — они увидят только свои задачи.</div>
`
},
'offline-work': {
tag:'Мобильное', title:'Работа в офлайн-режиме',
content:`
<p>АгроТО разработан с учётом реалий сельской местности — нестабильный или отсутствующий интернет не останавливает работу.</p>
<h2>Что доступно без интернета</h2>
<ul>
<li>Просмотр назначенных задач ТО</li>
<li>Отметка задачи как выполненной</li>
<li>Добавление комментариев к задачам</li>
<li>Создание аварийной заявки</li>
<li>Просмотр карточек оборудования</li>
<li>Просмотр склада (закэшированные данные)</li>
</ul>
<h2>Синхронизация</h2>
<p>Все действия, выполненные офлайн, сохраняются в очереди на устройстве. Как только появляется интернет (Wi-Fi или мобильная сеть) — данные автоматически синхронизируются с сервером.</p>
<div class="callout callout-info"><strong>На тарифе Энтерпрайз</strong> с физическим сервером на предприятии интернет вообще не требуется: система работает в локальной сети круглосуточно.</div>
`
},
'complete-task': {
tag:'Плановое ТО', title:'Как отметить задачу выполненной',
content:`
<p>Закрытие задачи фиксирует факт выполнения работ, списывает запчасти и обновляет историю оборудования.</p>
<h2>Инструкция</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте задачу</h4><p>В разделе «Задачи ТО» найдите свою задачу или откройте её из уведомления.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «Взять в работу»</h4><p>Статус изменится на «В работе». Зафиксируется время начала.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выполните работы</h4><p>Следуйте описанию задачи. Если нужна помощь — используйте ИИ-ассистент прямо в карточке задачи.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Добавьте комментарий и фото</h4><p>Опишите что было сделано, какие аномалии обнаружены. Прикрепите фото результата.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Спишите запчасти</h4><p>Если расходники использовались — укажите позиции и количество. Склад обновится автоматически.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «Выполнено»</h4><p>Задача закрывается. Следующая по расписанию создастся автоматически.</p></div></div>
</div>
`
},
'overdue-tasks': {
tag:'Плановое ТО', title:'Работа с просроченными задачами',
content:`
<p>Просроченные задачи — важный сигнал: запланированное ТО не выполнено в срок. Игнорировать их нельзя.</p>
<h2>Почему задачи уходят в просрочку</h2>
<ul>
<li>Исполнитель не получил или не увидел уведомление</li>
<li>Техника была в ремонте и недоступна</li>
<li>Не было нужных запчастей</li>
<li>Задача была назначена уволившемуся сотруднику</li>
</ul>
<h2>Как обработать просроченную задачу</h2>
<p>Просроченные задачи отображаются красным на дашборде. Инженер или администратор должны:</p>
<ul>
<li>Выяснить причину просрочки через комментарии</li>
<li>Переназначить исполнителя при необходимости</li>
<li>Перенести срок или закрыть с пометкой о причине</li>
</ul>
<div class="callout callout-warn"><strong>Не удаляйте просроченные задачи</strong> без фиксации причины — история ТО важна для анализа надёжности техники.</div>
`
},
'emergency-workflow': {
tag:'Аварийные заявки', title:'Жизненный цикл аварийной заявки',
content:`
<p>Аварийная заявка проходит несколько этапов от момента создания до закрытия.</p>
<h2>Этапы заявки</h2>
<ul>
<li><strong>Новая</strong> — только что создана, ждёт реакции инженера</li>
<li><strong>В работе</strong> — инженер принял, механик назначен</li>
<li><strong>Ожидает запчасти</strong> — нужны запчасти со склада или внешний заказ</li>
<li><strong>Выполнена</strong> — работы завершены, техника в строю</li>
<li><strong>Отменена</strong> — заявка оказалась ошибочной или дублирующей</li>
</ul>
<h2>Кто что делает</h2>
<ul>
<li><strong>Заявитель (любой сотрудник)</strong> — создаёт заявку, прикладывает фото</li>
<li><strong>Инженер</strong> — принимает, оценивает, назначает механика и запчасти</li>
<li><strong>Механик</strong> — выполняет ремонт, отмечает выполнение, добавляет комментарий</li>
<li><strong>Администратор</strong> — видит всё, контролирует сроки реакции</li>
</ul>
<div class="callout callout-info">Каждый участник получает push-уведомление при изменении статуса заявки, которая к нему относится.</div>
`
},
'priority-guide': {
tag:'Аварийные заявки', title:'Как правильно выбрать приоритет заявки',
content:`
<p>Правильный приоритет помогает инженеру быстро понять срочность и принять верное решение о распределении ресурсов.</p>
<h2>Критерии выбора</h2>
<ul>
<li><strong>Критический</strong> — техника полностью встала, работы остановлены, угроза урожаю или безопасности людей. Реакция: до 2 часов.</li>
<li><strong>Высокий</strong> — серьёзная неисправность, техника работает с ограничениями, производительность упала. Реакция: до 8 часов.</li>
<li><strong>Средний</strong> — неисправность есть, но техника способна продолжать работу без критических рисков. Реакция: до 24 часов.</li>
<li><strong>Низкий</strong> — незначительный дефект, не влияет на производительность, можно устранить в плановом порядке. Реакция: до 72 часов.</li>
</ul>
<div class="callout callout-warn"><strong>Правило:</strong> Лучше поставить приоритет выше, чем занизить его. Инженер сам скорректирует при необходимости.</div>
`
},
'add-part': {
tag:'Склад', title:'Добавление запчасти на склад',
content:`
<p>Склад в АгроТО — это не просто список позиций, а инструмент контроля наличия запчастей и расходников.</p>
<h2>Как добавить позицию</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Перейдите в раздел «Склад»</h4><p>Нажмите «+ Добавить позицию».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Заполните карточку</h4><p>Наименование, артикул (каталожный номер), единица измерения (шт, л, кг, м), текущий остаток, цена за единицу.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Установите минимальный остаток</h4><p>Когда количество упадёт ниже этого значения — система отправит уведомление ответственному.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Привяжите к оборудованию (опционально)</h4><p>Укажите, для какой техники предназначена запчасть. Это упрощает поиск нужной позиции при закрытии задач.</p></div></div>
</div>
`
},
'low-stock': {
tag:'Склад', title:'Настройка оповещений о минимальном остатке',
content:`
<p>Система автоматически следит за остатками и предупреждает заранее — до того, как запчасти закончатся в самый неподходящий момент.</p>
<h2>Как работают оповещения</h2>
<p>Для каждой позиции на складе задаётся минимальный остаток (порог). Как только фактическое количество опускается ниже — инженер и администратор получают уведомление.</p>
<h2>Где видны позиции с низким остатком</h2>
<ul>
<li>На дашборде в блоке «Склад» — счётчик позиций ниже минимума</li>
<li>В разделе «Склад» позиции помечаются красным</li>
<li>В push-уведомлении с названием позиции и текущим остатком</li>
</ul>
<h2>Правила хорошего минимума</h2>
<p>Установите порог так, чтобы оставалось время сделать заказ до того, как запасы полностью иссякнут. Для расходников с долгой доставкой — порог выше, для доступных позиций — ниже.</p>
`
},
'writeoff': {
tag:'Склад', title:'Списание запчастей при выполнении работ',
content:`
<p>При закрытии задачи ТО механик может сразу указать, какие запчасти и расходники были использованы. Склад обновляется автоматически.</p>
<h2>Списание при закрытии задачи</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте задачу и нажмите «Выполнено»</h4><p>Перед закрытием система предложит добавить использованные запчасти.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Выберите позиции со склада</h4><p>Найдите нужные запчасти по названию или артикулу. Укажите количество.</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Подтвердите закрытие</h4><p>Запчасти будут списаны, остатки на складе уменьшатся. Если остаток уйдёт ниже минимума — инженер получит уведомление.</p></div></div>
</div>
<h2>Ручное списание</h2>
<p>Списать запчасти можно и вне задачи: Склад → нужная позиция → «Списать». Укажите количество и причину. Это полезно при расходе материалов не в рамках конкретной задачи.</p>
`
},
'push-setup': {
tag:'Мобильное', title:'Настройка push-уведомлений',
content:`
<p>Push-уведомления помогают оперативно реагировать на новые задачи и аварийные ситуации даже когда вы не в системе.</p>
<h2>Как включить уведомления</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Войдите в систему</h4><p>При первом входе браузер спросит разрешение на уведомления. Нажмите «Разрешить».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Если отклонили ранее</h4><p>Перейдите в Настройки → Уведомления → «Включить push-уведомления». Следуйте инструкции для вашего браузера.</p></div></div>
</div>
<h2>Какие события вызывают уведомления</h2>
<ul>
<li>Назначена новая задача ТО на вас</li>
<li>Задача просрочена</li>
<li>Создана новая аварийная заявка (для инженеров)</li>
<li>Изменился статус вашей заявки</li>
<li>Остаток позиции на складе ниже минимума</li>
</ul>
<h2>Фильтрация по роли</h2>
<p>Механики получают уведомления только о своих задачах. Инженеры — обо всех задачах в своём подразделении. Администраторы — обо всём.</p>
`
},
'equipment-status': {
tag:'Оборудование', title:'Статусы оборудования: когда и как менять',
content:`
<p>Статус оборудования отражает его текущее состояние и влияет на то, создаются ли для него задачи ТО.</p>
<h2>Все статусы</h2>
<ul>
<li><strong>Активно</strong> — техника в эксплуатации. Задачи ТО создаются по расписанию. Доступна для аварийных заявок.</li>
<li><strong>В ремонте</strong> — техника временно выведена. Плановые задачи приостанавливаются. Заявка на ремонт фиксирует срок и исполнителя.</li>
<li><strong>Неисправно</strong> — критическая авария, требует немедленного вмешательства. Выделяется красным на дашборде.</li>
<li><strong>Списано</strong> — выведено из эксплуатации навсегда. Новые задачи не создаются, история сохраняется полностью.</li>
</ul>
<h2>Как изменить статус</h2>
<p>Откройте карточку оборудования → меню «⋮» → «Изменить статус». Выберите новый статус и при необходимости добавьте комментарий — он войдёт в историю оборудования.</p>
<div class="callout callout-info"><strong>Рекомендация:</strong> Не держите технику в статусе «В ремонте» без даты окончания — это усложняет планирование загрузки.</div>
`
},
'work-hours': {
tag:'Оборудование', title:'Учёт моточасов и пробега',
content:`
<p>Для техники, обслуживание которой привязано к наработке (моточасы, км), нужно регулярно обновлять показания счётчиков.</p>
<h2>Как обновить показания</h2>
<div class="steps">
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Откройте карточку оборудования</h4><p>Найдите технику в разделе «Оборудование».</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Нажмите «Обновить наработку»</h4><p>Введите текущие показания счётчика (не прибавку, а фактическое значение).</p></div></div>
<div class="step"><div class="step-num"></div><div class="step-body"><h4>Сохраните</h4><p>Система пересчитает, когда подойдёт срок следующего ТО по наработке.</p></div></div>
</div>
<h2>Частота обновления</h2>
<p>Рекомендуется обновлять показания ежедневно в период интенсивной эксплуатации (посевная, уборка). В межсезонье достаточно еженедельно.</p>
<div class="callout callout-warn"><strong>Важно:</strong> Если показания не обновляются, задачи по наработке не создадутся вовремя. Назначьте ответственного за ежедневное внесение данных.</div>
`
}
};
// Открытие статьи
function openArticle(id) {
const art = articles[id];
if (!art) return;
document.getElementById('articleContent').innerHTML = `
<div class="meta"><span>${art.tag}</span></div>
<h1>${art.title}</h1>
${art.content}
`;
document.getElementById('kbMain').style.display = 'none';
document.getElementById('articleWrap').classList.add('show');
window.scrollTo({ top: 0, behavior: 'smooth' });
}
function closeArticle() {
document.getElementById('articleWrap').classList.remove('show');
document.getElementById('kbMain').style.display = '';
window.scrollTo({ top: 0, behavior: 'smooth' });
}
// Фильтр по категориям
document.querySelectorAll('.kb-cat').forEach(btn => {
btn.addEventListener('click', () => {
document.querySelectorAll('.kb-cat').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
const cat = btn.dataset.cat;
document.querySelectorAll('.kb-section').forEach(s => {
s.style.display = (cat === 'all' || s.dataset.cat === cat) ? '' : 'none';
});
document.querySelector('.kb-popular').style.display = cat === 'all' ? '' : 'none';
});
});
// Поиск
document.getElementById('kbSearch').addEventListener('input', function() {
const q = this.value.toLowerCase().trim();
if (!q) {
document.querySelectorAll('.kb-section').forEach(s => s.style.display = '');
document.querySelectorAll('.kb-cat')[0].click();
document.getElementById('kbNoResults').classList.remove('show');
document.querySelector('.kb-popular').style.display = '';
return;
}
let found = 0;
document.querySelectorAll('.kb-section').forEach(s => s.style.display = 'none');
document.querySelector('.kb-popular').style.display = 'none';
document.querySelectorAll('.kb-cat').forEach(b => b.classList.remove('active'));
document.querySelectorAll('.kb-card').forEach(card => {
const text = card.innerText.toLowerCase();
const section = card.closest('.kb-section');
if (text.includes(q)) {
section.style.display = '';
found++;
}
});
document.getElementById('kbNoResults').classList.toggle('show', found === 0);
});
</script>
</body>
</html>
+103
View File
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Политика обработки персональных данных — АгроТО</title>
<link rel="icon" href="/favicon.ico">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1e293b; background: #f8fafc; line-height: 1.7; }
.header { background: #fff; border-bottom: 1px solid #e2e8f0; padding: 16px 24px; display: flex; align-items: center; gap: 12px; }
.logo { font-weight: 700; font-size: 18px; color: #2563eb; text-decoration: none; }
.container { max-width: 780px; margin: 40px auto; background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; padding: 40px 48px; }
h1 { font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.updated { font-size: 13px; color: #64748b; margin-bottom: 32px; }
h2 { font-size: 17px; font-weight: 700; margin: 28px 0 10px; color: #1e293b; }
p { margin-bottom: 12px; font-size: 15px; color: #334155; }
ul { margin: 8px 0 12px 20px; }
li { margin-bottom: 6px; font-size: 15px; color: #334155; }
a { color: #2563eb; }
.back { display: inline-flex; align-items: center; gap: 6px; color: #64748b; font-size: 13px; text-decoration: none; margin-bottom: 24px; }
.back:hover { color: #2563eb; }
@media (max-width: 600px) { .container { padding: 24px 20px; margin: 16px; } }
</style>
</head>
<body>
<div class="header">
<a href="/" class="logo">🌾 АгроТО</a>
</div>
<div class="container">
<a href="/" class="back">← На главную</a>
<h1>Политика обработки персональных данных</h1>
<div class="updated">Дата вступления в силу: 13 апреля 2026 г. &nbsp;|&nbsp; Последнее обновление: 13 апреля 2026 г.</div>
<h2>1. Общие положения</h2>
<p>Настоящая Политика обработки персональных данных (далее — Политика) определяет порядок обработки персональных данных пользователей программного обеспечения «АгроТО» (CMMS — Система управления техническим обслуживанием).</p>
<p>Оператор персональных данных: ИП / ООО (реквизиты будут указаны после регистрации юридического лица).</p>
<p>Обработка персональных данных осуществляется в соответствии с требованиями Федерального закона от 27.07.2006 № 152-ФЗ «О персональных данных».</p>
<h2>2. Категории обрабатываемых персональных данных</h2>
<p>В рамках использования системы «АгроТО» обрабатываются следующие персональные данные:</p>
<ul>
<li>Фамилия, имя, отчество пользователя</li>
<li>Номер телефона</li>
<li>Адрес электронной почты</li>
<li>Должность и роль в системе</li>
</ul>
<p>Иные категории персональных данных (специальные категории, биометрические данные) системой не обрабатываются.</p>
<h2>3. Цели обработки персональных данных</h2>
<ul>
<li>Идентификация и аутентификация пользователя в системе</li>
<li>Назначение задач и уведомление сотрудников</li>
<li>Ведение журнала действий и аудита</li>
<li>Направление уведомлений о задачах, регламентах и авариях</li>
</ul>
<h2>4. Правовые основания обработки</h2>
<p>Обработка персональных данных осуществляется на основании:</p>
<ul>
<li>Согласия субъекта персональных данных (ст. 6, ч. 1, п. 1 Федерального закона № 152-ФЗ)</li>
<li>Необходимости исполнения договора, стороной которого является субъект персональных данных</li>
</ul>
<h2>5. Хранение и защита данных</h2>
<p>Персональные данные хранятся исключительно на серверах, расположенных на территории Российской Федерации, что соответствует требованиям ст. 18 Федерального закона № 152-ФЗ.</p>
<p>Для защиты данных применяются:</p>
<ul>
<li>Шифрование передачи данных по протоколу HTTPS/TLS</li>
<li>Разграничение доступа на уровне базы данных (Row Level Security)</li>
<li>Резервное копирование с шифрованием (age encryption)</li>
<li>Журналирование всех действий пользователей</li>
</ul>
<h2>6. Передача данных третьим лицам</h2>
<p>Персональные данные не передаются третьим лицам, за исключением случаев, предусмотренных законодательством Российской Федерации.</p>
<p>Система не использует внешние аналитические сервисы, рекламные сети или иные сторонние платформы, получающие доступ к персональным данным.</p>
<h2>7. Срок хранения данных</h2>
<p>Персональные данные хранятся в течение всего срока действия договора на использование системы, а также в течение 3 лет после его прекращения — в целях соблюдения требований налогового и бухгалтерского законодательства.</p>
<h2>8. Права субъектов персональных данных</h2>
<p>Пользователь вправе:</p>
<ul>
<li>Получить информацию об обработке своих персональных данных</li>
<li>Потребовать уточнения, блокирования или уничтожения персональных данных</li>
<li>Отозвать согласие на обработку персональных данных</li>
<li>Обжаловать действия оператора в Роскомнадзор</li>
</ul>
<p>Для реализации прав обратитесь к администратору вашей организации или направьте запрос на адрес: <a href="mailto:admin@agroto.ru">admin@agroto.ru</a></p>
<h2>9. Изменение политики</h2>
<p>Оператор вправе вносить изменения в настоящую Политику. Актуальная версия всегда доступна по адресу <a href="https://agroto.ru/privacy.html.html">agroto.ru/privacy</a>. При существенных изменениях пользователи будут уведомлены.</p>
<h2>10. Контактная информация</h2>
<p>По вопросам, связанным с обработкой персональных данных:</p>
<ul>
<li>Email: <a href="mailto:admin@agroto.ru">admin@agroto.ru</a></li>
<li>Сайт: <a href="https://agroto.ru">agroto.ru</a></li>
</ul>
</div>
</body>
</html>