:root {
  /* Замена на желто-черную палитру */
  --c0: #0A0A0A; /* Главный Фон - Темный */
  --c1: #1A1A1A; /* Фон 2 - Более светлый темный */
  --c2: #FFCC00; /* Акцент 1 - Ярко-желтый */
  --c3: #FEEB9A; /* Акцент 2 - Бледно-желтый */
  --c4: #FAFAFA; /* Текст - Светлый */
  --c5: #2A2A2A; /* Фон 3 - Средний темный */
  --c6: #FF9900; /* Акцент 3 - Оранжево-желтый */
  --c7: #ffffff; /* Белый */
  --ease: cubic-bezier(.2, .6, 0, 1);
}

* {
  box-sizing: border-box;
}

body, html {
  height: 100%;
}

body {
  margin: 0;
  background: var(--c0);
  color: var(--c4);
  /* Изменение шрифта на 'Inter' или аналогичный современный sans-serif */
  font: 400 16px/1.55 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  max-width: 100vw;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

/* HEADER STYLES */
.s-480392310 {
  position: sticky;
  top: 0;
  z-index: 50;
  /* Градиент изменен на темный/черный */
  background: linear-gradient(180deg, rgba(10, 10, 10, .85), rgba(10, 10, 10, .45), transparent);
  backdrop-filter: saturate(1.2) blur(6px);
  transition: transform .5s var(--ease);
}

.s-480392310.s-hideUp {
  transform: translateY(-100%);
}

.s-480392310 .s-83920110 {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px clamp(14px, 4vw, 40px);
}

.s-99300381 {
  display: flex;
  align-items: center;
  gap: 14px;
}

.s-99300381 .s-2228818 {
  font-weight: 900;
  letter-spacing: .4px;
  font-size: clamp(18px, 2.1vw, 24px);
  color: var(--c2); /* Акцентный желтый цвет */
}

.s-77555887 {
  display: flex;
  align-items: center;
  gap: 18px;
}

.s-77555887 a {
  opacity: .9;
  padding: 10px 12px;
  border-radius: 10px;
  transition: opacity .3s, background .3s;
}

.s-77555887 a:hover {
  opacity: 1;
  /* Hover эффект на желтый акцент */
  background: rgba(255, 204, 0, .15);
}

.s-55291001 {
  display: none;
  flex-direction: column;
  gap: 8px;
}

.s-55291001 span {
  width: 26px;
  height: 2px;
  background: var(--c4);
  border-radius: 2px;
  display: block;
  transition: transform .35s, opacity .35s;
}

.s-26700129 {
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 10, .9);
  display: none;
  z-index: 60;
}

.s-26700129 nav {
  position: absolute;
  inset: auto 0 0 0;
  background: var(--c1);
  border-top: 1px solid rgba(250, 250, 250, .15);
  padding: 24px clamp(16px, 6vw, 56px);
}

.s-26700129 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.s-26700129 a {
  display: block;
  padding: 12px 8px;
  border-radius: 10px;
  background: rgba(250, 250, 250, .08);
}

@media (max-width: 900px) {
  .s-77555887 {
    display: none;
  }
  .s-55291001 {
    display: flex;
  }
}

/* HERO SECTION STYLES */
.s-901102223 {
  min-height: 100svh;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.s-901102223:before {
  content: "";
  position: absolute;
  inset: -15% -15% auto -15%;
  height: 70%;
  /* Изменены радиальные градиенты на желтые/оранжевые акценты */
  background: radial-gradient(1100px 600px at 12% 0, rgba(255, 204, 0, .12), transparent 60%), 
              radial-gradient(900px 600px at 88% 10%, rgba(254, 235, 154, .08), transparent 60%);
  pointer-events: none;
  z-index: 0;
  animation: 18s linear infinite alternate s-bgMove;
}

.s-20121991 {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 10px;
  padding: clamp(12px, 1.5vw, 18px);
  filter: saturate(1.15);
}

.s-20121991 > figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  background: var(--c1);
}

.s-20121991 .s-6460606 {
  position: absolute;
  inset: auto 0 0 0;
  height: min(28svh, 220px);
  background: linear-gradient(180deg, transparent, rgba(10, 10, 10, .85) 65%, var(--c0));
  z-index: 1;
}

.s-5551281 {
  position: relative;
  z-index: 2;
  display: grid;
  align-items: center;
  min-height: 100svh;
}

