/* --- Настройки Цветов и Шрифтов --- */
:root {
    --primary-green: #00905D; /* Цвет с твоего логотипа */
    --light-bg: #F9FCFA;      /* Очень легкий мятно-белый фон */
    --text-color: #333333;    /* Темно-серый для текста */
    --white: #ffffff;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    background-color: var(--light-bg); /* Твой чистый светлый фон */
    color: var(--text-color);
    text-align: center;
    
    /* Убрали все картинки и узоры */
    background-image: none;
}

/* --- Шрифты --- */
h1 {
    font-family: 'Cormorant Garamond', serif; /* Шрифт с засечками как на картинке */
    color: var(--primary-green);
    font-size: 3.5rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
}

.tagline {
    font-family: 'Montserrat', sans-serif;
    color: var(--primary-green);
    letter-spacing: 2px; /* Расстояние между буквами */
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-top: 0;
}

/* --- Логотип --- */
.main-logo {
    width: 150px; /* Размер логотипа */
    height: auto;
    margin-top: 40px;
    mix-blend-mode: multiply; /* ЭТА СТРОКА УБИРАЕТ БЕЛЫЙ ФОН */
}

/* --- Контейнер (ограничивает ширину) --- */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    
    /* Эта "броня" скроет любые листья, которые попытаются залезть под текст */
    background-color: #fff; 
    position: relative; 
    z-index: 2; /* Поднимаем текст над фоном */
}

/* ---

/* --- Page micro-animations (global, safe) --- */
body{opacity:0; transform:translateY(8px); transition:opacity .6s ease, transform .6s ease;}
body.page-loaded{opacity:1; transform:none;}

/* Optional gentle float for the main photo (won't affect reviews carousel) */
.hero-photo{animation: floatY 6s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* Hover lift for cards (EXCLUDES review-card to avoid transform conflicts) */
.method-card, .problem-item, .cert-card{
  transition: transform .25s ease, box-shadow .25s ease;
}
.method-card:hover, .problem-item:hover, .cert-card:hover{
  transform: translateY(-4px);
}