/* === ГЛОБАЛЬНЫЕ НАСТРОЙКИ === */
html {
scroll-behavior: smooth;
}
:root {
-бенто-зеленый: #2e7d32;
-бенто-светлый: #66bb6a;
–bento-dark: #1b5e20;
-бенто-кремовый: #f7fbf7;
–bento-white: #ffffff;
–bento-text: #0f2813;
–bento-soft: #4b6b52;
–bento-border: #e3eee4;
–bento-shadow: 0 8px 30px rgba(46, 125, 50, 0.08);
–bento-hover: 0 20px 45px rgba(46, 125, 50, 0.18);
–bento-gold: #ffb74d;
}
.bento-wrap * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.bento-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 20px 20px 50px;
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
color: var(–bento-text);
фон: var(–bento-cream);
line-height: 1.5;
}
/* ===== КОРОБКИ / КАРТОЧКИ ===== */
.bento-card {
background: var(–bento-white);
border-radius: 32px;
padding: 2.5rem 2.5rem;
margin-bottom: 2.2rem;
border: 1px solid var(–bento-border);
box-shadow: var(–bento-shadow);
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
положение: относительное;
backdrop-filter: blur(4px);
}
.bento-card:hover {
box-shadow: var(–bento-hover);;
border-color: var(–bento-light);;
transform: translateY(-4px);
}
.bento-hero {
background: linear-gradient(145deg, #edf7ed, #dcf0dc);
border-radius: 36px;
padding: 3.8rem 3rem;
margin-bottom: 2.2rem;
border: 1px solid rgba(46, 125, 50, 0.15);
position: relative;
overflow: hidden;
}
.bento-hero::after {
content: „🌱🌿🍃”;
position: absolute;
bottom: -30px;
справа: -20px;
font-size: 220px;
opacity: 0.035;
transform: rotate(5deg);
letter-spacing: 20px;
white-space: nowrap;
pointer-events: none;
}
.bento-ai {
background: linear-gradient(165deg, #1b5e20, #2e7d32, #388e3c);
border-radius: 36px;
padding: 3rem 2.8rem;
margin-bottom: 2.2rem;
цвет: белый;
border: none;
box-shadow: 0 15px 35px rgba(27, 94, 32, 0.3);
}
/* ===== БЕЙДЖИ И НАКЛЕЙКИ ===== */
.bento-badge {
display: inline-block;
фон: var(–bento-green);
цвет: белый;
padding: 0.5rem 1.8rem;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 1.2px;
margin-bottom: 1.3rem;
text-transform: uppercase;
border: 1px solid rgba(255,255,255,0.2);
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.bento-chip {
background: var(–bento-light);
цвет: белый;
padding: 0,4rem 1,4rem;
border-radius: 40px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.5px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.3);
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
/* ===== ТИПОГРАФИКА ===== */
.bento-title {
font-size: clamp(1.9rem, 5.5vw, 3.2rem);
font-weight: 900;
color: var(–bento-dark);
line-height: 1.15;
margin-bottom: 1.2rem;
letter-spacing: -0.02em;
}
.bento-hero .bento-title {
color: #154a1a;
}
.bento-ai .bento-title {
цвет: белый;
text-shadow: 0 2px 5px rgba(0,0,0,0.1)
}
.bento-text {
font-size: 1.1rem;
color: #2e4b32;
max-width: 800px;
}
.bento-ai .bento-text {
color: rgba(255, 255, 255, 0.98);
font-size: 1.15rem;
font-weight: 400;
text-shadow: 0 1px 2px rgba(0,0,0,0.05)
}
/* ===== GRIDS ===== */
.bento-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 1.8rem;
margin-top: 2.2rem;
}
.bento-grid-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.2rem;
margin: 2rem 0 0.8rem;
}
.bento-feature-item {
background: #f6fcf7;
padding: 1.4rem 1.4rem;
border-radius: 24px;
border-left: 6px solid var(–bento-light);
font-size: 0.98rem;
transition: all 0.2s ease;
border: 1px solid #e0f0e0;
box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.bento-feature-item:hover {
background: white;
border-left: 6px solid var(–bento-dark);
transform: scale(1.01);
}
.bento-feature-item h4 {
цвет: var(–bento-dark);
margin-bottom: 0.4rem;
font-size: 1.1rem;
display: flex;
align-items: center;
gap: 8px;
}
/* ===== BUTTONS (CUSTOM DESIGN) ===== */
.bento-btns {
display: flex;
gap: 1.2rem;
flex-wrap: wrap;
margin-top: 2.2rem;
}
.bento-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.7rem;
padding: 0.9rem 2.2rem;
border-radius: 60px;
font-weight: 700;
text-decoration: none;
переход: all 0.25s ease;
border: none;
курсор: указатель;
font-size: 1rem;
Фон: var(–bento-green);
цвет: белый;
box-shadow: 0 8px 18px rgba(46, 125, 50, 0.25);
border: 1px solid rgba(255,255,255,0.2);
letter-spacing: 0.3px;
}
.bento-btn-light {
фон: белый;
Цвет: var(–bento-green);
border: 2px solid var(–bento-green);
box-shadow: 0 6px 14px rgba(46, 125, 50, 0.1);
}
.bento-btn:hover {
transform: translateY(-5px);
background: var(–bento-dark);
цвет: белый;
box-shadow: 0 16px 30px rgba(46, 125, 50, 0.35);
border-color: transparent;
}
.bento-btn-light:hover {
background: var(–bento-green);
цвет: белый;
border-color: var(–bento-green);
}
.bento-btn i, .bento-btn span {
font-style: normal;
}
/* ===== КАРТОЧКИ ЦЕН ===== */
.bento-pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2.2rem;
margin-top: 2.8rem;
}
.bento-pricing-item {
фон: белый;
border-radius: 32px;
padding: 2.4rem 2rem;
border: 2px solid var(–bento-border);
положение: относительное;
transition: all 0.25s ease;
display: flex;
flex-direction: column;
}
.bento-pricing-item:hover {
border-color: var(–bento-green);
transform: translateY(-8px);
box-shadow: var(–bento-hover);
}
.bento-pricing-item.featured {
border-color: var(–bento-green);
background: linear-gradient(145deg, #fff, #f9fff9);
box-shadow: 0 12px 30px rgba(46,125,50,0.12);
}
.bento-pricing-badge {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
Фон: linear-gradient(145deg, #ffb74d, #ff9800);
цвет: белый;
padding: 0.4rem 1.6rem;
border-radius: 40px;
font-size: 0.8rem;
font-weight: 800;
white-space: nowrap;
box-shadow: 0 6px 14px rgba(255,152,0,0.3);
border: 1px solid rgba(255,255,255,0.3);
letter-spacing: 1px;
}
.bento-pricing-item h3 {
font-size: 2rem;
color: var(–bento-green);
margin-bottom: 0.5rem;
font-weight: 800;
}
.bento-pricing-item ul {
list-style: none;
margin: 1.8rem 0 1.8rem;
flex-grow: 1;
}
.bento-pricing-item li {
padding: 0.55rem 0;
border-bottom: 1px solid #e2f0e2;
display: flex;
gap: 0.7rem;
align-items: baseline;
}
.bento-pricing-item li::before {
content: „✓✓”;
color: var(–bento-green);
font-weight: 900;
letter-spacing: -3px;
}
/* ===== ЗАГОЛОВОК ПРИЛОЖЕНИЯ ===== */
.bento-app-header {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.bento-app-icon {
font-size: 3.8rem;
line-height: 1;
filter: drop-shadow(0 6px 12px rgba(46,125,50,0.16))
}
.bento-app-title h3 {
font-size: 2rem;
color: var(–bento-dark);
margin-bottom: 0.2rem;
font-weight: 800;
}
/* ===== SHARED BOX ===== */
.bento-shared-box {
background: linear-gradient(145deg, #ffffff, #fafffa);
border-radius: 32px;
padding: 2.4rem 2.8rem;
margin-top: 3rem;
border: 2px solid #b8dfb8;
text-align: center;
box-shadow: 0 12px 30px rgba(46,125,50,0.08);
}
.bento-shared-box h4 {
color: var(–bento-green);
font-size: 1.9rem;
margin-bottom: 0.8rem;
font-weight: 800;
}
/* ===== АНИМАЦИИ ===== */
.pulse {
анимация: pulse-soft 2.5s infinite;
}
@keyframes pulse-soft {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.95; transform: scale(1.02); }
}
.bento-divider {
height: 4px;
ширина: 80px;
Фон: linear-gradient(90deg, #66bb6a, #2e7d32);
border-radius: 4px;
margin: 1.5rem 0 1rem;
}
/* ===== MOBILE ===== */
@media (max-width: 680px) {
.bento-wrap { padding: 15px 15px 35px; }
.bento-card, .bento-hero, .bento-ai { padding: 2rem 1.5rem; }
.bento-app-header { flex-direction: column; align-items: flex-start; }
.bento-btns .bento-btn { width: 100%; justify-content: center; }
.bento-pricing-grid { gap: 1.5rem; }
.bento-hero::after { font-size: 140px; bottom: -10px; }
}
🌍 ВЫБРАН БОЛЕЕ ЧЕМ 50 000 САДОВОДОВ.
🌱 Экосистема BioGarden365
Новое измерение садоводства
Не просто приложение – полноценная экспертная система в твоем кармане. Советы по планированию, уходу, защите растений и искусственному осеменению подкреплены **тысячами страниц биоинтенсивных, пермакультурных и эко-знаний**.
★★★★★ 50 000+ довольных садоводов
✅ Скачать бесплатно – ✅ Без обязательств
🤖 Искусственный интеллект + реальная экспертиза
Наш ИИ-советник присутствует в каждом приложении. За ним стоят тысячи страниц книг по биоинтенсивному садоводству, руководств по пермакультуре и опыту органического земледелия – от классических справочников до современных исследований.
📚
Тысячи страниц знаний
Био, пермакультура, эко
🎯
Персонализированный
Твой сад, твой уровень
⚡
Мгновенные ответы
Спрашивай, и это поможет
🌍
На 12 языках
Глобальные знания
Представь себе каждое растение в лучшем месте, идеальных компаньонов – это не мечта, это BioGarden365.
🎨 Визуальный планировщик сада
Drag & Drop, управление грядками
📅 Интеллектуальный посевной календарь
Подстраивается под твой регион
🩺 Тройная идентификация
Растения, насекомые, болезни
📝 Журнал и галерея
Фотографии, заметки, погода
🌙 Лунный календарь
Фазы Луны, предупреждения
✅ Умный список дел
Автоматизированные задачи
🔔 Push-уведомления
Никогда ничего не пропусти
🌍 Многоязычный
12 языков, шифрование
📱 Специализированные решения
✨ Одна подписка даёт тебе премиум-доступ ко всем 4 приложениям!
🤝 Умная посадка растений-компаньонов
Зелёные/красные индикаторы
📄 Экспорт в PDF
Распечатай свой план
📏 Калькулятор плотности посадки
Расстояние между растениями
Календарь посева 🗓️
Основной/последовательный посев
🗓️ Интеллектуальный посевной календарь
Точное определение времени
Интерактивный журнал 📖
Полив, фотографии
💡 Ежедневные советы
Био-советы
🌙 Лунный календарь
В гармонии с природой
🩺 Мгновенная диагностика
С фото
💊 Руководство по лечению
Биорешения
🔍 Определитель вредителей
Определите насекомых
🌿 Распознаватель растений
Неизвестные виды
💎 Одна подписка = премиум для всех 4 приложений
Если ты подписываешься на премиум в любом приложении, то автоматически получаешь доступ к премиум-функциям во всех четырех приложениях.
🌱 Зеленый
Бесплатно
- Базовое планирование сада
- Посевной календарь (ограничение)
- Журнал 10 записей
- Лимит советников по искусственному интеллекту
📲 Скачай приложение
⭐ ПОПУЛЯРНЫЕ
🥈 Серебро
Премиум
- Неограниченное количество записей
- Экспорт в PDF
- Оповещения о погоде
- Безлимитный советник искусственного интеллекта
- Премиум во всех 4 приложениях
📲 Скачай и подпишись
🥇 Золото
Премиум+
- Все возможности Silver
- без рекламы
- Приоритетная поддержка
- Эксклюзивный контент
- Ранний доступ
📲 Скачай приложение
🎁 Общая подписка = огромная экономия
С одной подпиской ты получаешь доступ к полным премиум-функциям для **всех 4 приложений**. Не нужно платить по отдельности – максимум пользы в одном месте! 🚀
Одна и та же электронная почта = премиум везде
