:root {
	--primary-color: #20a734; /* Зеленый цвет бренда */
	--bg-light: #f6fcf5;
	--text-dark: #1f2937;
}
body {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	color: var(--text-dark);
	padding-top: 82px; /* Отступ под фиксированную шапку */
}
.btn-primary-custom {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
	font-weight: 700;
}
.btn-primary-custom:hover {
	background-color: #1a8e2a;
	border-color: #1a8e2a;
	color: white;
}
.text-primary-custom {
	color: var(--primary-color);
}

/* Стили для стрелочек в "How It Works" на десктопе */
@media (min-width: 992px) {
	.step-card { position: relative; }
	.step-card:not(:last-child)::after {
		content: "→";
		position: absolute;
		right: -7%;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.8rem;
		color: #ccc;
		z-index: 2;
	}
}
.bg-light {
	background-color: var(--bg-light) !important;
}

a {
	text-decoration: none;
	color: inherit;
}
header {
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.92);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid #ececec;
	z-index: 1000;
}

.logo {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	font-size: 28px;
}
.logo span {
	color: var(--primary-color);
}

.button-custom {
	background: var(--primary-color);
	color: #fff;
	padding: 12px 24px;
	border-radius: 12px;
	font-weight: 700;
	transition: .25s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
}
.button-custom:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(32,167,52,.28);
	color: #fff;
}

.disabled-card {
	opacity: 0.6;              /* полупрозрачность */
	pointer-events: none;      /* отключаем клики */
	filter: grayscale(40%);    /* лёгкое обесцвечивание */
  }
  .disabled-card a {
	color: #999 !important;    /* ссылки серые */
	text-decoration: none;
  }
  
/* Безопасная пульсация через изменение масштаба (работает поверх любого Bootstrap) */
.btn-pulse-custom {
    position: relative;
    animation: buttonScalePulse 2s infinite ease-in-out !important;
}

@keyframes buttonScalePulse {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 6px rgba(32, 167, 52, 0.2);
    }
    50% {
        transform: scale(1.04); /* Кнопка мягко увеличивается на 4% */
        box-shadow: 0 10px 20px rgba(32, 167, 52, 0.4);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 4px 6px rgba(32, 167, 52, 0.2);
    }
}