/* Тема «Агро-Империя» для лендинга (/{locale}/agro). Грузится после landing2.css и
   просто переопределяет его CSS-переменные — вся вёрстка (glass/grad-text/btn-glow/aurora
   и т.д.) в landing2.css построена на var(--a/--b/--c/--bg/...), так что палитра меняется
   без переписывания разметки. */

body.agro-landing {
    --bg: #0c130a;
    --card: rgba(140, 200, 80, .06);
    --line: rgba(140, 200, 80, .16);
    --txt: #eef7e4;
    --muted: #9db98c;
    --a: #5a9216;
    --b: #eab308;
    --c: #84cc16;
}

body.agro-landing .aurora i:nth-child(3) { opacity: .22; }

/* Хиро-карточка (growth-chart): самодостаточный блок вместо ряда иконок-«коробочек» и
   перекрывающих плавающих карточек — один график роста по 7 модернизациям с 3D-наклоном
   за курсором (JS в landing-agro.blade.php) + спотлайт-свечение (.spot из landing2.js). */
.agro-hero-card {
    max-width: 440px;
    z-index: 2;
    transition: transform .15s ease-out, box-shadow .3s;
    transform-style: preserve-3d;
    will-change: transform;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .5);
}

.agro-hero-glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(64px);
    z-index: 0;
    pointer-events: none;
}

.agro-hero-glow-1 { width: 260px; height: 260px; background: var(--a); opacity: .35; bottom: -12%; left: 2%; animation: agroGlowDrift 8s ease-in-out infinite; }
.agro-hero-glow-2 { width: 200px; height: 200px; background: var(--b); opacity: .38; top: -8%; right: 6%; animation: agroGlowDrift 10s ease-in-out infinite reverse; }
@keyframes agroGlowDrift { 50% { transform: translate(16px, -12px) scale(1.1); } }

.agro-particle { position: absolute; font-size: 22px; opacity: .55; z-index: 1; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .35)); animation: agroParticleFloat 7s ease-in-out infinite; pointer-events: none; }
.agro-particle.p1 { top: 6%; left: 0; animation-duration: 7s; }
.agro-particle.p2 { bottom: 10%; right: 2%; animation-duration: 9s; animation-delay: 1.5s; }
.agro-particle.p3 { top: 46%; right: -2%; font-size: 17px; opacity: .35; animation-duration: 8s; animation-delay: .7s; }
@keyframes agroParticleFloat { 50% { transform: translateY(-20px) rotate(8deg); } }

/* Растущие «стебли»-столбики (вместо биржевой линии): каждый тянется из почвы вверх,
   сверху — настоящая иконка модернизации (та же, что в investments::agro.levels). */
.agro-bar { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); animation: agroBarGrow .6s cubic-bezier(.3, 1.4, .4, 1) forwards; }
.agro-bar-icon { opacity: 0; transform-box: fill-box; transform-origin: 50% 100%; transform: translateY(8px) scale(.5); animation: agroIconPop .45s cubic-bezier(.3, 1.6, .4, 1) forwards; }
.agro-bar-icon-locked { animation-name: agroIconPopDim; }
.agro-chart-pulse { transform-box: fill-box; transform-origin: center; animation: agroChartPulse 2.2s ease-out .9s infinite; }

@keyframes agroBarGrow { to { transform: scaleY(1); } }
@keyframes agroIconPop { to { opacity: 1; transform: none; } }
@keyframes agroIconPopDim { to { opacity: .45; transform: none; } }
@keyframes agroChartPulse { 0% { opacity: .35; transform: scale(.4); } 100% { opacity: 0; transform: scale(1.9); } }

.agro-hero-badge {
    position: absolute;
    transform: translate(-50%, -100%);
    background: rgba(12, 19, 10, .78);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 6px 12px;
    text-align: center;
    box-shadow: 0 10px 26px -10px rgba(0, 0, 0, .6);
    animation: agroBadgePop .5s cubic-bezier(.3, 1.5, .4, 1) 1.1s both;
    pointer-events: none;
}

@keyframes agroBadgePop { from { opacity: 0; transform: translate(-50%, -75%) scale(.7); } to { opacity: 1; transform: translate(-50%, -100%) scale(1); } }

@media (prefers-reduced-motion: reduce) {
    .agro-hero-card { transition: none; }
    .agro-hero-glow, .agro-particle { animation: none !important; }
    .agro-bar { animation: none !important; transform: scaleY(1) !important; }
    .agro-bar-icon { animation: none !important; opacity: 1 !important; transform: none !important; }
    .agro-bar-icon-locked { opacity: .45 !important; }
    .agro-hero-badge { animation: none !important; opacity: 1 !important; transform: translate(-50%, -100%) !important; }
    .agro-chart-pulse { display: none; }
}

@media (max-width: 640px) {
    .agro-particle { display: none; }
}