h1, h2, h3, h4{
    color: #283d26;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

h1, h2, h3, h4 {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Добавим небольшую задержку для красивого каскада */
h2 {
  animation-delay: 0.2s;
}

h3 {
  animation-delay: 0.4s;
}

h4 {
  animation-delay: 0.6s;
}

@media(max-width:680px){
  .h5{
    font-size:18px;
  }
  h2{
    font-size: 22px;
  } 
  
}

:root{
  --sc-green:#283d26;
  --sc-olive:#837e3d;
  --sc-white:#fff;
}

/* Hero-Grundfläche */
.sc-hero{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(131,126,61,0.25), transparent 60%),
              linear-gradient(180deg, rgba(40,61,38,0.98), rgba(40,61,38,0.95));
  color: var(--sc-white);
}

/* Spacing helper für große Screens */
@media (min-width: 992px){
  .py-lg-6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
}

/* Badge */
.sc-badge{
  background: rgba(131,126,61,0.25);
  color: var(--sc-white);
  border: 1px solid rgba(131,126,61,0.45);
  backdrop-filter: blur(2px);
}

/* Checkmarks */
.sc-check{
  display:inline-flex;
  width:1.5rem; height:1.5rem;
  align-items:center; justify-content:center;
  border-radius:999px;
  font-weight:700;
  line-height:1;
  color: var(--sc-green);
  background: var(--sc-olive);
}

/* Buttons (auf Bootstrap aufgesetzt) */
.sc-btn-primary{
  background-color: var(--sc-olive);
  border-color: var(--sc-olive);
  color: var(--sc-green);
}
.sc-btn-primary:hover, .sc-btn-primary:focus{
  background-color:#9a9551;
  border-color:#9a9551;
  color: var(--sc-green);
}
.sc-btn-outline{
  background: transparent;
  color: var(--sc-white);
  border: 1.5px solid rgba(255,255,255,0.55);
}
.sc-btn-outline:hover, .sc-btn-outline:focus{
  background: rgba(255,255,255,0.08);
  border-color: var(--sc-white);
  color: var(--sc-white);
}

/* Karte rechts */
.sc-hero-card{
  border-radius:1rem;
}
.sc-hero-card .card-body{
  background: var(--sc-white);
  border-radius:1rem;
}
.sc-hero-sticker{
  position:absolute;
  top:-12px; right:-12px;
  background: var(--sc-olive);
  color: var(--sc-green);
  padding:.5rem .75rem;
  border-radius:.75rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* Mini-Avatare (Fake-Cluster) */
.sc-avatars{
  display:inline-flex;
}
.sc-ava{
  width:28px; height:28px;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.6), transparent 40%),
    linear-gradient(135deg, #c9c6a0, #8d894d);
  border:2px solid rgba(255,255,255,.9);
  display:inline-block;
  margin-left:-8px;
}
.sc-avatars .sc-ava:first-child{ margin-left:0; }

/* Dekorative Akzente */
.sc-hero-bg-accent{
  position:absolute;
  inset:auto -10% -20% auto;
  width:60vw; height:60vw;
  background: radial-gradient(closest-side, rgba(131,126,61,0.25), transparent 70%);
  transform: translateY(10%);
  pointer-events:none;
}

:root{
  --sc-green:#283d26;
  --sc-olive:#837e3d;
  --sc-white:#fff;
}

/* Spacing helper (совместимо с предыдущим блоком) */
@media (min-width: 992px){
  .py-lg-6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
}

/* Section base */
.sc-section.sc-benefits{
  background: linear-gradient(180deg, #fff, #fbfbf8);
  border-top: 1px solid rgba(40,61,38,0.06);
}

/* Badges */
.sc-badge-olive{
  background: rgba(131,126,61,0.15);
  color: #222;
  border: 1px solid rgba(131,126,61,0.35);
}

/* Olive button */
.sc-btn-olive{
  background-color: var(--sc-olive);
  border-color: var(--sc-olive);
  color: var(--sc-green);
}
.sc-btn-olive:hover, .sc-btn-olive:focus{
  background-color:#9a9551;
  border-color:#9a9551;
  color: var(--sc-green);
}

/* Dark outline button refined */
.sc-btn-outline-dark{
  border-width:1.5px;
  color:#111;
}
.sc-btn-outline-dark:hover, .sc-btn-outline-dark:focus{
  background: rgba(40,61,38,0.06);
  border-color:#000;
  color:#000;
}

/* Checkmark icon pill */
.sc-icon{
  width: 2rem; height: 2rem;
  display: inline-flex;
  align-items: center; justify-content: center;
  border-radius: 999px;
  background: var(--sc-green);
  color: var(--sc-white);
  font-weight: 700;
  line-height: 1;
  flex: 0 0 auto;
}

/* Metrics */
.sc-metric{
  min-width: 110px;
}
.sc-metric-value{
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--sc-green);
  line-height: 1.1;
}
.sc-metric-label{
  font-size: .85rem;
  color: #6b7280;
}

/* Course cards */
.sc-course{
  border: 1px solid rgba(40,61,38,0.08);
  border-radius: 1rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sc-course:hover{
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);
  border-color: rgba(131,126,61,0.35);
}
.sc-badge-light{
  background: rgba(131,126,61,0.12);
  color: #333;
  border: 1px solid rgba(131,126,61,0.25);
}
.sc-price{
  font-weight: 800;
  color: var(--sc-green);
}

/* Trust logos (placeholder text-style) */
.sc-trust .sc-logo{
  display:inline-block;
  font-weight:700;
  letter-spacing:.2px;
  padding:.35rem .6rem;
  border:1px dashed rgba(40,61,38,0.25);
  border-radius:.5rem;
  color:#374151;
  background: rgba(131,126,61,0.06);
}

/* Typography refinements */
.sc-benefits h2{ letter-spacing:.2px; }


:root{
  --sc-green:#283d26;
  --sc-olive:#837e3d;
  --sc-white:#fff;
}

/* Section base */
.sc-section.sc-dates{
  background:#fff;
  border-top:1px solid rgba(40,61,38,0.06);
}

/* Badges & buttons (совместимо с предыдущими секциями) */
.sc-badge-olive{
  background: rgba(131,126,61,0.15);
  color:#222;
  border:1px solid rgba(131,126,61,0.35);
}
.sc-badge-light{
  background: rgba(131,126,61,0.12);
  color:#333;
  border:1px solid rgba(131,126,61,0.25);
}
.sc-btn-olive{
  background-color: var(--sc-olive);
  border-color: var(--sc-olive);
  color: var(--sc-green);
}
.sc-btn-olive:hover, .sc-btn-olive:focus{
  background-color:#9a9551;
  border-color:#9a9551;
  color: var(--sc-green);
}
.sc-btn-outline-dark{
  border-width:1.5px;
  color:#111;
}
.sc-btn-outline-dark:hover, .sc-btn-outline-dark:focus{
  background: rgba(40,61,38,0.06);
  border-color:#000;
  color:#000;
}

/* List styling */
.sc-date-list .list-group-item{
  padding:1rem 0;
  border-color: rgba(40,61,38,0.08);
}
.sc-date-list .list-group-item:first-child{ padding-top:0; }
.sc-date-list .list-group-item:last-child{ padding-bottom:0; }

/* Date chip */
.sc-date-chip{
  width:56px; height:56px;
  border-radius:.75rem;
  background: rgba(131,126,61,0.12);
  border:1px solid rgba(131,126,61,0.25);
  color:#111;
  display:flex; flex-direction:column; justify-content:center;
  line-height:1.1;
}
.sc-date-day{
  font-weight:800;
  font-size:1.15rem;
  color: var(--sc-green);
}
.sc-date-mon{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#6b7280;
}

/* Small responsive tweak */
@media (max-width: 575.98px){
  .sc-date-chip{ width:52px; height:52px; }
}

  /* 1) Глобально отключаем горизонтальный скролл */
html { overflow-x: clip; }               /* современные браузеры */
body { overflow-x: hidden; width: 100%; } /* фолбэк */

/* Spacing helper für große Screens */
@media (min-width: 992px){
  .py-lg-6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
}

/* ---------- Hero About ---------- */
.sc-hero-about{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(131,126,61,.25), transparent 60%),
    linear-gradient(180deg, rgba(40,61,38,.98), rgba(40,61,38,.95));
  color: var(--sc-white);
  position: relative;
}
.sc-hero-accent{
  position:absolute; inset:auto -10% -25% auto;
  width:60vw; height:60vw;
  background: radial-gradient(closest-side, rgba(131,126,61,.25), transparent 70%);
  transform: translateY(10%);
  pointer-events:none;
}