.s-5551281 .s-9911001 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 40px);
}

.s-98111881 {
  display: inline-grid;
  gap: 10px;
}

.s-98111881 h1 {
  margin: 0;
  line-height: .95;
  font-weight: 900;
  letter-spacing: -.5px;
  font-size: clamp(34px, 7.6vw, 96px);
  /* Изменен градиент на желтые/оранжевые акценты */
  background: linear-gradient(90deg, var(--c2) 20%, var(--c6) 40%, var(--c3) 60%, var(--c2) 80%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .45));
  animation: 8s linear infinite s-shine;
}

.s-98111881 p {
  margin: 8px 0 0;
  max-width: 70ch;
  font-size: clamp(16px, 1.7vw, 20px);
  opacity: .92;
  animation: s-softRise .9s var(--ease) both;
}

.s-4400220 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.s-4400220 .s-1128 {
  padding: 12px 18px;
  border-radius: 14px;
  /* Изменен градиент кнопки */
  background: linear-gradient(135deg, var(--c2), var(--c6));
  color: var(--c0);
  font-weight: 800;
  transform: translateY(0);
  transition: transform .2s var(--ease);
}

.s-4400220 .s-1128:hover {
  transform: translateY(-2px);
}

.s-4400220 .s-1129 {
  padding: 12px 18px;
  border-radius: 14px;
  /* Изменен фон и граница кнопки */
  background: rgba(255, 204, 0, .15);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(254, 235, 154, .2);
}

.s-ttwrap {
  position: relative;
  margin-top: 14px;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}

.s-tt {
  display: inline-flex;
  gap: 12px;
  white-space: nowrap;
  animation: 24s linear infinite s-marquee;
}

.s-tt:hover {
  animation-play-state: paused;
}

.s-tt .s-chip {
  /* Изменены границы и фон чипов */
  border: 1px solid rgba(254, 235, 154, .25);
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 14px;
  background: rgba(255, 204, 0, .1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.s-77007700 {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  max-width: 1024px;
}

.s-77007700 article {
  /* Изменены фон и граница карточек */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  backdrop-filter: blur(4px);
  padding: 14px;
  border-radius: 16px;
  transform: translateY(18px) scale(.98);
  opacity: 0;
  transition: .8s var(--ease);
}

.s-77007700 article.s-appear {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.s-cwrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 40px);
}

/* MÉTHODE D’APPRENTISSAGE SECTION STYLES */
.s-22004400 {
  position: relative;
  padding: clamp(40px, 8vw, 120px) 0;
  /* Изменен градиент на темные/желтые акценты */
  background: linear-gradient(180deg, var(--c5) 0, var(--c1) 100%);
}

.s-22004400 h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4.8vw, 56px);
  line-height: 1;
  letter-spacing: -.4px;
  color: var(--c2); /* Акцентный желтый цвет */
}

.s-22004400 p {
  max-width: 78ch;
  opacity: .92;
}

.s-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.s-step {
  /* Изменены фон и граница шагов */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 18px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.s-step:after {
  content: attr(data-n);
  position: absolute;
  right: -10px;
  top: -6px;
  font-weight: 900;
  font-size: 72px;
  opacity: .06;
  color: var(--c2); /* Акцентный желтый цвет */
}

.s-step h3 {
  margin: 0 0 6px;
  font-size: 18px;
  color: var(--c6); /* Оранжево-желтый акцент */
}

.s-step p {
  margin: 0;
  font-size: 14px;
  opacity: .92;
}

/* TECHNOLOGIEEN SECTION STYLES */
.s-33005500 {
  padding: clamp(40px, 8vw, 120px) 0;
  background: var(--c1);
}

.s-33005500 h2 {
  color: var(--c2); /* Акцентный желтый цвет */
  margin: 0 0 12px;
  font-size: clamp(28px, 4.8vw, 56px);
  line-height: 1;
  letter-spacing: -.4px;
}

.s-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 24px;
}

.s-tech-item {
  /* Изменены фон и граница элементов */
  background: rgba(255, 204, 0, .15);
  border: 1px solid rgba(254, 235, 154, .3);
  border-radius: 18px;
  padding: 24px;
  text-align: center;
}

.s-tech-item h3 {
  margin: 0 0 12px;
  color: var(--c2); /* Акцентный желтый цвет */
  font-size: 24px;
}

