h1, h2, h3, h4{
    color: #31293f;
}

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

/* === Taxenta About Styles (Bootstrap overrides & tokens) === */

/* Color tokens */
:root{
  --tx-primary-900:#31293f;
  --tx-primary-800:#3b3250;
  --tx-primary-700:#554d74;
  --tx-primary-50:#d3d9e9;
  --tx-accent:#554d74;     /* акцентные элементы */
  --tx-on-dark:#ffffff;
  --tx-on-light:#000000;
  --tx-muted:#667085;
}

/* Spacing utilities */
.py-6{padding-top:3.5rem!important;padding-bottom:3.5rem!important;}
.py-7{padding-top:4.5rem!important;padding-bottom:4.5rem!important;}

/* Background helpers matching palette */
.bg-primary-900{background-color:var(--tx-primary-900)!important;}
.bg-primary-800{background-color:var(--tx-primary-800)!important;}
.bg-primary-50{background-color:var(--tx-primary-50)!important;}
.bg-accent{background-color:var(--tx-accent)!important;}

.text-primary-900{color:var(--tx-primary-900)!important;}
.text-secondary-700{color:var(--tx-muted)!important;}

/* Buttons */
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--tx-accent);
  --bs-btn-border-color:var(--tx-accent);
  --bs-btn-hover-bg:#463f61;
  --bs-btn-hover-border-color:#463f61;
  --bs-btn-active-bg:#3b3556;
  --bs-btn-active-border-color:#3b3556;
  --bs-btn-shadow:0 0.5rem 1rem rgba(0,0,0,.08);
}

/* Hero card */
.about-hero-card{
  border:1px solid rgba(255,255,255,.12);
}

/* Values */
.value-card{
  background:#fff;
}
.value-card .value-icon{
  width:56px;height:56px;
  background:linear-gradient(145deg, var(--tx-primary-50), #eef1f8);
  border:1px solid #e6eaf4;
}

/* Stats */
.stat-tile{
  background:#fff;
  border:1px solid #eef0f6;
}

/* Accessible heading contrast on dark backgrounds */
#about-hero h2, #about-hero p, #about-hero li, #about-hero .h5{
  color:var(--tx-on-dark);
}

/* Rounded shapes */
.rounded-4{border-radius:1rem!important;}

/* Optional: smooth section anchors */
html{scroll-behavior:smooth;}

/* === Taxenta Business Model Styles === */

/* Palette tokens */
:root{
  --tx-primary-900:#31293f;
  --tx-primary-700:#554d74;
  --tx-primary-50:#d3d9e9;
  --tx-white:#ffffff;
  --tx-black:#000000;
  --tx-muted:#667085;
}

/* Spacing utils (добавка к Bootstrap) */
.py-6{padding-top:3.5rem!important;padding-bottom:3.5rem!important;}

/* Background + text helpers */
.bg-primary-50{background-color:var(--tx-primary-50)!important;}
.text-primary-900{color:var(--tx-primary-900)!important;}
.text-secondary-700{color:var(--tx-muted)!important;}

/* Accent button на базе палитры */
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--tx-primary-700);
  --bs-btn-border-color:var(--tx-primary-700);
  --bs-btn-hover-bg:#473f66;
  --bs-btn-hover-border-color:#473f66;
  --bs-btn-active-bg:#3e375a;
  --bs-btn-active-border-color:#3e375a;
  --bs-btn-shadow:0 0.5rem 1rem rgba(0,0,0,.08);
}

/* Section elements */
.bm-card{
  background:#fff;
  border:1px solid #eef0f6;
}
.bm-panel{
  border:1px solid rgba(255,255,255,.12);
}
.bm-step{
  width:40px;height:40px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(211,217,233,.18);
  color:#fff;
  font-weight:700;
  border:1px solid rgba(255,255,255,.25);
}
.bm-highlight{
  background:#fff;
  border:1px solid #eef0f6;
}
.bm-dot{
  width:12px;height:12px;border-radius:50%;
  background:var(--tx-primary-700);
  margin-top:.35rem;
}

/* Pricing tiles */
.pricing-tile{
  background:#fff;
  border:1px solid #e9ecf5;
}
.pricing-tile.featured{
  background:linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
  border-color:#e2e6f2;
}
.pricing-tile .btn{
  border-width:2px;
}

/* Rounded helpers */
.rounded-4{border-radius:1rem!important;}

/* Dark block */
.bg-primary-900{background-color:var(--tx-primary-900)!important;}

/* Spacing util */
.py-6{padding-top:3.5rem!important;padding-bottom:3.5rem!important;}

/* Helpers */
.bg-primary-50{background-color:var(--tx-primary-50)!important;}
.text-primary-900{color:var(--tx-primary-900)!important;}
.text-secondary-700{color:var(--tx-muted)!important;}

/* Accent button */
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--tx-primary-700);
  --bs-btn-border-color:var(--tx-primary-700);
  --bs-btn-hover-bg:#473f66;
  --bs-btn-hover-border-color:#473f66;
  --bs-btn-active-bg:#3e375a;
  --bs-btn-active-border-color:#3e375a;
  --bs-btn-shadow:0 0.5rem 1rem rgba(0,0,0,.1);
}

/* Cards */
.pricing-card{
  background:#fff;
  border:1px solid #e9ecf5;
}
.pricing-card.featured{
  background:linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
  border-color:#e2e6f2;
}
.rounded-4{border-radius:1rem!important;}

/* Bullets */
.price-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--tx-primary-700);
  display:inline-block;flex:0 0 8px;
}

/* Top badge for featured card */
.badge-top{
  position:absolute;top:12px;right:12px;
  padding:.35rem .6rem;border-radius:999px;
  font-size:.75rem;font-weight:600;
}

/* Dark block */
.bg-primary-900{background-color:var(--tx-primary-900)!important;}

/* Accordion tweaks on dark */
#pricing .accordion-button{
  border-radius:.5rem;
}
#pricing .accordion-button:focus{box-shadow:none;}
#pricing .accordion-button::after{
  filter:invert(1) brightness(1.2);
}

/* Table */
#pricing table th, #pricing table td{
  border-color:#eef1f7!important;
}

/* Accessibility: focus rings */
#pricing a.btn:focus{
  box-shadow:0 0 0 .2rem rgba(85,77,116,.3)!important;
}