/* Badges & Buttons */
.sc-badge-olive{
  background: rgba(131,126,61,.15);
  color:#222;
  border:1px solid rgba(131,126,61,.35);
}
.sc-btn-olive{
  background-color: var(--sc-olive);
  border-color: var(--sc-olive);
  color: var(--sc-green);
}
.sc-btn-olive:hover,.sc-btn-olive:focus{
  background-color:#9a9551;
  border-color:#9a9551;
  color: var(--sc-green);
}
.sc-btn-outline{
  background: transparent;
  color: var(--sc-white);
  border:1.5px solid rgba(255,255,255,.55);
}
.sc-btn-outline:hover,.sc-btn-outline:focus{
  background: rgba(255,255,255,.08);
  border-color: var(--sc-white);
  color: var(--sc-white);
}

/* KPIs Karte */
.sc-card-blend .card-body{
  background: var(--sc-white);
  border-radius: 1rem;
}
.sc-kpi-value{
  font-weight: 800;
  font-size: 1.35rem;
  color: var(--sc-green);
  line-height: 1.1;
}
.sc-kpi-label{
  font-size: .85rem;
  color:#6b7280;
}

/* ---------- Mission & Werte ---------- */
.sc-section{
  position: relative;
}
.sc-icon{
  width: 2rem; height: 2rem;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px;
  background: var(--sc-green);
  color: var(--sc-white);
  font-weight:700; line-height:1;
  flex:0 0 auto;
}
.sc-value{
  border-radius: 1rem;
  border:1px solid rgba(40,61,38,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sc-value:hover{
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);
  border-color: rgba(131,126,61,.35);
}

/* ---------- Timeline ---------- */
.sc-timeline{
  background: linear-gradient(180deg, #fff, #fbfbf8);
  border-top:1px solid rgba(40,61,38,.06);
  border-bottom:1px solid rgba(40,61,38,.06);
}
.timeline{
  position: relative;
  margin-left: .5rem;
  padding-left: 1.5rem;
}
.timeline:before{
  content:"";
  position:absolute; top:0; bottom:0; left:.5rem;
  width:2px; background: rgba(40,61,38,.15);
}
.timeline-item{
  position: relative;
  margin-bottom: 1.5rem;
}
.timeline-dot{
  position:absolute; left:-.1rem; top:.8rem;
  width:.8rem; height:.8rem; border-radius:999px;
  background: var(--sc-olive);
  box-shadow: 0 0 0 4px rgba(131,126,61,.2);
}
.timeline-content{
  border:1px solid rgba(40,61,38,.08);
  border-radius: 1rem;
}

/* ---------- Team ---------- */
.sc-member{
  border:1px solid rgba(40,61,38,.08);
  border-radius:1rem;
}
.sc-avatar{
  width:72px; height:72px; border-radius:999px;
  border:3px solid #fff;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.6), transparent 40%),
    linear-gradient(135deg, #c9c6a0, #8d894d);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
}

/* ---------- CTA ---------- */
.sc-cta{
  background:
    radial-gradient(900px 400px at 90% 20%, rgba(131,126,61,.25), transparent 60%),
    linear-gradient(180deg, rgba(40,61,38,.98), rgba(40,61,38,.98));
  color: var(--sc-white);
}
.sc-btn-light{
  background: var(--sc-white);
  color: var(--sc-green);
  border-color: var(--sc-white);
}
.sc-btn-light:hover,.sc-btn-light:focus{
  background:#f5f5f5; border-color:#f5f5f5; color: var(--sc-green);
}
.sc-cta-accent{
  position:absolute; inset:auto auto -20% -10%;
  width:40vw; height:40vw;
  background: radial-gradient(closest-side, rgba(131,126,61,.25), transparent 70%);
  transform: translateY(10%);
  pointer-events:none;
}

/* Typografie */
.sc-hero-about .display-5{ letter-spacing:.2px; }
h2,h3{ letter-spacing:.2px; }

/* Brand */
:root{
  --sc-green:#283d26;
  --sc-olive:#837e3d;
  --sc-white:#fff;
}

/* Spacing helper (совместим с остальными секциями) */
@media (min-width: 992px){
  .py-lg-6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
}

/* Badge & Button (reuse) */
.sc-badge-olive{
  background: rgba(131,126,61,0.15);
  color:#222;
  border:1px solid rgba(131,126,61,0.35);
}
.sc-btn-olive{
  background-color: var(--sc-olive);
  border-color: var(--sc-olive);
  color: var(--sc-green);
}
.sc-btn-olive:hover, .sc-btn-olive:focus{
  background-color:#9a9551;
  border-color:#9a9551;
  color: var(--sc-green);
}

/* ---------- FAQ (details/summary без JS) ---------- */
.sc-faq{
  background: #fff;
  border-top: 1px solid rgba(40,61,38,0.06);
}


.sc-faq-item{
  border:1px solid rgba(40,61,38,0.10);
  border-radius: .9rem;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
  padding: .25rem .5rem;
}
.sc-faq-item[open]{
  border-color: rgba(131,126,61,0.40);
  box-shadow: 0 .75rem 1.25rem rgba(0,0,0,.06);
}

/* Заголовок вопроса */
.sc-faq-q{
  list-style: none; /* скрыть маркер Firefox */
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1rem;
  margin: 0;
  font-weight: 600;
  color: #111827;
  position: relative;
  border-radius: .65rem;
  outline: none;
}
.sc-faq-q::-webkit-details-marker{ display:none; } /* скрыть маркер WebKit */

/* Иконка +/– */
.sc-faq-q::after{
  content: "+";
  margin-left: auto;
  font-weight: 800;
  line-height: 1;
  width: 1.25rem;
  text-align: center;
  color: var(--sc-green);
  transition: transform .18s ease, color .18s ease;
}
.sc-faq-item[open] > .sc-faq-q::after{
  content: "–";
  color: var(--sc-olive);
}

/* Ответ */
.sc-faq-a{
  padding: 0 1rem 1rem 1rem;
  color: #4b5563;
  line-height: 1.6;
  animation: sc-fade .2s ease-in;
}
.sc-faq-a strong{ color:#111; }

/* Фокус-стейты для доступности */
.sc-faq-q:focus-visible{
  box-shadow: 0 0 0 .25rem rgba(131,126,61,.25);
}

/* Небольшие правки на мобильных */
@media (max-width: 575.98px){
  .sc-faq-q{ padding: .85rem .9rem; }
  .sc-faq-a{ padding: 0 .9rem .9rem; }
}

/* Анимация */
@keyframes sc-fade{
  from{ opacity:0; transform: translateY(-2px); }
  to{ opacity:1; transform: translateY(0); }
}