Понимание, где RPA окупается
Покажем типовые сценарии автоматизации в бэк-офисе: документы, почта, сверки, перенос данных, заявки и рутинные операции между системами.
.sherpa-meetup-test {
position: relative;
margin: 0;
padding: 24px 0 72px;
color: #e6eefc;
font-family: Inter, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
}
.sherpa-meetup-test * { box-sizing: border-box; }
.sherpa-meetup-test .sm-shell {
position: relative;
overflow: hidden;
border-radius: 32px;
background:
radial-gradient(circle at 12% 18%, rgba(58,130,246,.28), transparent 26%),
radial-gradient(circle at 86% 14%, rgba(34,211,238,.16), transparent 22%),
radial-gradient(circle at 50% 100%, rgba(96,165,250,.10), transparent 36%),
linear-gradient(180deg, #08111f 0%, #0d1528 52%, #0b1020 100%);
border: 1px solid rgba(96,165,250,.14);
box-shadow: 0 30px 90px rgba(8,15,35,.35);
}
.sherpa-meetup-test .sm-shell::before,
.sherpa-meetup-test .sm-shell::after {
content: »;
position: absolute;
border-radius: 999px;
pointer-events: none;
filter: blur(40px);
}
.sherpa-meetup-test .sm-shell::before {
width: 260px;
height: 260px;
top: -80px;
right: -40px;
background: rgba(37, 99, 235, .22);
}
.sherpa-meetup-test .sm-shell::after {
width: 220px;
height: 220px;
left: -50px;
bottom: 120px;
background: rgba(34, 211, 238, .12);
}
.sherpa-meetup-test .sm-inner {
position: relative;
z-index: 1;
width: min(1120px, calc(100% — 48px));
margin: 0 auto;
}
.sherpa-meetup-test .sm-hero {
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 32px;
align-items: stretch;
padding: 56px 0 28px;
}
.sherpa-meetup-test .sm-badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid rgba(96,165,250,.22);
background: rgba(15, 23, 42, .65);
color: #a5c8ff;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.sherpa-meetup-test .sm-badge::before {
content: »;
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, #22d3ee, #3b82f6);
box-shadow: 0 0 18px rgba(34,211,238,.75);
}
.sherpa-meetup-test h1 {
margin: 20px 0 18px;
font-size: clamp(34px, 4vw, 62px);
line-height: 1.04;
letter-spacing: -.04em;
color: #f8fbff;
}
.sherpa-meetup-test .sm-gradient {
background: linear-gradient(135deg, #7dd3fc, #60a5fa 45%, #93c5fd 90%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.sherpa-meetup-test .sm-lead {
max-width: 640px;
margin: 0 0 28px;
color: rgba(226, 232, 240, .84);
font-size: 18px;
line-height: 1.7;
}
.sherpa-meetup-test .sm-meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.sherpa-meetup-test .sm-meta li {
padding: 12px 14px;
border-radius: 16px;
background: rgba(15, 23, 42, .58);
border: 1px solid rgba(148, 163, 184, .14);
color: #d9e6fb;
font-size: 14px;
}
.sherpa-meetup-test .sm-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
}
.sherpa-meetup-test .sm-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 24px;
border-radius: 16px;
background: linear-gradient(135deg, #2563eb, #38bdf8);
color: #fff;
font-weight: 800;
text-decoration: none;
box-shadow: 0 18px 50px rgba(37, 99, 235, .28);
transition: transform .25s ease, box-shadow .25s ease;
}
.sherpa-meetup-test .sm-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 58px rgba(37, 99, 235, .36);
}
.sherpa-meetup-test .sm-note {
color: rgba(191, 219, 254, .8);
font-size: 14px;
}
.sherpa-meetup-test .sm-panel {
position: relative;
padding: 28px;
border-radius: 28px;
background: linear-gradient(180deg, rgba(12,18,35,.96), rgba(12,18,35,.78));
border: 1px solid rgba(96,165,250,.16);
box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.sherpa-meetup-test .sm-panel::before {
content: »;
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 1px;
background: linear-gradient(145deg, rgba(125,211,252,.28), rgba(59,130,246,0), rgba(34,211,238,.14));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.sherpa-meetup-test .sm-stack { display: grid; gap: 16px; }
.sherpa-meetup-test .sm-kicker {
margin: 0;
color: #7dd3fc;
font-size: 12px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.sherpa-meetup-test .sm-panel h3 {
margin: 0;
font-size: 28px;
color: #f8fbff;
}
.sherpa-meetup-test .sm-panel p,
.sherpa-meetup-test .sm-copy,
.sherpa-meetup-test .sm-faq details p {
margin: 0;
color: rgba(226, 232, 240, .8);
font-size: 15px;
line-height: 1.65;
}
.sherpa-meetup-test .sm-stat-grid,
.sherpa-meetup-test .sm-card-grid,
.sherpa-meetup-test .sm-two-col,
.sherpa-meetup-test .sm-triptych {
display: grid;
gap: 18px;
}
.sherpa-meetup-test .sm-stat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 10px; }
.sherpa-meetup-test .sm-stat {
padding: 16px 18px;
border-radius: 20px;
background: rgba(8,15,35,.65);
border: 1px solid rgba(96,165,250,.12);
}
.sherpa-meetup-test .sm-stat strong {
display: block;
margin-bottom: 6px;
font-size: 28px;
line-height: 1;
color: #eff6ff;
}
.sherpa-meetup-test .sm-stat span {
color: rgba(191, 219, 254, .76);
font-size: 13px;
}
.sherpa-meetup-test .sm-section { padding: 18px 0 0; }
.sherpa-meetup-test .sm-section-head {
max-width: 760px;
margin: 0 0 22px;
}
.sherpa-meetup-test .sm-section-head h2 {
margin: 0 0 12px;
font-size: clamp(28px, 3vw, 46px);
line-height: 1.08;
letter-spacing: -.03em;
color: #f8fbff;
}
.sherpa-meetup-test .sm-section-head p {
margin: 0;
color: rgba(226, 232, 240, .78);
font-size: 18px;
line-height: 1.7;
}
.sherpa-meetup-test .sm-card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.sherpa-meetup-test .sm-card,
.sherpa-meetup-test .sm-step,
.sherpa-meetup-test .sm-audience,
.sherpa-meetup-test .sm-career {
position: relative;
overflow: hidden;
padding: 24px;
border-radius: 24px;
background: rgba(10,17,33,.74);
border: 1px solid rgba(148,163,184,.12);
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.sherpa-meetup-test .sm-card:hover,
.sherpa-meetup-test .sm-step:hover,
.sherpa-meetup-test .sm-audience:hover,
.sherpa-meetup-test .sm-career:hover {
transform: translateY(-4px);
border-color: rgba(96,165,250,.26);
box-shadow: 0 20px 44px rgba(15,23,42,.22);
}
.sherpa-meetup-test .sm-card::before,
.sherpa-meetup-test .sm-step::before,
.sherpa-meetup-test .sm-audience::before,
.sherpa-meetup-test .sm-career::before {
content: »;
position: absolute;
top: -24px;
right: -18px;
width: 120px;
height: 120px;
border-radius: 999px;
background: radial-gradient(circle, rgba(59,130,246,.18), rgba(59,130,246,0) 70%);
}
.sherpa-meetup-test .sm-card h3,
.sherpa-meetup-test .sm-step h3,
.sherpa-meetup-test .sm-audience h3,
.sherpa-meetup-test .sm-career h3 {
position: relative;
margin: 0 0 10px;
font-size: 20px;
color: #f8fbff;
}
.sherpa-meetup-test .sm-card p,
.sherpa-meetup-test .sm-step p,
.sherpa-meetup-test .sm-audience p,
.sherpa-meetup-test .sm-career p {
position: relative;
margin: 0;
color: rgba(226, 232, 240, .78);
font-size: 15px;
line-height: 1.7;
}
.sherpa-meetup-test .sm-step {
display: grid;
grid-template-columns: 62px 1fr;
gap: 18px;
align-items: start;
}
.sherpa-meetup-test .sm-step-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(59,130,246,.18), rgba(34,211,238,.12));
color: #dbeafe;
font-size: 24px;
font-weight: 800;
border: 1px solid rgba(125,211,252,.14);
}
.sherpa-meetup-test .sm-two-col { grid-template-columns: repeat(2, minmax(0,1fr)); }
.sherpa-meetup-test .sm-triptych { grid-template-columns: repeat(3, minmax(0,1fr)); }
.sherpa-meetup-test .sm-faq { display: grid; gap: 14px; }
.sherpa-meetup-test .sm-faq details {
border-radius: 20px;
background: rgba(10,17,33,.78);
border: 1px solid rgba(148,163,184,.12);
padding: 18px 20px;
}
.sherpa-meetup-test .sm-faq summary {
cursor: pointer;
list-style: none;
font-weight: 700;
color: #eff6ff;
padding-right: 26px;
position: relative;
}
.sherpa-meetup-test .sm-faq summary::-webkit-details-marker { display: none; }
.sherpa-meetup-test .sm-faq summary::after {
content: ‘+’;
position: absolute;
top: -2px;
right: 0;
color: #7dd3fc;
font-size: 24px;
line-height: 1;
}
.sherpa-meetup-test .sm-faq details[open] summary::after { content: ‘−’; }
.sherpa-meetup-test .sm-faq details p { padding-top: 12px; }
.sherpa-meetup-test .sm-cta {
display: grid;
grid-template-columns: 1fr minmax(0, 420px);
gap: 24px;
align-items: start;
padding: 28px;
border-radius: 28px;
background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(8,15,35,.88) 45%, rgba(34,211,238,.08));
border: 1px solid rgba(96,165,250,.18);
}
.sherpa-meetup-test .sm-cta h2 {
margin: 0 0 14px;
font-size: clamp(30px, 3vw, 48px);
line-height: 1.06;
letter-spacing: -.03em;
color: #f8fbff;
}
.sherpa-meetup-test .sm-cta .sm-points {
display: grid;
gap: 12px;
margin: 24px 0 0;
}
.sherpa-meetup-test .sm-cta .sm-points span {
display: inline-flex;
gap: 12px;
align-items: flex-start;
color: rgba(226, 232, 240, .82);
}
.sherpa-meetup-test .sm-cta .sm-points span::before {
content: ‘•’;
color: #7dd3fc;
font-size: 24px;
line-height: 1;
margin-top: -3px;
}
.sherpa-meetup-test .sm-form-wrap {
padding: 22px;
border-radius: 22px;
background: rgba(7, 12, 24, .72);
border: 1px solid rgba(125,211,252,.14);
}
.sherpa-meetup-test .sm-form-wrap .wpforms-container,
.sherpa-meetup-test .sm-form-wrap .wpforms-container-full {
margin: 0;
}
.sherpa-meetup-test .sm-form-wrap .wpforms-field input,
.sherpa-meetup-test .sm-form-wrap .wpforms-field textarea,
.sherpa-meetup-test .sm-form-wrap .wpforms-field select {
border-radius: 14px !important;
}
.sherpa-meetup-test .sm-form-wrap .wpforms-submit {
width: 100%;
border-radius: 14px !important;
background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
border: 0 !important;
font-weight: 800 !important;
box-shadow: 0 18px 40px rgba(37,99,235,.28);
}
.sherpa-meetup-test .sm-footnote {
margin-top: 12px;
color: rgba(191,219,254,.72);
font-size: 12px;
line-height: 1.5;
}
@media (max-width: 980px) {
.sherpa-meetup-test .sm-hero,
.sherpa-meetup-test .sm-cta,
.sherpa-meetup-test .sm-two-col,
.sherpa-meetup-test .sm-card-grid,
.sherpa-meetup-test .sm-triptych,
.sherpa-meetup-test .sm-stat-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sherpa-meetup-test { padding: 8px 0 48px; }
.sherpa-meetup-test .sm-inner { width: min(100% — 24px, 1120px); }
.sherpa-meetup-test .sm-shell { border-radius: 24px; }
.sherpa-meetup-test .sm-hero { padding-top: 28px; }
.sherpa-meetup-test .sm-panel,
.sherpa-meetup-test .sm-card,
.sherpa-meetup-test .sm-step,
.sherpa-meetup-test .sm-audience,
.sherpa-meetup-test .sm-career,
.sherpa-meetup-test .sm-cta,
.sherpa-meetup-test .sm-form-wrap {
padding: 20px;
border-radius: 20px;
}
}
Практический вебинар Sherpa RPA
Соберите первого RPA-робота и поймите, как запускать автоматизацию в реальных процессах
Тестовая посадочная в духе внешнего референса: темный визуальный стиль, светящиеся акценты, карточки и крупный блок регистрации. Контент переписан заново, но структура и подача близки к исходному лендингу.
Что участник получит
Смысл блока тот же, что и у референса: быстрый набор понятных выгод, чтобы пользователь сразу видел практическую пользу участия.
Демонстрацию на живом кейсе
Вместо абстрактных слайдов разберем компактный сценарий, близкий к реальным процессам компании, чтобы было понятно, как строится логика робота.
Следующий понятный шаг
После эфира у посетителя остается ясная развилка: идти в пилот, пробовать платформу внутри компании или развивать навык в обучающем формате.
Как это будет устроено
Композиционно этот блок повторяет идею лендинга-референса: путь от знакомства к практическому действию и контакту с командой.
01
Коротко вводим в контекст
Зафиксируем, что такое RPA сегодня, чем отличается автоматизация интерфейсов от классической интеграции и почему бизнесу важна скорость запуска.
02
Показываем собранный сценарий
Разбираем логику робота по шагам: получение данных, обработка документа, проверка условий, маршрутизация и фиксация результата.
03
Переводим интерес в действие
Даем понятный способ продолжить: оставить контакты, запросить демонстрацию, получить запись или собрать похожий тестовый лендинг под следующее мероприятие.
Для кого эта страница выглядит релевантно
Здесь я сохранил характерный блок с сегментами аудитории: несколько карточек, каждая с понятным сценарием ценности.
Для бизнеса
Руководители и владельцы процессов быстро считывают пользу: где искать пилот, как оценивать эффект и какой кейс подходит для первого шага.
Для технических команд
ИТ-специалистам и аналитикам важна архитектура решения: насколько быстро можно собрать сценарий, протестировать его и масштабировать в продуктив.
Для обучения и пресейла
Такой формат работает как промостраница под вебинар, интенсив, демо-день, партнерское мероприятие или короткую воронку перед консультацией.
Почему такой стиль работает
По сути это адаптация визуального языка Lovable-лендинга под WordPress-страницу внутри существующего сайта: темный фон, glow-эффекты, контрастные CTA и аккуратная форма.
Автономный дизайн внутри контента
Ничего не меняли в теме. Вся визуальная надстройка живет прямо в содержимом страницы, поэтому такой подход удобен для быстрых тестов и временных посадочных.
Существующая форма без новой разработки
Мы используем уже установленную форму сайта, но оборачиваем ее в собственный контейнер. За счет этого она выглядит собраннее и не тянется на всю ширину шаблона.
Частые вопросы
Вместо отдельного скрипта использован нативный аккордеон на <details>, что надежнее для такого уровня доступа и не зависит от правок темы.
Можно ли собрать такую страницу без доступа к файлам темы?
Да. Этот тест уже показывает, что второстепенные лендинги можно собирать прямо на уровне контента страницы через XML-RPC, если не нужно менять общие шаблоны сайта.
Можно ли использовать этот подход для реального вебинара?
Да, но перед боевым запуском стоит заменить тестовые тексты, проверить адаптивность вручную, задать корректные SEO-поля и, возможно, подобрать отдельную форму под конкретный сценарий регистрации.
Почему форма теперь смотрится лучше?
Потому что она находится внутри собственного визуального контейнера и ограничена по ширине колонкой, а не занимает весь доступный горизонтальный размер шаблона.
Запись на тестовый вебинар
Оставьте контакты и получите приглашение
Ниже подключена уже существующая форма сайта. В этом варианте она выступает как регистрация на мероприятие, а сам блок стилистически подтянут к новому лендингу.
Форма встроена в дизайн страницы и не спорит с текстовой колонкой.
Визуальные акценты и фоновая композиция заданы локально, без вмешательства в глобальные стили.
Этот же каркас можно использовать для будущих вебинаров и временных промо-страниц.
Визуальные акценты и фоновая композиция заданы локально, без вмешательства в глобальные стили.
Этот же каркас можно использовать для будущих вебинаров и временных промо-страниц.
Текущая страница остается тестовой. После проверки ее можно доработать, клонировать под реальный вебинар или удалить.