h1, h2, h3, h4{
    color: #41394a;
}

@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 {
  font-size:25px;
  animation-delay: 0.2s;
}

h3 {
  font-size:22px;
  animation-delay: 0.4s;
}

h4 {
  animation-delay: 0.6s;
}

@media(max-width:680px){
  .h5{
    font-size:18px;
  }
  h2{
    font-size: 22px;
  } 
  p{
    font-size:18px;
  }
  
}
  /* 1) Глобально отключаем горизонтальный скролл */
html { overflow-x: clip; }               /* современные браузеры */
body { overflow-x: hidden; width: 100%; } /* фолбэк */

/* ===== Palette =====
Graphit (Text/Dark): #0F172A
Ivory (Hintergrund): #F8F9FB
Wash (Sektionen): #EEF2F7
Amber (Akzent): #F59E0B
Amber Hover (dunkler): #D97706
Soft Blue-Grey (Lines): #CBD5E1
*/

/* Spacing helpers */
.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

/* Base */
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #0F172A; background: #FFFFFF; }
h1, h2, h3, .fw-bold { letter-spacing: -0.02em; }
.text-am-muted { color: #475569; } /* slate-600 */
.bg-am-ivory { background: #F8F9FB; }
.bg-am-wash { background: #EEF2F7; }

/* Links */
.link-am { color: #0F172A; text-decoration: none; border-bottom: 1px solid rgba(15,23,42,0.2); padding-bottom: 2px; transition: border-color .2s ease, color .2s ease; }
.link-am:hover { color: #0F172A; border-color: #0F172A; }

/* Hero */
.am-hero { min-height: 88vh; background: radial-gradient(1200px 600px at 15% -10%, #FFF7ED 0%, transparent 60%) no-repeat, linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%); }
.am-badge { background: #FFF7ED; color: #7C2D12; border: 1px solid #FED7AA; }
.btn-am-primary { background: #F59E0B; color: #111827; border: 1px solid #F59E0B; transition: transform .08s ease, box-shadow .2s ease, background .2s ease; }
.btn-am-primary:hover { background: #D97706; color: #0B0F19; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(245,158,11,.25); }
.btn-outline-am { background: transparent; color: #0F172A; border: 1.5px solid #CBD5E1; }
.btn-outline-am:hover { border-color: #0F172A; background: #F8F9FB; }

.am-hero-media { position: relative; }
.am-hero-img { border-radius: 1.25rem; box-shadow: 0 24px 60px rgba(2,6,23,.12); }
.am-hero-card { position: absolute; right: 8%; bottom: -6%; background: #FFFFFF; border-radius: 1rem; padding: 1rem 1.25rem; }
.am-deco { position: absolute; inset: -6% -4% auto auto; width: 220px; height: 220px; border-radius: 24px; background: conic-gradient(from 180deg at 50% 50%, #FFF1C2, #FFFFFF); filter: blur(18px); opacity: .65; pointer-events: none; }

/* Features */
.am-feature { border: 1px solid #E2E8F0; border-radius: 1rem; transition: transform .12s ease, box-shadow .2s ease; }
.am-feature:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15,23,42,.08); }
.am-icon { width: 36px; height: 36px; opacity: .9; }

/* Pakete */
.am-plan { border: 1px solid #E2E8F0; border-radius: 1rem; overflow: hidden; }
.am-checklist { margin: 0; padding-left: 1.25rem; }
.am-checklist li { margin-bottom: .25rem; }
.nav-pills .nav-link { border-radius: 999px; padding: .6rem 1rem; border: 1px solid #E2E8F0; color: #0F172A; background: #FFFFFF; }
.nav-pills .nav-link.active { background: #0F172A; color: #FFFFFF; border-color: #0F172A; }

.am-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.am-kpi { display: block; font-weight: 700; font-size: 1.1rem; }
.am-kpi-label { display: block; color: #475569; font-size: .85rem; }

/* Stimmen/Logos */
.am-quote { border: 1px solid #E2E8F0; border-radius: 1rem; background: #FFFFFF; }
.am-logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem; align-items: center; }
.am-logo-grid img { width: 100%; max-height: 42px; object-fit: contain; filter: grayscale(100%); opacity: .7; transition: opacity .2s ease; }
.am-logo-grid img:hover { opacity: 1; filter: grayscale(0%); }

/* CTA & Form */
.am-cta { background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%); }
.am-form { border: 1px solid #E2E8F0; border-radius: 1rem; }
.form-control:focus { border-color: #F59E0B; box-shadow: 0 0 0 .25rem rgba(245,158,11,.15); }

/* Accordion */
.am-accordion .accordion-button { background: #FFFFFF; }
.am-accordion .accordion-button:not(.collapsed) { color: #0F172A; background: #FFF7ED; box-shadow: inset 0 -1px 0 rgba(0,0,0,.05); }

/* Services Section — Dark (#41394a) / Accent (#c5cd13) / White */
.am-services {
  background: #41394a;
  position: relative;
  overflow: hidden;
}
.am-services::before {
  content: "";
  position: absolute;
  top: -25%;
  right: -15%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(197,205,19,.25) 0%, transparent 70%);
  filter: blur(18px);
  pointer-events: none;
}

.am-badge-accent {
  background: #c5cd13;
  color: #41394a;
  font-weight: 600;
}

.btn-am-accent {
  background: #c5cd13;
  color: #41394a;
  border: 1px solid #c5cd13;
}
.btn-am-accent:hover {
  background: #b6be11;
  border-color: #b6be11;
  color: #2a2533;
}

.am-service-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
  height: 100%;
}
.am-service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(197,205,19,0.5);
  box-shadow: 0 14px 40px rgba(0,0,0,.3);
}

.am-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  border-radius: 999px;
  background: #c5cd13;
  color: #41394a;
  box-shadow: 0 8px 20px rgba(197,205,19,.3);
}

.am-bullets {
  padding-left: 1.2rem;
  margin: 0;
}
.am-bullets li {
  color: rgba(255,255,255,0.75);
  margin-bottom: .25rem;
  font-size: 0.9rem;
}

/* ===== One-Image Section ===== */
.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

.text-am-dark { color: #41394a; }
.text-am-muted { color: #475569; } /* нейтральный серо-синий для контраста */

.am-oneimage {
  background:
    radial-gradient(900px 400px at 10% -10%, rgba(197,205,19,0.12), transparent 60%),
    #ffffff;
  position: relative;
}

/* Badge & Buttons в фирменных цветах */
.am-badge-accent {
  background: #c5cd13;
  color: #41394a;
  font-weight: 600;
  border: 0;
}

.btn-am-accent {
  background: #c5cd13;
  color: #41394a;
  border: 1px solid #c5cd13;
  transition: transform .08s ease, box-shadow .2s ease;
}
.btn-am-accent:hover {
  background: #b6be11;
  border-color: #b6be11;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(197,205,19,.28);
}

.btn-outline-am {
  background: transparent;
  color: #41394a;
  border: 1.5px solid #41394a;
}
.btn-outline-am:hover {
  background: #41394a;
  color: #fff;
}

/* Steps */
.am-steps li {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .6rem 0;
  border-bottom: 1px dashed rgba(65,57,74,.18);
}
.am-steps li:last-child { border-bottom: none; }

.am-step-index {
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  background: #41394a;
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  flex: 0 0 32px;
}

/* Image block */
.am-image-wrap { position: relative; }
.am-image { display: block; width: 100%; height: auto; }

.am-float-card {
  position: absolute;
  bottom: -12px; right: 12px;
  background: #ffffff;
  border: 1px solid rgba(65,57,74,.15);
  border-radius: 12px;
  padding: .75rem 1rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* Адаптивность */
@media (max-width: 991.98px) {
  .am-float-card { bottom: -10px; right: 8px; }
}

/* ===== FAQ Section (palette: #41394a / #c5cd13 / #fff) ===== */
.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

.text-am-dark { color: #41394a; }
.text-am-muted { color: #475569; }

.am-badge-accent {
  background: #c5cd13;
  color: #41394a;
  font-weight: 600;
  border: 0;
}

.am-faq {
  background:
    radial-gradient(900px 380px at 85% -10%, rgba(197,205,19,.12), transparent 60%),
    #ffffff;
}

.am-faq-list {
  display: grid;
  gap: 0.75rem;
}

/* Item container */
.am-faq-item {
  border: 1px solid rgba(65,57,74,.18);
  border-radius: 0.9rem;
  background: #fff;
  overflow: hidden;
}

/* Summary behaving like a button */
.am-faq-summary {
  list-style: none;
  cursor: pointer;
  padding: 1rem 1.25rem;
  position: relative;
  font-weight: 600;
  color: #41394a;
  display: flex;
  align-items: center;
  gap: .75rem;
}
.am-faq-summary::-webkit-details-marker { display: none; }

/* Chevron */
.am-faq-summary::after {
  content: "";
  margin-left: auto;
  width: 12px; height: 12px;
  border-right: 2px solid #41394a;
  border-bottom: 2px solid #41394a;
  transform: rotate(-45deg);
  transition: transform .2s ease;
}

/* Open state */
.am-faq-item[open] .am-faq-summary {
  background: #f9fafb;
  border-bottom: 1px solid rgba(65,57,74,.12);
}
.am-faq-item[open] .am-faq-summary::after {
  transform: rotate(45deg);
}

/* Body */
.am-faq-body {
  padding: 1rem 1.25rem 1.25rem;
  color: #475569;
  line-height: 1.6;
}

/* Focus & hover for accessibility */
.am-faq-summary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(197,205,19,.35);
  border-radius: .9rem .9rem 0 0;
}
.am-faq-summary:hover {
  background: #f9fafb;
}

/* Dark variant helper (если вставите в тёмную секцию) */
.am-faq.dark .am-faq-item {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.14);
}
.am-faq.dark .am-faq-summary { color: #fff; }
.am-faq.dark .am-faq-summary::after { border-color: #c5cd13; }
.am-faq.dark .am-faq-body { color: rgba(255,255,255,.8); }

/* ==== Palette & utilities ==== */
:root {
  --am-dark: #41394a;
  --am-accent: #c5cd13;
}
.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.text-am-dark { color: var(--am-dark); }
.text-am-muted { color: #475569; }
.link-am { color: var(--am-dark); text-decoration: none; border-bottom: 1px solid rgba(65,57,74,.2); padding-bottom: 2px; }
.link-am:hover { border-color: var(--am-dark); }

/* Buttons */
.btn-am-accent { background: var(--am-accent); color: var(--am-dark); border: 1px solid var(--am-accent); }
.btn-am-accent:hover { background: #b6be11; border-color: #b6be11; color: #2a2533; }
.btn-outline-am { background: transparent; color: var(--am-dark); border: 1.5px solid var(--am-dark); }
.btn-outline-am:hover { background: var(--am-dark); color: #fff; }

/* Badge */
.am-badge-accent { background: var(--am-accent); color: var(--am-dark); font-weight: 600; border: 0; }

/* ==== Sektion 1: Hero ==== */
.about-hero {
  background: radial-gradient(1100px 460px at 10% -10%, rgba(197,205,19,.18), transparent 60%), var(--am-dark);
  color: #fff;
}
.about-hero-media { position: relative; }
.about-hero-card {
  position: absolute; right: 12px; bottom: -12px;
  background: #ffffff; color: var(--am-dark);
  border: 1px solid rgba(65,57,74,.16);
  border-radius: 12px; padding: .75rem 1rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.15);
}

/* ==== Sektion 2: Werte ==== */
.about-values { background: #fff; }
.am-value { border: 1px solid rgba(65,57,74,.12); border-radius: 1rem; transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease; }
.am-value:hover { transform: translateY(-4px); border-color: rgba(197,205,19,.55); box-shadow: 0 16px 40px rgba(0,0,0,.08); }
.am-icon-wrap { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: var(--am-accent); color: var(--am-dark); box-shadow: 0 8px 18px rgba(197,205,19,.35); }

/* ==== Sektion 3: Team ==== */
.about-team { background: #f7f7fa; }
.am-person { border: 1px solid rgba(65,57,74,.12); border-radius: 1rem; overflow: hidden; }
.am-person .card-img-top { height: 220px; object-fit: cover; }
.about-trust { border: 1px solid rgba(65,57,74,.12); border-radius: 1rem; background: #fff; padding: .9rem 1rem; }

/* ==== Sektion 4: Ansatz / Prozess ==== */
.about-approach { background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%); }
.about-steps li { display: flex; align-items: center; gap: .75rem; padding: .55rem 0; border-bottom: 1px dashed rgba(65,57,74,.18); }
.about-steps li:last-child { border-bottom: none; }
.about-steps .step {
  width: 32px; height: 32px; flex: 0 0 32px;
  background: var(--am-dark); color: #fff;
  border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .95rem;
}

/* Footer helpers */
.border-top { border-top: 1px solid rgba(65,57,74,.12) !important; }
.nav-link { color: #6b7280; }
.nav-link:hover { color: var(--am-dark); }

.py-6{padding-top:4.5rem;padding-bottom:4.5rem;}
.text-am-dark{color:var(--am-dark);}
.text-am-muted{color:#475569;}

.am-badge-accent{
  background:var(--am-accent);
  color:var(--am-dark);
  font-weight:600;
  border:0;
}

.btn-am-accent{
  background:var(--am-accent);
  color:var(--am-dark);
  border:1px solid var(--am-accent);
  transition:transform .08s ease, box-shadow .2s ease;
}
.btn-am-accent:hover{
  background:#b6be11;border-color:#b6be11;color:#2a2533;
  transform:translateY(-1px);box-shadow:0 8px 22px rgba(197,205,19,.28);
}
.btn-outline-am{
  background:transparent;color:var(--am-dark);border:1.5px solid var(--am-dark);
}
.btn-outline-am:hover{background:var(--am-dark);color:#fff;}

.am-pricing{
  background:
    radial-gradient(900px 380px at 85% -10%, rgba(197,205,19,.12), transparent 60%),
    #fff;
}

/* Price cards */
.am-price{
  border:1px solid rgba(65,57,74,.12);
  border-radius:1rem;
  overflow:hidden;
  transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;
  background:#fff;
}
.am-price:hover{
  transform:translateY(-4px);
  border-color:rgba(197,205,19,.45);
  box-shadow:0 16px 40px rgba(0,0,0,.08);
}

.am-price .card-header{padding:1.25rem 1.25rem 0;}
.am-price .card-body{padding:1rem 1.25rem 1.25rem;}

.am-price h5{color:var(--am-dark);}

.am-price-tag{
  display:flex;align-items:flex-end;gap:.35rem;margin:.25rem 0 .25rem;
  color:var(--am-dark);
}
.am-price-tag .am-currency{font-weight:700;opacity:.9;}
.am-price-tag .am-amount{font-weight:800;font-size:2rem;line-height:1;}
.am-price-tag .am-period{color:#6b7280;font-size:.95rem;}

.am-note{margin-top:.25rem;}

.am-list{margin:0;padding-left:1.1rem;}
.am-list li{margin-bottom:.35rem;color:#475569;}

/* Popular plan */
.am-popular{
  position:relative;border-width:2px;border-color:var(--am-dark);
  box-shadow:0 18px 48px rgba(0,0,0,.12);
}
.am-ribbon{
  position:absolute;top:12px;right:-36px;
  background:var(--am-accent);color:var(--am-dark);
  transform:rotate(45deg);
  padding:.25rem 2rem;font-weight:700;font-size:.8rem;
}

/* Add-ons strip */
.am-addons{border:1px solid rgba(65,57,74,.12);border-radius:1rem;background:#fff;}
.am-addons-list{
  display:flex;flex-wrap:wrap;gap:1rem 1.25rem;list-style:none;margin:0;
  padding:0;
}
.am-addons-list li{
  background:#f8fafc;border:1px dashed rgba(65,57,74,.18);
  border-radius:.6rem;padding:.5rem .75rem;color:#334155;
}

/* Focus */
.btn-am-accent:focus-visible,.btn-outline-am:focus-visible,.am-price a:focus-visible{
  outline:none;box-shadow:0 0 0 .25rem rgba(197,205,19,.35);
}

/* ===== Palette & Utilities ===== */
:root{
  --bm-dark:#41394a;
  --bm-accent:#c5cd13;
}
.py-6{padding-top:4.5rem;padding-bottom:4.5rem;}
.text-bm-dark{color:var(--bm-dark);}
.text-bm-muted{color:#475569;}
.link-bm{color:var(--bm-dark);text-decoration:none;border-bottom:1px solid rgba(65,57,74,.2);padding-bottom:2px;}
.link-bm:hover{border-color:var(--bm-dark);}

/* Buttons & Badges */
.btn-bm-accent{background:var(--bm-accent);color:var(--bm-dark);border:1px solid var(--bm-accent);transition:transform .08s ease, box-shadow .2s ease;}
.btn-bm-accent:hover{background:#b6be11;border-color:#b6be11;color:#2a2533;transform:translateY(-1px);box-shadow:0 8px 22px rgba(197,205,19,.28);}
.bm-badge-accent{background:var(--bm-accent);color:var(--bm-dark);font-weight:600;border:0;}

/* ===== Sektion 1: Hero ===== */
.bm-hero{background: radial-gradient(1100px 460px at 10% -10%, rgba(197,205,19,.18), transparent 60%), var(--bm-dark);color:#fff;}
.bm-hero-card{background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:1rem; padding:1rem 1.25rem;}
.bm-kpi{color:#fff;}

/* ===== Sektion 2: Wertangebot ===== */
.bm-value{background:#ffffff;}
.bm-card{border:1px solid rgba(65,57,74,.12); border-radius:1rem; transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;}
.bm-card:hover{transform:translateY(-4px); border-color:rgba(197,205,19,.55); box-shadow:0 16px 40px rgba(0,0,0,.08);}
.bm-list{margin:0; padding-left:1.1rem;}
.bm-list li{margin-bottom:.35rem;}

/* ===== Sektion 3: Canvas ===== */
.bm-canvas{background:linear-gradient(180deg,#fff 0%, #fafbfe 100%);}
.bm-canvas-card{border:1px solid rgba(65,57,74,.12); border-radius:1rem; background:#fff;}

/* ===== Sektion 4: Revenue & KPIs ===== */
.bm-revenue{background: radial-gradient(900px 380px at 85% -10%, rgba(197,205,19,.12), transparent 60%), #fff;}
.bm-price{border:1px solid rgba(65,57,74,.12); border-radius:1rem; background:#fff; transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;}
.bm-price:hover{transform:translateY(-4px); border-color:rgba(197,205,19,.45); box-shadow:0 16px 40px rgba(0,0,0,.08);}
.bm-tag{display:flex; align-items:flex-end; gap:.35rem; margin:.25rem 0 .5rem; color:var(--bm-dark);}
.bm-tag span{font-weight:700; opacity:.9;}
.bm-tag strong{font-weight:800; font-size:2rem; line-height:1;}
.bm-tag em{color:#6b7280; font-size:.95rem; font-style:normal;}
.bm-popular{position:relative; border-width:2px; border-color:var(--bm-dark); box-shadow:0 18px 48px rgba(0,0,0,.12);}
.bm-ribbon{position:absolute; top:12px; right:-36px; background:var(--bm-accent); color:var(--bm-dark); transform:rotate(45deg); padding:.25rem 2rem; font-weight:700; font-size:.8rem;}

.bm-kpi-card{border:1px solid rgba(65,57,74,.12); border-radius:.9rem; padding:.9rem 1rem; background:#fff;}

/* Footer helpers */
.border-top{border-top:1px solid rgba(65,57,74,.12) !important;}
.nav-link{color:#6b7280;}
.nav-link:hover{color:var(--bm-dark);}

/* Focus accessibility */
.btn-bm-accent:focus-visible, .btn-outline-light:focus-visible, .link-bm:focus-visible, .bm-price a:focus-visible {
  outline:none; box-shadow:0 0 0 .25rem rgba(197,205,19,.35);
}