.s-tech-item p {
  margin: 0;
  opacity: .9;
  font-size: 16px;
  line-height: 1.6;
}

/* VAARDIGHEDEN SECTION STYLES */
.s-44006600 {
  padding: clamp(40px, 8vw, 120px) 0;
  /* Изменен градиент на темные/черные акценты */
  background: linear-gradient(180deg, var(--c5), var(--c0));
}

.s-mods {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.s-mod {
  /* Изменены фон и граница модулей */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 8px;
}

.s-mod h3 {
  margin: 0;
  font-size: 18px;
  color: var(--c2); /* Акцентный желтый цвет */
}

.s-mod p {
  margin: 0;
  font-size: 14px;
  opacity: .9;
}

/* STATISTIEKEN SECTION STYLES */
.s-55007700 {
  padding: clamp(40px, 8vw, 120px) 0;
  background: var(--c0);
}

.s-lab {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  text-align: center;
}

.s-lab h2 {
  color: var(--c2); /* Акцентный желтый цвет */
  margin: 0 0 12px;
  font-size: clamp(28px, 4.8vw, 56px);
  line-height: 1;
  letter-spacing: -.4px;
}

.s-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 24px;
}

.s-stat-card {
  /* Изменены фон и граница карточек статистики */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}

.s-stat-number {
  font-size: 36px;
  font-weight: 900;
  color: var(--c2); /* Акцентный желтый цвет */
  display: block;
  margin-bottom: 8px;
}

.s-stat-label {
  font-size: 14px;
  opacity: .8;
}

/* KWALITEIT SECTION STYLES */
.s-66008800 {
  padding: clamp(40px, 8vw, 120px) 0;
  /* Изменен градиент на темные/черные акценты */
  background: linear-gradient(180deg, var(--c0), var(--c5));
}

.s-acc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

.s-acc details {
  /* Изменены фон и граница деталей */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 14px;
  padding: 12px;
}

.s-acc summary {
  font-weight: 700;
  cursor: pointer;
  color: var(--c2); /* Акцентный желтый цвет */
}

/* FAQ/TEMOIGNAGES SECTION STYLES */
.s-88001100 {
  padding: clamp(40px, 8vw, 120px) 0;
  /* Изменен градиент на темные/черные акценты */
  background: linear-gradient(180deg, var(--c1), var(--c0));
}

.s-rev {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.s-rc {
  /* Изменены фон и граница отзывов */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 16px;
  padding: 16px;
}

.s-rc b {
  display: block;
  margin-bottom: 8px;
  color: var(--c2); /* Акцентный желтый цвет */
}

.s-faq {
  margin-top: 20px;
}

.s-faq h3 {
  color: var(--c2); /* Акцентный желтый цвет */
  font-size: clamp(24px, 3vw, 32px);
}

.s-faq details {
  /* Изменены фон и граница FAQ */
  background: rgba(255, 204, 0, .1);
  border: 1px solid rgba(254, 235, 154, .2);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 8px;
}

/* FOOTER STYLES */
footer.s-99002200 {
  padding: 28px clamp(16px, 4vw, 40px);
  background: var(--c0);
  border-top: 1px solid rgba(254, 235, 154, .15);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.s-ftnav {
  display: flex;
  gap: 14px;
}

.s-ftnav a {
  opacity: .85;
}

.s-addr {
  font-size: 14px;
  opacity: .8;
}

/* MEDIA QUERIES (Оставлены без изменений, так как они относятся к структуре) */
@media (max-width: 1000px) {
  .s-steps {
    grid-template-columns: 1fr 1fr;
  }
  .s-mods {
    grid-template-columns: 1fr 1fr;
  }
  .s-tech-grid {
    grid-template-columns: 1fr;
  }
  .s-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .s-acc {
    grid-template-columns: 1fr;
  }
  .s-rev {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .s-steps {
    grid-template-columns: 1fr;
  }
  .s-mods {
    grid-template-columns: 1fr;
  }
  .s-stats-grid {
    grid-template-columns: 1fr;
  }
  .s-rev {
    grid-template-columns: 1fr;
  }
  .s-77007700 {
    grid-template-columns: 1fr;
  }
}

/* ANIMATIONS (Оставлены без изменений) */
@keyframes s-bgMove {
  0% { transform: translateY(0); }
  100% { transform: translateY(20px); }
}

@keyframes s-shine {
  0% { background-position: 0 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes s-softRise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes s-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}