body {
  margin: 0;
  overflow-x: hidden;
  min-height: 100vh;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-family: 'Roboto Slab', serif
}

:focus {
  outline: 2px dashed #A8D730;
  outline-offset: 3px
}

.brand__bar {
  background: linear-gradient(135deg, #1b1710 0%, #231e14 60%, #1a1608 100%);
  border-bottom: 1px solid #a8d7302e;
  padding: 24px 24px 12px
}

.brand__row {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px
}

.brand__capsule {
  display: flex;
  align-items: center;
  background-color: #f5f2eb;
  border-radius: 16px;
  padding: 8px 12px;
  box-shadow: 0 2px 2px 0 #a8d73014 0 5px 22px 0 #a8d73014;
  flex-shrink: 0
}

.brand__capsule img {
  width: auto;
  height: 36px;
  display: block;
  object-fit: contain
}

.brand__divider {
  width: 1px;
  height: 36px;
  background: #a8d73040;
  flex-shrink: 0
}

.brand__tag {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: .08em;
  color: #D9EAEA;
  opacity: .82;
  text-transform: uppercase
}

.menu__bar {
  background: linear-gradient(180deg, #231e14 0%, #2a2418 100%);
  border-bottom: 2px solid #A8D730;
  padding: 0 24px
}

.menu__row {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0
}

.menu__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: .06em;
  color: #D9EAEA;
  text-decoration: none;
  padding: 12px 24px;
  border-bottom: 3px solid transparent;
  transition: color .5s ease-in-out, border-color .55s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color .5s ease-in-out;
  min-height: 44px;
  box-sizing: border-box
}

.menu__link:hover {
  color: #A8D730;
  border-bottom-color: #a8d73080;
  background-color: #a8d7300f
}

.menu__link--active {
  color: #A8D730;
  border-bottom-color: #A8D730
}

.menu__link .pe-7s-home,
.menu__link .pe-7s-tools,
.menu__link .pe-7s-mail,
.menu__link .pe-7s-info,
.menu__link .pe-7s-study {
  font-size: 15px;
  line-height: 1
}

.base__foot {
  background: linear-gradient(160deg, #1b1710 0%, #1e1a0e 100%);
  border-top: 1px solid #d9eaea1f;
  padding: 36px 24px 24px
}

.foot__inner {
  max-width: 1024px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 72px;
  align-items: start
}

.foot__brand {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.foot__capsule {
  display: inline-flex;
  align-items: center;
  background-color: #f5f2eb;
  border-radius: 16px;
  padding: 8px 12px;
  box-shadow: 0 2px 2px 0 #a8d73014 0 5px 22px 0 #a8d73014;
  width: fit-content
}

.foot__capsule img {
  width: auto;
  height: 32px;
  display: block;
  object-fit: contain
}

.foot__slogan {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.6;
  color: #D7B8D0;
  letter-spacing: .05em
}

.foot__contact {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.foot__contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaeab3
}

.foot__contact-item a {
  color: #d9eaeab3;
  text-decoration: none;
  transition: color .5s ease-in-out
}

.foot__contact-item a:hover {
  color: #A8D730
}

.foot__contact-item .pe-7s-call,
.foot__contact-item .pe-7s-mail,
.foot__contact-item .pe-7s-map-marker {
  color: #A8D730;
  font-size: 15px;
  flex-shrink: 0
}

.foot__bottom {
  max-width: 1024px;
  margin: 24px auto 0;
  padding-top: 24px;
  border-top: 1px solid #a8d7301f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px
}

.foot__legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px
}

.foot__legal-link {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaea80;
  text-decoration: none;
  border: 1px solid #d9eaea2e;
  border-radius: 3px;
  padding: 4px 8px;
  transition: color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .52s ease-in-out
}

.foot__legal-link:hover {
  color: #D9EAEA;
  border-color: #d9eaea73
}

.foot__copy {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaea59;
  letter-spacing: .04em
}

.consent__bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #231e14;
  border-top: 2px solid #a8d73059;
  padding: 12px 24px;
  box-shadow: 0 10px 44px 0 #a8d73024;
  transform: translateY(100%);
  transition: transform .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.consent__bar--visible {
  transform: translateY(0)
}

.consent__row {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px
}

.consent__text {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaead1;
  flex: 1;
  min-width: 200px
}

.consent__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0
}

.consent__btn {
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  line-height: 1.35;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
  text-decoration: underline;
  transition: color .5s ease-in-out
}

.consent__btn--accept {
  color: #A8D730
}

.consent__btn--accept:hover,
.consent__btn--accept:focus {
  color: #c8f040
}

.consent__btn--decline {
  color: #d9eaea8c
}

.consent__btn--decline:hover,
.consent__btn--decline:focus {
  color: #D9EAEA
}

@media (max-width: 768px) {
  .foot__inner {
    grid-template-columns: 1fr;
    gap: 36px
  }

  .brand__tag {
    display: none
  }

  .brand__divider {
    display: none
  }

  .menu__link {
    padding: 12px;
    font-size: 13px
  }

  .foot__bottom {
    flex-direction: column;
    align-items: flex-start
  }
}

@media (max-width: 480px) {
  .menu__row {
    gap: 0
  }

  .menu__link {
    padding: 12px 8px
  }

  .brand__bar {
    padding: 12px 12px 8px
  }

  .menu__bar {
    padding: 0 12px
  }

  .base__foot {
    padding: 24px 12px 12px
  }
}

.terms-info {
  max-width: 1024px;
  margin: 0 auto;
  padding: 72px 36px;
  color: #D9EAEA;
  background-color: #1e1a17
}

.terms-info h1 {
  font-size: 45px;
  line-height: 1.1;
  letter-spacing: -.5px;
  color: #A8D730;
  margin-bottom: 36px;
  margin-top: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #a8d7302e
}

.terms-info h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #D9EAEA;
  margin-top: 72px;
  margin-bottom: 24px
}

.terms-info h3 {
  font-size: 23px;
  line-height: 1.35;
  color: #D7B8D0;
  margin-top: 36px;
  margin-bottom: 12px
}

.terms-info h4 {
  font-size: 18px;
  line-height: 1.6;
  color: #D9EAEA;
  margin-top: 24px;
  margin-bottom: 8px;
  letter-spacing: .04em;
  text-transform: uppercase
}

.terms-info h5 {
  font-size: 15px;
  line-height: 1.6;
  color: #D7B8D0;
  margin-top: 24px;
  margin-bottom: 8px;
  letter-spacing: .06em;
  text-transform: uppercase
}

.terms-info h6 {
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaeaa6;
  margin-top: 24px;
  margin-bottom: 8px;
  letter-spacing: .08em;
  text-transform: uppercase
}

.terms-info p {
  font-size: 15px;
  line-height: 1.8;
  color: #d9eaeae0;
  margin-top: 0;
  margin-bottom: 24px
}

.terms-info ul,
.terms-info ol {
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 36px
}

.terms-info ul {
  list-style: none;
  padding-left: 24px
}

.terms-info ul li {
  position: relative;
  padding-left: 24px
}

.terms-info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #A8D730;
  border-radius: 3px
}

.terms-info ol {
  list-style: decimal
}

.terms-info ol li {
  padding-left: 8px
}

.terms-info li {
  font-size: 15px;
  line-height: 1.8;
  color: #d9eaeae0;
  margin-bottom: 8px
}

.terms-info li:last-child {
  margin-bottom: 0
}

.terms-info ul ul,
.terms-info ol ol,
.terms-info ul ol,
.terms-info ol ul {
  margin-top: 8px;
  margin-bottom: 0
}

.terms-info a {
  color: #A8D730;
  text-decoration: underline;
  text-decoration-color: #a8d73059;
  text-underline-offset: 3px;
  transition: color .5s ease-in-out, text-decoration-color .5s ease-in-out
}

.terms-info a:hover {
  color: #c8f040;
  text-decoration-color: #a8d730cc
}

.terms-info a:visited {
  color: #D7B8D0;
  text-decoration-color: #d7b8d059
}

.terms-info table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 36px;
  font-size: 13px;
  line-height: 1.6;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.terms-info thead {
  background-color: #a8d7301f
}

.terms-info thead th {
  color: #A8D730;
  font-size: 13px;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 12px 24px;
  text-align: left;
  border-bottom: 1px solid #a8d73038
}

.terms-info tbody tr {
  border-bottom: 1px solid #d9eaea14;
  transition: background-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.terms-info tbody tr:last-child {
  border-bottom: none
}

.terms-info tbody tr:hover {
  background-color: #d9eaea0a
}

.terms-info td {
  padding: 12px 24px;
  color: #d9eaeae0;
  vertical-align: top
}

.terms-info th {
  font-weight: 700
}

.terms-info hr {
  border: none;
  border-top: 1px solid #d9eaea1a;
  margin-top: 36px;
  margin-bottom: 36px
}

.terms-info div {
  font-size: 15px;
  line-height: 1.8;
  color: #d9eaeae0
}

@media screen and (max-width: 768px) {
  .terms-info {
    padding: 36px 24px
  }

  .terms-info h1 {
    font-size: 32px
  }

  .terms-info h2 {
    font-size: 23px;
    margin-top: 36px
  }

  .terms-info h3 {
    font-size: 18px
  }

  .terms-info table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .terms-info thead th,
  .terms-info td {
    padding: 12px
  }
}

@media screen and (max-width: 480px) {
  .terms-info {
    padding: 24px 12px
  }

  .terms-info h1 {
    font-size: 23px
  }

  .terms-info h2 {
    font-size: 18px
  }

  .terms-info h3 {
    font-size: 15px
  }

  .terms-info ul,
  .terms-info ol {
    padding-left: 12px
  }
}

.opn {
  background-color: #1e1a16;
  color: #d4cfc9;
  overflow-x: clip;
  position: relative
}

.opn .glow-bg {
  position: relative
}

.opn .glow-bg::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at center, #a8d73012 0%, transparent 70%);
  pointer-events: none;
  animation: innerGlow 5s ease-in-out infinite alternate;
  z-index: 0
}

@keyframes innerGlow {
  0% {
    opacity: .4;
    transform: translate(-50%, -50%) scale(0.95)
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05)
  }
}

.opn .pg-limiter {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px
}

.opn .divider-band {
  display: flex;
  justify-content: center;
  padding: 12px 0
}

.opn .divider-band__strip {
  width: 80px;
  height: 3px;
  background: #a8d73059;
  border-radius: 3px
}

.opn .divider-band--alt .divider-band__strip {
  background: #d9eaea40;
  width: 48px
}

.opn .overline-label {
  display: block;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #A8D730;
  margin-bottom: 8px;
  line-height: 1.35
}

.opn .title-strip {
  padding: 36px 0 24px;
  position: relative
}

.opn .title-strip__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 36px
}

.opn .title-strip__img-col {
  flex: 0 0 260px;
  position: relative
}

.opn .title-strip__img-frame {
  width: 260px;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
  position: relative
}

.opn .title-strip__img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  filter: saturate(1.2) contrast(1.08) brightness(0.88);
  transition: filter .55s ease-in-out
}

.opn .title-strip__img-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #a8d7302e 0%, #d7b8d01f 100%);
  border-radius: 16px;
  pointer-events: none
}

.opn .title-strip__img-deco {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 80px;
  height: 80px;
  border: 1px solid #a8d73033;
  border-radius: 16px;
  pointer-events: none;
  z-index: 0
}

.opn .title-strip__text-col {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.opn .title-strip__h1 {
  font-size: 45px;
  line-height: 1.1;
  color: #e8e3dc;
  margin: 0
}

.opn .title-strip__h1 em {
  font-style: italic;
  color: #A8D730
}

.opn .title-strip__sub {
  font-size: 18px;
  line-height: 1.6;
  color: #b8b2ab;
  margin: 0;
  max-width: 520px
}

.opn .title-strip__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: #1e1a16;
  background: #A8D730;
  padding: 12px 24px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .04em;
  align-self: flex-start;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background .5s ease-in-out;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.opn .title-strip__link:hover {
  transform: scale(1.045);
  background: #bde840
}

.opn .support-sec {
  padding: 72px 0 36px;
  background: #231f1a;
  position: relative
}

.opn .support-sec__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.opn .support-sec__lead {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.opn .support-sec__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .support-sec__body {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .support-sec__img {
  width: 100%;
  height: 280px;
  border-radius: 16px;
  overflow: hidden
}

.opn .support-sec__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s ease-in-out
}

.opn .support-sec__img:hover img {
  transform: scale(1.04)
}

.opn .support-sec__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px
}

.opn .sup-card {
  background: #2a251f;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0 5px 22px 0 #a8d73014;
  transition: box-shadow .5s ease-in-out
}

.opn .sup-card:hover {
  box-shadow: 0 10px 44px 0 #a8d73024
}

.opn .sup-card__icon {
  flex: 0 0 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A8D730;
  font-size: 23px
}

.opn .sup-card__text {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.opn .sup-card__label {
  font-size: 15px;
  font-weight: 600;
  color: #e0dbd4;
  line-height: 1.35
}

.opn .sup-card__desc {
  font-size: 13px;
  line-height: 1.6;
  color: #8f8880;
  margin: 0
}

.opn .deco-lines {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  pointer-events: none;
  overflow: hidden
}

.opn .deco-lines svg {
  width: 100%;
  height: 100%;
  opacity: .12
}

.opn .env-sec {
  padding: 72px 0;
  background: #1e1a16;
  position: relative
}

.opn .env-sec__inner {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.opn .env-sec__top {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 36px;
  align-items: center
}

.opn .env-sec__heading {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .env-sec__pull {
  font-size: 23px;
  line-height: 1.35;
  color: #a8d730bf;
  font-style: italic;
  border-top: 1px solid #a8d73033;
  padding-top: 12px
}

.opn .env-sec__stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.opn .stat-tile {
  background: #26211c;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.opn .stat-tile:hover {
  transform: translateY(-4px)
}

.opn .stat-tile__num {
  font-size: 45px;
  line-height: 1.1;
  color: #A8D730;
  font-weight: 700
}

.opn .stat-tile__label {
  font-size: 13px;
  line-height: 1.6;
  color: #8f8880
}

.opn .env-sec__body {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0;
  max-width: 640px
}

.opn .team-sec {
  padding: 72px 0 36px;
  background: #28221c;
  position: relative
}

.opn .team-sec__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.opn .team-sec__text {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.opn .team-sec__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .team-sec__body {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .team-sec__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0
}

.opn .team-sec__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1
}

.opn .team-sec__item-icon {
  flex: 0 0 20px;
  color: #A8D730;
  font-size: 15px;
  margin-top: 2px
}

.opn .team-sec__profiles {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.opn .prof-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  background: #1e1a16;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 2px 0 #a8d73014;
  transition: box-shadow .55s ease-in-out
}

.opn .prof-card:hover {
  box-shadow: 0 10px 44px 0 #a8d73024
}

.opn .prof-card__img {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 16px;
  overflow: hidden
}

.opn .prof-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block
}

.opn .prof-card__info {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.opn .prof-card__name {
  font-size: 18px;
  line-height: 1.35;
  color: #e0dbd4;
  font-weight: 600
}

.opn .prof-card__role {
  font-size: 13px;
  color: #A8D730;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.35
}

.opn .prof-card__note {
  font-size: 13px;
  line-height: 1.6;
  color: #8f8880;
  margin: 0
}

.opn .approach-sec {
  padding: 72px 0;
  background: #1e1a16;
  position: relative
}

.opn .approach-sec__inner {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.opn .approach-sec__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.opn .approach-sec__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .approach-sec__pull {
  font-size: 18px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .approach-sec__steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px
}

.opn .step-item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start
}

.opn .step-item__num {
  flex: 0 0 40px;
  height: 40px;
  background: #a8d7301f;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #A8D730;
  line-height: 1.1
}

.opn .step-item__body {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.opn .step-item__label {
  font-size: 15px;
  font-weight: 600;
  color: #e0dbd4;
  line-height: 1.35
}

.opn .step-item__desc {
  font-size: 13px;
  line-height: 1.6;
  color: #8f8880;
  margin: 0
}

.opn .approach-sec__img-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center
}

.opn .approach-sec__img {
  width: 100%;
  height: 240px;
  border-radius: 16px;
  overflow: hidden
}

.opn .approach-sec__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease-in-out
}

.opn .approach-sec__img:hover img {
  transform: scale(1.03)
}

.opn .approach-sec__quote {
  font-size: 23px;
  line-height: 1.35;
  color: #d9eaeabf;
  font-style: italic;
  padding: 24px;
  border-top: 1px solid #d9eaea26;
  border-bottom: 1px solid #d9eaea26
}

.opn .fit-sec {
  padding: 72px 0 36px;
  background: #231f1a;
  position: relative
}

.opn .fit-sec__inner {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.opn .fit-sec__header {
  max-width: 600px
}

.opn .fit-sec__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0 0 12px
}

.opn .fit-sec__intro {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .fit-sec__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px
}

.opn .fit-col {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.opn .fit-col__heading {
  font-size: 15px;
  font-weight: 600;
  color: #e0dbd4;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.35
}

.opn .fit-col__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.opn .fit-col__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1
}

.opn .fit-col__item-dot {
  flex: 0 0 8px;
  height: 8px;
  border-radius: 0;
  margin-top: 8px
}

.opn .fit-col--yes .fit-col__item-dot {
  background: #A8D730
}

.opn .fit-col--no .fit-col__item-dot {
  background: #d7b8d080
}

.opn .fit-sec__note {
  background: #2a251f;
  border-radius: 16px;
  padding: 24px;
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0;
  box-shadow: 0 2px 2px 0 #a8d73014
}

.opn .fit-sec__note strong {
  color: #e0dbd4
}

.opn .longval-sec {
  padding: 72px 0;
  background: #1e1a16;
  position: relative
}

.opn .longval-sec__inner {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.opn .longval-sec__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.opn .longval-sec__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .longval-sec__body {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .longval-sec__tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.opn .val-tile {
  background: #26211c;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 5px 22px 0 #a8d73014;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .5s ease-in-out;
  position: relative;
  overflow: hidden
}

.opn .val-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 44px 0 #a8d73024
}

.opn .val-tile__icon {
  font-size: 23px;
  color: #A8D730;
  line-height: 1.1
}

.opn .val-tile__heading {
  font-size: 18px;
  line-height: 1.35;
  color: #e0dbd4;
  font-weight: 600;
  margin: 0
}

.opn .val-tile__text {
  font-size: 13px;
  line-height: 1.6;
  color: #8f8880;
  margin: 0
}

.opn .longval-sec__close {
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: center;
  background: #26211c;
  border-radius: 16px;
  padding: 36px
}

.opn .longval-sec__close-text {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.opn .longval-sec__close-h {
  font-size: 23px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0
}

.opn .longval-sec__close-p {
  font-size: 15px;
  line-height: 1.6;
  color: #b0a9a1;
  margin: 0
}

.opn .longval-sec__close-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: #1e1a16;
  background: #A8D730;
  padding: 12px 24px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .04em;
  white-space: nowrap;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background .5s ease-in-out;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.opn .longval-sec__close-link:hover {
  transform: scale(1.045);
  background: #bde840
}

@media (max-width: 768px) {
  .opn .title-strip__inner {
    flex-direction: column
  }

  .opn .title-strip__img-col {
    flex: 0 0 auto;
    width: 100%
  }

  .opn .title-strip__img-frame {
    width: 100%;
    height: 220px
  }

  .opn .support-sec__grid {
    grid-template-columns: 1fr
  }

  .opn .env-sec__top {
    grid-template-columns: 1fr
  }

  .opn .env-sec__stat-row {
    grid-template-columns: 1fr 1fr
  }

  .opn .team-sec__layout {
    grid-template-columns: 1fr
  }

  .opn .approach-sec__header {
    grid-template-columns: 1fr
  }

  .opn .approach-sec__steps {
    grid-template-columns: 1fr
  }

  .opn .approach-sec__img-row {
    grid-template-columns: 1fr
  }

  .opn .fit-sec__cols {
    grid-template-columns: 1fr
  }

  .opn .longval-sec__top {
    grid-template-columns: 1fr
  }

  .opn .longval-sec__tiles {
    grid-template-columns: 1fr 1fr
  }

  .opn .longval-sec__close {
    flex-direction: column;
    gap: 24px
  }

  .opn .title-strip__h1 {
    font-size: 32px
  }
}

@media (max-width: 480px) {
  .opn .env-sec__stat-row {
    grid-template-columns: 1fr
  }

  .opn .longval-sec__tiles {
    grid-template-columns: 1fr
  }

  .opn .pg-limiter {
    padding-left: 24px;
    padding-right: 24px
  }
}

.srvs-pg {
  background-color: #1b1814;
  color: #d4cfc9;
  overflow-x: clip;
  position: relative
}

.srvs-pg .reveal-up {
  opacity: 0;
  transform: translateY(40px);
  animation: revealUp .55s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.srvs-pg .reveal-up.d1 {
  animation-delay: .1s
}

.srvs-pg .reveal-up.d2 {
  animation-delay: .22s
}

.srvs-pg .reveal-up.d3 {
  animation-delay: .34s
}

.srvs-pg .reveal-up.d4 {
  animation-delay: .46s
}

.srvs-pg .reveal-up.d5 {
  animation-delay: .58s
}

@keyframes revealUp {
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.srvs-pg .pg-frame {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.srvs-pg .band-top {
  position: relative;
  padding-top: 72px;
  padding-bottom: 72px;
  background: radial-gradient(circle at 38% 60%, #a8d7302e 0%, #a8d7300a 55%, transparent 80%), radial-gradient(circle at 78% 25%, #d7b8d024 0%, transparent 60%), radial-gradient(circle at 55% 90%, #d9eaea1a 0%, transparent 50%), #1b1814;
  overflow: hidden
}

.srvs-pg .band-top__blob-a {
  position: absolute;
  top: -36px;
  left: -36px;
  width: 260px;
  height: 260px;
  background: #a8d73017;
  border-radius: 50%;
  filter: blur(48px);
  pointer-events: none
}

.srvs-pg .band-top__blob-b {
  position: absolute;
  bottom: -24px;
  right: -24px;
  width: 200px;
  height: 200px;
  background: #d7b8d01a;
  border-radius: 50%;
  filter: blur(36px);
  pointer-events: none
}

.srvs-pg .band-top__blob-c {
  position: absolute;
  top: 50%;
  right: 15%;
  width: 140px;
  height: 140px;
  background: #d9eaea14;
  border-radius: 50%;
  filter: blur(28px);
  pointer-events: none
}

.srvs-pg .band-top__outline-shape {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  width: 340px;
  height: 340px;
  border: 2px solid #a8d7301a;
  border-radius: 50%;
  pointer-events: none
}

.srvs-pg .band-top__grid {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: center
}

.srvs-pg .band-top__text {
  flex: 1 1 0;
  min-width: 0
}

.srvs-pg .band-top__img-col {
  flex: 0 0 340px;
  position: relative
}

.srvs-pg .band-top__img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  width: 340px;
  height: 280px
}

.srvs-pg .band-top__img-wrap img {
  width: 340px;
  height: 280px;
  object-fit: cover;
  display: block;
  opacity: .72;
  border-radius: 16px
}

.srvs-pg .band-top__img-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #a8d7302e 0%, transparent 60%);
  border-radius: 16px;
  pointer-events: none
}

.srvs-pg .overline-label {
  display: block;
  font-size: 13px;
  letter-spacing: .14em;
  color: #A8D730;
  text-transform: uppercase;
  margin-bottom: 12px
}

.srvs-pg .band-top__heading {
  font-size: 45px;
  line-height: 1.1;
  color: #e8e3db;
  margin-bottom: 24px;
  font-weight: 700
}

.srvs-pg .band-top__heading em {
  font-style: italic;
  color: #A8D730
}

.srvs-pg .band-top__desc {
  font-size: 18px;
  line-height: 1.6;
  color: #b8b2a9;
  margin-bottom: 36px;
  max-width: 480px
}

.srvs-pg .band-top__actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap
}

.srvs-pg .btn-primary {
  display: inline-block;
  background-color: #A8D730;
  color: #1b1814;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 36px;
  border-radius: 3px;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 5px 22px 0 #a8d73014
}

.srvs-pg .btn-primary:hover {
  background-color: #c0f040;
  transform: scale(1.045)
}

.srvs-pg .btn-primary:focus {
  outline: 2px solid #A8D730;
  outline-offset: 3px
}

.srvs-pg .btn-ghost {
  display: inline-block;
  background-color: transparent;
  color: #d4cfc9;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 36px;
  border-radius: 3px;
  text-decoration: none !important;
  border: 1px solid #a8d73059;
  cursor: pointer;
  transition: transform .48s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94), color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 2px 0 #a8d73014
}

.srvs-pg .btn-ghost:hover {
  border-color: #A8D730;
  color: #A8D730;
  transform: scale(1.04)
}

.srvs-pg .btn-ghost:focus {
  outline: 2px solid #A8D730;
  outline-offset: 3px
}

.srvs-pg .cards-band {
  position: relative;
  padding-top: 72px;
  padding-bottom: 72px;
  background: #221f1b
}

.srvs-pg .cards-band__accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(to bottom, #A8D730 0%, #a8d73033 100%)
}

.srvs-pg .cards-band__top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-bottom: 36px
}

.srvs-pg .cards-band__heading {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3db;
  font-weight: 700;
  max-width: 520px
}

.srvs-pg .cards-band__sub {
  font-size: 15px;
  line-height: 1.6;
  color: #8a847c;
  max-width: 320px;
  text-align: right
}

.srvs-pg .svc-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px
}

.srvs-pg .svc-card {
  background: #2a2621;
  border-radius: 16px;
  padding: 36px;
  position: relative;
  box-shadow: 0 5px 22px 0 #a8d73014;
  transition: box-shadow .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden
}

.srvs-pg .svc-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #a8d73000;
  border-radius: 16px;
  transition: background .55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none
}

.srvs-pg .svc-card:hover::before {
  background: #a8d7300d
}

.srvs-pg .svc-card:hover {
  box-shadow: 0 10px 44px 0 #a8d73024;
  transform: translateY(-4px)
}

.srvs-pg .svc-card__icon {
  width: 44px;
  height: 44px;
  border: 1px solid #a8d7304d;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  color: #A8D730;
  font-size: 23px
}

.srvs-pg .svc-card__name {
  font-size: 18px;
  line-height: 1.35;
  color: #e8e3db;
  font-weight: 700;
  margin-bottom: 12px
}

.srvs-pg .svc-card__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #9a948c
}

.srvs-pg .svc-card__tag {
  display: inline-block;
  margin-top: 24px;
  font-size: 13px;
  letter-spacing: .1em;
  color: #A8D730;
  text-transform: uppercase;
  border-bottom: 1px solid #a8d7304d;
  padding-bottom: 4px
}

.srvs-pg .svc-card.wide {
  grid-column: span 2;
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: flex-start
}

.srvs-pg .svc-card.wide .svc-card__icon {
  flex-shrink: 0
}

.srvs-pg .svc-card.wide .svc-card__body {
  flex: 1 1 0
}

.srvs-pg .svc-card__pull {
  font-size: 23px;
  line-height: 1.35;
  color: #A8D730;
  font-weight: 700;
  float: left;
  margin-right: 24px;
  margin-bottom: 8px;
  max-width: 220px
}

.srvs-pg .svc-card__body-text {
  font-size: 15px;
  line-height: 1.6;
  color: #9a948c;
  overflow: hidden
}

.srvs-pg .contact-band {
  position: relative;
  padding-top: 72px;
  padding-bottom: 72px;
  background: #1b1814
}

.srvs-pg .contact-band__outline {
  position: absolute;
  bottom: -80px;
  left: -80px;
  width: 320px;
  height: 320px;
  border: 2px solid #d7b8d014;
  border-radius: 50%;
  pointer-events: none
}

.srvs-pg .contact-band__layout {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: flex-start
}

.srvs-pg .contact-band__left {
  flex: 0 0 320px
}

.srvs-pg .contact-band__heading {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3db;
  font-weight: 700;
  margin-bottom: 24px
}

.srvs-pg .contact-band__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #8a847c;
  margin-bottom: 36px
}

.srvs-pg .metric-pair {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.srvs-pg .metric-item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start
}

.srvs-pg .metric-item__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  background: #a8d7301a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A8D730;
  font-size: 18px
}

.srvs-pg .metric-item__label {
  font-size: 13px;
  letter-spacing: .1em;
  color: #6a6460;
  text-transform: uppercase;
  margin-bottom: 4px
}

.srvs-pg .metric-item__val {
  font-size: 23px;
  line-height: 1.1;
  color: #e8e3db;
  font-weight: 700
}

.srvs-pg .contact-band__right {
  flex: 1 1 0;
  min-width: 0
}

.srvs-pg .form-card {
  background: #221f1b;
  border-radius: 16px;
  padding: 36px;
  box-shadow: 0 10px 44px 0 #a8d73014
}

.srvs-pg .form-card__heading {
  font-size: 18px;
  line-height: 1.35;
  color: #e8e3db;
  font-weight: 700;
  margin-bottom: 24px
}

.srvs-pg .form-row {
  margin-bottom: 24px
}

.srvs-pg .form-label {
  display: block;
  font-size: 13px;
  letter-spacing: .09em;
  color: #8a847c;
  text-transform: uppercase;
  margin-bottom: 8px
}

.srvs-pg .form-input {
  display: block;
  width: 100%;
  background: #2a2621;
  border: 1px solid #a8d7302e;
  border-radius: 3px;
  color: #d4cfc9;
  font-size: 15px;
  padding: 12px;
  box-shadow: inset 0 2px 4px #a8d7300a;
  transition: border-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-sizing: border-box
}

.srvs-pg .form-input::placeholder {
  color: #d4cfc966
}

.srvs-pg .form-input:focus {
  outline: none;
  border-color: #A8D730
}

.srvs-pg .form-checks-label {
  display: block;
  font-size: 13px;
  letter-spacing: .09em;
  color: #8a847c;
  text-transform: uppercase;
  margin-bottom: 12px
}

.srvs-pg .check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px
}

.srvs-pg .check-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer
}

.srvs-pg .check-item input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #a8d73059;
  border-radius: 3px;
  background: #2a2621;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  transition: background-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.srvs-pg .check-item input[type="checkbox"]:checked {
  background-color: #A8D730;
  border-color: #A8D730
}

.srvs-pg .check-item input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: 2px solid #1b1814;
  border-top: none;
  border-left: none;
  transform: rotate(45deg)
}

.srvs-pg .check-item input[type="checkbox"]:focus {
  outline: 2px solid #A8D730;
  outline-offset: 2px
}

.srvs-pg .check-item__text {
  font-size: 15px;
  color: #b8b2a9;
  line-height: 1.35
}

.srvs-pg .privacy-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px
}

.srvs-pg .privacy-row input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #a8d73059;
  border-radius: 3px;
  background: #2a2621;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  transition: background-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.srvs-pg .privacy-row input[type="checkbox"]:checked {
  background-color: #A8D730;
  border-color: #A8D730
}

.srvs-pg .privacy-row input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: 2px solid #1b1814;
  border-top: none;
  border-left: none;
  transform: rotate(45deg)
}

.srvs-pg .privacy-row input[type="checkbox"]:focus {
  outline: 2px solid #A8D730;
  outline-offset: 2px
}

.srvs-pg .privacy-text {
  font-size: 13px;
  line-height: 1.6;
  color: #8a847c
}

.srvs-pg .privacy-text a {
  color: #A8D730;
  text-decoration: underline !important;
  transition: color .48s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.srvs-pg .privacy-text a:hover {
  color: #c0f040
}

.srvs-pg .form-submit {
  width: 100%;
  background-color: #A8D730;
  color: #1b1814;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 5px 22px 0 #a8d73014
}

.srvs-pg .form-submit:hover {
  background-color: #c0f040;
  transform: scale(1.025)
}

.srvs-pg .form-submit:focus {
  outline: 2px solid #A8D730;
  outline-offset: 3px
}

@media (max-width: 860px) {
  .srvs-pg .band-top__grid {
    flex-direction: column;
    gap: 36px
  }

  .srvs-pg .band-top__img-col {
    flex: none;
    width: 100%
  }

  .srvs-pg .band-top__img-wrap {
    width: 100%;
    height: 220px
  }

  .srvs-pg .band-top__img-wrap img {
    width: 100%;
    height: 220px
  }

  .srvs-pg .svc-list {
    grid-template-columns: 1fr
  }

  .srvs-pg .svc-card.wide {
    grid-column: span 1;
    flex-direction: column;
    gap: 24px
  }

  .srvs-pg .contact-band__layout {
    flex-direction: column;
    gap: 36px
  }

  .srvs-pg .contact-band__left {
    flex: none;
    width: 100%
  }

  .srvs-pg .cards-band__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
  }

  .srvs-pg .cards-band__sub {
    text-align: left
  }

  .srvs-pg .band-top__heading {
    font-size: 32px
  }

  .srvs-pg .check-grid {
    grid-template-columns: 1fr
  }
}

@media (max-width: 520px) {
  .srvs-pg .band-top__heading {
    font-size: 23px
  }

  .srvs-pg .band-top__actions {
    flex-direction: column
  }

  .srvs-pg .svc-card {
    padding: 24px
  }

  .srvs-pg .form-card {
    padding: 24px
  }
}

.ctus {
  background-color: #1e1a16;
  min-height: 100vh;
  overflow-x: clip;
  position: relative
}

.ctus__bleed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden
}

.ctus__bleed-spot {
  position: absolute;
  bottom: -120px;
  right: -80px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #a8d73021 0%, #a8d7300a 55%, transparent 100%);
  animation: bleed-emerge 8s ease-in-out infinite alternate
}

@keyframes bleed-emerge {
  0% {
    opacity: .4;
    transform: scale(0.88)
  }

  100% {
    opacity: 1;
    transform: scale(1.08)
  }
}

.ctus__split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  padding-top: 72px;
  max-width: 100%
}

.ctus__split-left {
  background-color: #252018;
  padding: 72px 36px 72px 72px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden
}

.ctus__split-left::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, #a8d73012 0%, transparent 65%);
  pointer-events: none
}

.ctus__dots-path {
  position: absolute;
  top: 36px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end
}

.ctus__dot {
  border-radius: 50%;
  background-color: #a8d73040
}

.ctus__dot--lg {
  width: 14px;
  height: 14px
}

.ctus__dot--md {
  width: 9px;
  height: 9px;
  background-color: #a8d73026
}

.ctus__dot--sm {
  width: 5px;
  height: 5px;
  background-color: #a8d7301a
}

.ctus__dot--xs {
  width: 3px;
  height: 3px;
  background-color: #a8d73014
}

.ctus__overline {
  display: block;
  font-size: 13px;
  letter-spacing: .18em;
  color: #A8D730;
  text-transform: uppercase;
  margin-bottom: 12px;
  line-height: 1.35
}

.ctus__heading {
  font-size: 45px;
  line-height: 1.1;
  color: #D9EAEA;
  margin: 0 0 24px;
  font-weight: 700
}

.ctus__heading em {
  font-style: italic;
  color: #A8D730
}

.ctus__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaeab8;
  max-width: 380px;
  margin: 0 0 36px
}

.ctus__img-wrap {
  position: relative;
  width: 100%;
  max-width: 340px;
  border-radius: 16px;
  overflow: hidden
}

.ctus__img-wrap img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 16px;
  filter: blur(0px);
  transition: filter .55s ease-in-out, transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.ctus__img-wrap:hover img {
  transform: scale(1.04)
}

.ctus__img-edge {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  box-shadow: inset 0 0 48px 16px #252018;
  pointer-events: none
}

.ctus__split-right {
  background-color: #1e1a16;
  padding: 72px 72px 72px 36px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.ctus__contact-list {
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px
}

.ctus__contact-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px
}

.ctus__icon-wrap {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  background-color: #a8d7301a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out
}

.ctus__contact-item:hover .ctus__icon-wrap {
  background-color: #a8d73033;
  box-shadow: 0 0 16px 4px #a8d73026
}

.ctus__icon-wrap .pe-7s-map-marker,
.ctus__icon-wrap .pe-7s-call,
.ctus__icon-wrap .pe-7s-mail {
  font-size: 18px;
  color: #A8D730
}

.ctus__contact-label {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #a8d730b3;
  display: block;
  margin-bottom: 4px;
  line-height: 1.35
}

.ctus__contact-val {
  font-size: 15px;
  color: #D9EAEA;
  line-height: 1.6;
  display: block
}

.ctus__contact-val a {
  color: #D9EAEA;
  text-decoration: none;
  transition: color .5s ease-in-out
}

.ctus__contact-val a:hover {
  color: #A8D730
}

.ctus__metric {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  background-color: #a8d7300f;
  border-radius: 3px;
  border-top: 2px solid #a8d73033
}

.ctus__metric-num {
  font-size: 32px;
  font-weight: 700;
  color: #A8D730;
  line-height: 1.1
}

.ctus__metric-arrow {
  display: flex;
  align-items: center
}

.ctus__metric-arrow svg {
  width: 20px;
  height: 20px
}

.ctus__metric-text {
  font-size: 13px;
  color: #d9eaeaa6;
  line-height: 1.35;
  letter-spacing: .04em
}

.ctus__divider {
  position: relative;
  z-index: 1;
  height: 6px;
  max-width: 1024px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent 0%, #a8d73026 20%, #a8d73080 60%, #A8D730 100%);
  border-radius: 0
}

.ctus__form-area {
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin: 0 auto;
  padding: 72px 36px
}

.ctus__form-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 72px;
  align-items: start
}

.ctus__form-side {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.ctus__form-intro {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.ctus__form-heading {
  font-size: 32px;
  line-height: 1.1;
  color: #D9EAEA;
  margin: 0;
  font-weight: 700
}

.ctus__form-sub {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaeaa6;
  margin: 0
}

.ctus__pull-quote {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  padding: 24px;
  background-color: #d9eaea0a;
  border-radius: 16px;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.ctus__pull-mark {
  font-size: 45px;
  line-height: 1.1;
  color: #a8d7304d;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: -8px
}

.ctus__pull-text {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaeabf;
  margin: 0
}

.ctus__pull-text strong {
  color: #D9EAEA
}

.ctus__frosted {
  background: #2520188c;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 16px;
  padding: 36px;
  box-shadow: 0 10px 44px 0 #a8d73024;
  border: 1px solid #a8d7301a
}

.ctus__form {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.ctus__field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px
}

.ctus__field {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus__field--full {
  grid-column: 1 / -1
}

.ctus__label {
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #d9eaea99;
  line-height: 1.35
}

.ctus__input {
  background-color: #d9eaea0d;
  border: 1px solid #a8d73026;
  border-radius: 3px;
  color: #D9EAEA;
  font-size: 15px;
  line-height: 1.6;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color .5s ease-in-out, box-shadow .5s ease-in-out;
  box-shadow: inset 0 2px 4px #a8d7300a
}

.ctus__input:focus {
  outline: none;
  border-color: #a8d7308c;
  box-shadow: inset 0 2px 6px #a8d73014 0 0 0 3px #a8d7301a
}

.ctus__input::placeholder {
  color: #d9eaea66
}

.ctus__select {
  background-color: #d9eaea0d;
  border: 1px solid #a8d73026;
  border-radius: 3px;
  color: #D9EAEA;
  font-size: 15px;
  line-height: 1.6;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  cursor: pointer;
  transition: border-color .5s ease-in-out, box-shadow .5s ease-in-out;
  box-shadow: inset 0 2px 4px #a8d7300a
}

.ctus__select:focus {
  outline: none;
  border-color: #a8d7308c;
  box-shadow: inset 0 2px 6px #a8d73014 0 0 0 3px #a8d7301a
}

.ctus__select option {
  background-color: #252018;
  color: #D9EAEA
}

.ctus__conditional {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.ctus__toggle-field {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus__toggle-label {
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #d9eaea99;
  line-height: 1.35;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer
}

.ctus__toggle-check {
  width: 16px;
  height: 16px;
  accent-color: #A8D730;
  cursor: pointer;
  flex-shrink: 0
}

.ctus__cond-fields {
  display: none;
  flex-direction: column;
  gap: 12px
}

.ctus__cond-trigger:checked~.ctus__cond-fields {
  display: flex
}

.ctus__privacy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background-color: #a8d7300a;
  border-radius: 3px
}

.ctus__privacy-check {
  width: 18px;
  height: 18px;
  accent-color: #A8D730;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px
}

.ctus__privacy-text {
  font-size: 13px;
  line-height: 1.6;
  color: #d9eaeaa6;
  margin: 0
}

.ctus__privacy-text a {
  color: #A8D730;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .5s ease-in-out
}

.ctus__privacy-text a:hover {
  color: #D9EAEA
}

.ctus__submit {
  background-color: #A8D730;
  color: #1e1a16;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 16px 36px;
  cursor: pointer;
  width: 100%;
  transition: background-color .5s ease-in-out, transform .45s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .5s ease-in-out;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.ctus__submit:hover {
  background-color: #bde84a;
  transform: scale(1.025);
  box-shadow: 0 10px 44px 0 #a8d73024
}

.ctus__submit:focus {
  outline: 3px solid #a8d73080;
  outline-offset: 3px
}

.ctus__submit:active {
  transform: scale(0.99);
  background-color: #96c228
}

@media (max-width: 900px) {
  .ctus__split {
    grid-template-columns: 1fr;
    padding-top: 36px
  }

  .ctus__split-left {
    padding: 36px 24px
  }

  .ctus__split-right {
    padding: 36px 24px
  }

  .ctus__heading {
    font-size: 32px
  }

  .ctus__form-grid {
    grid-template-columns: 1fr;
    gap: 36px
  }

  .ctus__form-area {
    padding: 36px 24px
  }
}

@media (max-width: 600px) {
  .ctus__field-row {
    grid-template-columns: 1fr
  }

  .ctus__heading {
    font-size: 23px
  }

  .ctus__split-left {
    padding: 24px
  }

  .ctus__split-right {
    padding: 24px
  }

  .ctus__form-area {
    padding: 24px 12px
  }

  .ctus__frosted {
    padding: 24px
  }
}

.abt-pg {
  background-color: #1b1814;
  color: #d4cfc9;
  overflow-x: clip;
  position: relative
}

.abt-pg .geo-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #a8d7300f;
  pointer-events: none;
  z-index: 0
}

.abt-pg .geo-ring--lg {
  width: 600px;
  height: 600px;
  top: -120px;
  right: -180px
}

.abt-pg .geo-ring--md {
  width: 380px;
  height: 380px;
  top: 40px;
  right: -60px;
  border-color: #a8d7300a
}

.abt-pg .geo-ring--sm {
  width: 200px;
  height: 200px;
  top: 140px;
  right: 40px;
  border-color: #d9eaea0d
}

.abt-pg .strip-divider {
  height: 3px;
  background: linear-gradient(90deg, #1b1814 0%, #A8D730 40%, #D7B8D0 70%, #1b1814 100%);
  width: 100%;
  position: relative
}

.abt-pg .strip-divider::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #A8D730;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 2px 0 #a8d73014 0 5px 22px 0 #a8d73014
}

.abt-pg .band-divider {
  height: 4px;
  background: linear-gradient(135deg, #D7B8D0 0%, #A8D730 50%, #D9EAEA 100%);
  width: 100%
}

.abt-pg .pg-cap {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.abt-pg .title-strip {
  position: relative;
  overflow: hidden
}

.abt-pg .title-strip__grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: stretch;
  min-height: 260px
}

.abt-pg .title-strip__text-col {
  padding: 36px 36px 36px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1
}

.abt-pg .title-strip__overline {
  font-size: 13px;
  letter-spacing: .18em;
  color: #A8D730;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block
}

.abt-pg .title-strip__h1 {
  font-size: 45px;
  line-height: 1.1;
  color: #e8e3dc;
  margin: 0;
  font-weight: 700
}

.abt-pg .title-strip__h1 em {
  font-style: italic;
  color: #A8D730
}

.abt-pg .title-strip__img-col {
  position: relative;
  overflow: hidden
}

.abt-pg .title-strip__img-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden
}

.abt-pg .title-strip__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(0.6);
  transition: filter .55s ease-in-out
}

.abt-pg .title-strip__img:hover {
  filter: saturate(1)
}

.abt-pg .title-strip__img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #1b18148c 0%, #1b18141a 100%);
  pointer-events: none
}

.abt-pg .about-body {
  padding: 72px 0;
  position: relative;
  background-color: #211e1a
}

.abt-pg .about-body__bg-lines {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0
}

.abt-pg .about-body__line {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #a8d7300a
}

.abt-pg .about-body__line--a {
  top: 18%;
  height: 1px
}

.abt-pg .about-body__line--b {
  top: 36%;
  height: 2px
}

.abt-pg .about-body__line--c {
  top: 54%;
  height: 1px
}

.abt-pg .about-body__line--d {
  top: 72%;
  height: 3px
}

.abt-pg .about-body__line--e {
  top: 88%;
  height: 1px
}

.abt-pg .about-body__inner {
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.abt-pg .about-body__layout {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 72px;
  align-items: start
}

.abt-pg .about-body__main {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.abt-pg .about-body__chapter {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.abt-pg .chapter-label {
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #A8D730;
  display: block
}

.abt-pg .chapter-rule {
  width: 40px;
  height: 1px;
  background: #A8D730;
  display: block;
  margin-bottom: 4px
}

.abt-pg .about-body__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #e8e3dc;
  margin: 0 0 8px;
  font-weight: 600
}

.abt-pg .about-body__h2 strong {
  font-weight: 800;
  color: #A8D730
}

.abt-pg .pull-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 24px;
  align-items: start
}

.abt-pg .pull-quote {
  font-size: 23px;
  line-height: 1.35;
  color: #D9EAEA;
  font-weight: 600;
  padding-right: 24px;
  border-right: 2px solid #a8d7304d
}

.abt-pg .pull-quote em {
  font-style: italic;
  font-weight: 400
}

.abt-pg .body-para {
  font-size: 15px;
  line-height: 1.6;
  color: #b8b2aa;
  margin: 0
}

.abt-pg .icon-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0
}

.abt-pg .icon-list__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px
}

.abt-pg .icon-list__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: #A8D730;
  font-size: 18px;
  line-height: 1
}

.abt-pg .icon-list__text {
  font-size: 13px;
  line-height: 1.6;
  color: #c4bfb8
}

.abt-pg .metrics-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.abt-pg .metric-card {
  background: #a8d7300f;
  border: 1px solid #a8d7301f;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color .55s ease-in-out, box-shadow .55s ease-in-out
}

.abt-pg .metric-card:hover {
  border-color: #a8d73059;
  box-shadow: 0 10px 44px 0 #a8d73024
}

.abt-pg .metric-card__num {
  font-size: 45px;
  line-height: 1.1;
  font-weight: 800;
  color: #A8D730;
  display: block;
  animation: zoom-settle .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

.abt-pg .metric-card__label {
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #D9EAEA
}

.abt-pg .metric-card__note {
  font-size: 13px;
  line-height: 1.6;
  color: #8a8580;
  margin: 0;
  padding-top: 4px;
  border-top: 1px solid #d9eaea14
}

@keyframes zoom-settle {
  from {
    transform: scale(1.18);
    opacity: .4
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.abt-pg .about-body__sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 24px
}

.abt-pg .sidebar-img-wrap {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 44px 0 #a8d73024
}

.abt-pg .sidebar-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.55);
  transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block
}

.abt-pg .sidebar-img:hover {
  filter: saturate(1)
}

.abt-pg .tier-stack {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.abt-pg .tier-card {
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform .5s ease-in-out, box-shadow .5s ease-in-out
}

.abt-pg .tier-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 44px 0 #a8d73024
}

.abt-pg .tier-card--starter {
  background: #d7b8d01a;
  border: 1px solid #d7b8d033
}

.abt-pg .tier-card--core {
  background: #a8d73014;
  border: 1px solid #a8d73033
}

.abt-pg .tier-card--pro {
  background: #d9eaea12;
  border: 1px solid #d9eaea2e
}

.abt-pg .tier-card__badge {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700
}

.abt-pg .tier-card--starter .tier-card__badge {
  color: #D7B8D0
}

.abt-pg .tier-card--core .tier-card__badge {
  color: #A8D730
}

.abt-pg .tier-card--pro .tier-card__badge {
  color: #D9EAEA
}

.abt-pg .tier-card__name {
  font-size: 15px;
  line-height: 1.35;
  color: #e8e3dc;
  font-weight: 600;
  margin: 0
}

.abt-pg .tier-card__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abt-pg .tier-card__feat {
  font-size: 13px;
  line-height: 1.6;
  color: #8a8580;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px
}

.abt-pg .tier-card__feat-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  flex-shrink: 0;
  background: currentColor;
  opacity: .5
}

.abt-pg .tier-card--starter .tier-card__feat-dot {
  color: #D7B8D0
}

.abt-pg .tier-card--core .tier-card__feat-dot {
  color: #A8D730
}

.abt-pg .tier-card--pro .tier-card__feat-dot {
  color: #D9EAEA
}

.abt-pg .contact-strip {
  background: #a8d7300d;
  border: 1px solid #a8d7301f;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abt-pg .contact-strip__label {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #A8D730
}

.abt-pg .contact-strip__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #b8b2aa
}

.abt-pg .contact-strip__item .pe-7s-mail,
.abt-pg .contact-strip__item .pe-7s-call,
.abt-pg .contact-strip__item .pe-7s-map-marker {
  color: #A8D730;
  font-size: 15px;
  flex-shrink: 0;
  margin-top: 1px
}

.abt-pg .contact-strip__link {
  color: #D9EAEA;
  text-decoration: none;
  transition: color .5s ease-in-out
}

.abt-pg .contact-strip__link:hover {
  color: #A8D730
}

.abt-pg .hover-chars {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap
}

.abt-pg .hover-chars__ch {
  display: inline-block;
  transition: color .45s ease-in-out;
  color: #e8e3dc
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(1) {
  color: #A8D730;
  transition-delay: 0s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(2) {
  color: #A8D730;
  transition-delay: .03s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(3) {
  color: #A8D730;
  transition-delay: .06s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(4) {
  color: #A8D730;
  transition-delay: .09s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(5) {
  color: #A8D730;
  transition-delay: .12s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(6) {
  color: #A8D730;
  transition-delay: .15s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(7) {
  color: #A8D730;
  transition-delay: .18s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(8) {
  color: #A8D730;
  transition-delay: .21s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(9) {
  color: #A8D730;
  transition-delay: .24s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(10) {
  color: #A8D730;
  transition-delay: .27s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(11) {
  color: #A8D730;
  transition-delay: .3s
}

.abt-pg .hover-chars:hover .hover-chars__ch:nth-child(12) {
  color: #A8D730;
  transition-delay: .33s
}

.abt-pg .about-body__img-third {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 5px 22px 0 #a8d73014
}

.abt-pg .about-body__img-third img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.5);
  display: block;
  transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.abt-pg .about-body__img-third img:hover {
  filter: saturate(1)
}

@media (max-width: 900px) {
  .abt-pg .title-strip__grid {
    grid-template-columns: 1fr;
    min-height: auto
  }

  .abt-pg .title-strip__img-col {
    height: 200px;
    position: relative
  }

  .abt-pg .title-strip__img-wrap {
    position: relative;
    height: 200px
  }

  .abt-pg .title-strip__text-col {
    padding: 36px 0
  }

  .abt-pg .about-body__layout {
    grid-template-columns: 1fr;
    gap: 36px
  }

  .abt-pg .about-body__sidebar {
    position: static
  }

  .abt-pg .metrics-row {
    grid-template-columns: 1fr 1fr
  }

  .abt-pg .pull-row {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .abt-pg .pull-quote {
    border-right: none;
    border-bottom: 2px solid #a8d7304d;
    padding-right: 0;
    padding-bottom: 12px
  }
}

@media (max-width: 600px) {
  .abt-pg .title-strip__h1 {
    font-size: 32px
  }

  .abt-pg .metrics-row {
    grid-template-columns: 1fr
  }

  .abt-pg .icon-list {
    grid-template-columns: 1fr
  }

  .abt-pg .about-body__h2 {
    font-size: 23px
  }

  .abt-pg .metric-card__num {
    font-size: 32px
  }
}

.lp-prog {
  background-color: #1e1a16;
  position: relative;
  overflow-x: clip
}

.lp-prog .bg-anim {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none
}

.lp-prog .bg-anim__layer--a {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 40%, #a8d73012 0%, transparent 60%);
  animation: bgShiftA 7s ease-in-out infinite alternate
}

.lp-prog .bg-anim__layer--b {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 65%, #d9eaea0d 0%, transparent 55%);
  animation: bgShiftB 11s ease-in-out infinite alternate
}

@keyframes bgShiftA {
  0% {
    transform: translate(0, 0) scale(1)
  }

  100% {
    transform: translate(4%, 6%) scale(1.08)
  }
}

@keyframes bgShiftB {
  0% {
    transform: translate(0, 0) scale(1.05)
  }

  100% {
    transform: translate(-5%, -4%) scale(1)
  }
}

.lp-prog .pg-geo {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden
}

.lp-prog .pg-geo__circle--lg {
  position: absolute;
  top: -180px;
  right: -120px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid #a8d7300f
}

.lp-prog .pg-geo__circle--md {
  position: absolute;
  bottom: 20%;
  left: -80px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid #d9eaea0d
}

.lp-prog .pg-geo__circle--sm {
  position: absolute;
  top: 55%;
  right: 8%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px solid #d7b8d00f
}

.lp-prog>* {
  position: relative;
  z-index: 1
}

.lp-prog .lp-max {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.lp-prog .divider--blur {
  height: 36px;
  background: linear-gradient(180deg, transparent 0%, #a8d7300a 50%, transparent 100%);
  filter: blur(6px);
  margin: 0
}

.lp-prog .divider--line {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #a8d7302e 40%, #d9eaea1f 70%, transparent 100%);
  margin: 0 24px
}

.lp-prog .divider--band {
  height: 48px;
  background: linear-gradient(180deg, transparent 0%, #d7b8d00a 40%, #a8d73008 70%, transparent 100%);
  filter: blur(8px)
}

.lp-prog .overline-label {
  display: inline-block;
  font-size: 13px;
  letter-spacing: .16em;
  color: #A8D730;
  text-transform: uppercase;
  margin-bottom: 12px
}

.lp-prog .serif-accent {
  font-style: italic;
  color: #A8D730
}

.lp-prog .pill-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #a8d7301a;
  border: 1px solid #a8d73038;
  border-radius: 3px;
  padding: 4px 12px;
  font-size: 13px;
  color: #A8D730;
  letter-spacing: .08em
}

.lp-prog .pill-tag .pe-7s-study {
  font-size: 15px
}

.lp-prog .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #A8D730;
  color: #1e1a16;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 12px 36px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 5px 22px 0 #a8d73014
}

.lp-prog .btn-primary:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 44px 0 #a8d73024
}

.lp-prog .btn-primary:focus {
  outline: 2px solid #A8D730;
  outline-offset: 3px
}

.lp-prog .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #D9EAEA;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 12px 24px;
  border-radius: 3px;
  border: 1px solid #d9eaea40;
  cursor: pointer;
  text-decoration: none;
  transition: transform .55s ease-in-out, border-color .55s ease-in-out, background .55s ease-in-out
}

.lp-prog .btn-secondary:hover {
  transform: scale(1.03);
  border-color: #d9eaea80;
  background: #d9eaea0f
}

.lp-prog .btn-secondary:focus {
  outline: 2px solid #D9EAEA;
  outline-offset: 3px
}

.lp-prog .prog-title {
  padding-top: 72px;
  padding-bottom: 72px
}

.lp-prog .prog-title__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 420px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 44px 0 #a8d73024
}

.lp-prog .prog-title__text {
  background: #1e1a16f2;
  padding: 72px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.lp-prog .prog-title__faded-num {
  position: absolute;
  bottom: -24px;
  left: -12px;
  font-size: 180px;
  font-weight: 900;
  color: #a8d7300d;
  line-height: 1.1;
  pointer-events: none;
  user-select: none;
  letter-spacing: -.04em
}

.lp-prog .prog-title__h1 {
  font-size: 45px;
  line-height: 1.1;
  color: #D9EAEA;
  margin: 0 0 24px;
  font-weight: 800
}

.lp-prog .prog-title__h1 span {
  display: block
}

.lp-prog .prog-title__h1 span.line-accent {
  color: #A8D730
}

.lp-prog .prog-title__sub {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaeab3;
  margin: 0 0 36px;
  max-width: 380px
}

.lp-prog .prog-title__actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap
}

.lp-prog .prog-title__img-wrap {
  position: relative;
  overflow: hidden
}

.lp-prog .prog-title__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: saturate(0.7) brightness(0.75) hue-rotate(0deg);
  transition: transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.lp-prog .prog-title__img-wrap:hover .prog-title__img {
  transform: scale(1.04)
}

.lp-prog .prog-title__img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #a8d7301f 0%, #1e1a1659 100%);
  pointer-events: none
}

.lp-prog .prog-structure {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #d9eaea08
}

.lp-prog .prog-structure__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 36px
}

.lp-prog .prog-structure__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #D9EAEA;
  margin: 0 0 12px;
  font-weight: 700
}

.lp-prog .prog-structure__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaeaa6;
  max-width: 560px;
  margin: 0
}

.lp-prog .prog-structure__layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 36px;
  align-items: start
}

.lp-prog .prog-structure__pull {
  background: #a8d73014;
  border-radius: 16px;
  padding: 36px 24px;
  border: 1px solid #a8d73026
}

.lp-prog .prog-structure__pull-quote {
  font-size: 23px;
  line-height: 1.35;
  color: #A8D730;
  font-weight: 700;
  margin: 0 0 24px
}

.lp-prog .prog-structure__facts {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.lp-prog .fact-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: #1e1a1699;
  border-radius: 3px;
  padding: 12px
}

.lp-prog .fact-item__icon {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px
}

.lp-prog .fact-item__icon--green {
  background: #a8d73026;
  color: #A8D730
}

.lp-prog .fact-item__icon--teal {
  background: #d9eaea1a;
  color: #D9EAEA
}

.lp-prog .fact-item__icon--mauve {
  background: #d7b8d01a;
  color: #D7B8D0
}

.lp-prog .fact-item__label {
  font-size: 13px;
  color: #d9eaea80;
  letter-spacing: .08em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px
}

.lp-prog .fact-item__val {
  font-size: 15px;
  color: #D9EAEA;
  font-weight: 600
}

.lp-prog .prog-structure__modules {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.lp-prog .module-row {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 16px;
  background: #1e1a1680;
  border-radius: 3px;
  padding: 16px 24px;
  border: 1px solid #d9eaea12;
  transition: border-color .5s ease-in-out, background .5s ease-in-out
}

.lp-prog .module-row:hover {
  border-color: #a8d73033;
  background: #a8d7300a
}

.lp-prog .module-row__num {
  font-size: 23px;
  font-weight: 800;
  color: #a8d7304d;
  line-height: 1.1;
  text-align: center
}

.lp-prog .module-row__info {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.lp-prog .module-row__name {
  font-size: 15px;
  color: #D9EAEA;
  font-weight: 600;
  line-height: 1.35
}

.lp-prog .module-row__detail {
  font-size: 13px;
  color: #d9eaea73;
  line-height: 1.6
}

.lp-prog .module-row__badge {
  font-size: 13px;
  color: #a8d730cc;
  background: #a8d73014;
  border-radius: 3px;
  padding: 4px 8px;
  white-space: nowrap;
  letter-spacing: .05em
}

.lp-prog .module-row__badge--muted {
  color: #d7b8d0b3;
  background: #d7b8d012
}

.lp-prog .prog-legend {
  padding-top: 72px;
  padding-bottom: 72px
}

.lp-prog .prog-legend__head {
  margin-bottom: 36px
}

.lp-prog .prog-legend__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #D9EAEA;
  margin: 0 0 12px;
  font-weight: 700
}

.lp-prog .prog-legend__sub {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaea99;
  max-width: 520px;
  margin: 0
}

.lp-prog .prog-legend__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.lp-prog .prog-legend__complex {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.lp-prog .complex-card {
  background: #1e1a16b3;
  border-radius: 16px;
  padding: 36px 24px;
  border: 1px solid #d9eaea14;
  position: relative
}

.lp-prog .complex-card__running {
  font-size: 15px;
  line-height: 1.8;
  color: #d9eaeab8;
  margin: 0 0 24px
}

.lp-prog .complex-card__facts-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px
}

.lp-prog .hfact {
  background: #a8d7300f;
  border-radius: 3px;
  padding: 12px;
  border: 1px solid #a8d7301f
}

.lp-prog .hfact--mauve {
  background: #d7b8d00f;
  border-color: #d7b8d01f
}

.lp-prog .hfact__num {
  font-size: 32px;
  font-weight: 800;
  color: #A8D730;
  line-height: 1.1;
  display: block;
  margin-bottom: 4px
}

.lp-prog .hfact--mauve .hfact__num {
  color: #D7B8D0
}

.lp-prog .hfact__desc {
  font-size: 13px;
  color: #d9eaea8c;
  line-height: 1.6
}

.lp-prog .prog-legend__icons {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.lp-prog .legend-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  align-items: start;
  padding: 16px;
  border-radius: 3px;
  background: #1e1a1666;
  border: 1px solid #d9eaea0f;
  transition: background .55s ease-in-out
}

.lp-prog .legend-item:hover {
  background: #1e1a16b3
}

.lp-prog .legend-item__dot {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0
}

.lp-prog .legend-item__dot--green {
  background: #a8d73026;
  color: #A8D730
}

.lp-prog .legend-item__dot--teal {
  background: #d9eaea1a;
  color: #D9EAEA
}

.lp-prog .legend-item__dot--mauve {
  background: #d7b8d01a;
  color: #D7B8D0
}

.lp-prog .legend-item__dot--amber {
  background: #a8d73014;
  color: #a8d73099
}

.lp-prog .legend-item__text {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.lp-prog .legend-item__name {
  font-size: 15px;
  color: #D9EAEA;
  font-weight: 600;
  line-height: 1.35
}

.lp-prog .legend-item__desc {
  font-size: 13px;
  color: #d9eaea80;
  line-height: 1.6
}

.lp-prog .prog-faq {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #d7b8d008
}

.lp-prog .prog-faq__head {
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.lp-prog .prog-faq__h2 {
  font-size: 32px;
  line-height: 1.35;
  color: #D9EAEA;
  margin: 0 0 12px;
  font-weight: 700
}

.lp-prog .prog-faq__sub {
  font-size: 15px;
  line-height: 1.6;
  color: #d9eaea99;
  max-width: 480px;
  margin: 0
}

.lp-prog .faq-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto
}

.lp-prog .faq-item {
  border-radius: 3px;
  border: 1px solid #d9eaea14;
  background: #1e1a168c;
  overflow: hidden
}

.lp-prog .faq-item__toggle {
  display: none
}

.lp-prog .faq-item__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  cursor: pointer;
  font-size: 15px;
  color: #D9EAEA;
  font-weight: 600;
  line-height: 1.35;
  transition: color .5s ease-in-out, background .5s ease-in-out;
  user-select: none
}

.lp-prog .faq-item__label:hover {
  color: #A8D730;
  background: #a8d7300a
}

.lp-prog .faq-item__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.lp-prog .faq-item__icon-bar {
  position: absolute;
  background: #A8D730;
  border-radius: 0;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .5s ease-in-out
}

.lp-prog .faq-item__icon-bar--h {
  width: 14px;
  height: 2px
}

.lp-prog .faq-item__icon-bar--v {
  width: 2px;
  height: 14px
}

.lp-prog .faq-item__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.lp-prog .faq-item__answer {
  padding: 0 24px 16px;
  font-size: 15px;
  line-height: 1.8;
  color: #d9eaeaa6
}

.lp-prog .faq-item__toggle:checked~.faq-item__label {
  color: #A8D730
}

.lp-prog .faq-item__toggle:checked~.faq-item__body {
  max-height: 300px
}

.lp-prog .faq-item__toggle:checked~.faq-item__label .faq-item__icon-bar--v {
  transform: rotate(90deg);
  opacity: 0
}

.lp-prog .prog-faq__cta {
  margin-top: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 12px
}

@media (max-width: 768px) {
  .lp-prog .prog-title__grid {
    grid-template-columns: 1fr
  }

  .lp-prog .prog-title__img-wrap {
    height: 240px
  }

  .lp-prog .prog-title__h1 {
    font-size: 32px
  }

  .lp-prog .prog-title__faded-num {
    font-size: 120px
  }

  .lp-prog .prog-structure__layout {
    grid-template-columns: 1fr
  }

  .lp-prog .prog-legend__body {
    grid-template-columns: 1fr
  }

  .lp-prog .complex-card__facts-row {
    grid-template-columns: 1fr
  }

  .lp-prog .module-row {
    grid-template-columns: 36px 1fr
  }

  .lp-prog .module-row__badge {
    display: none
  }
}

@media (max-width: 480px) {
  .lp-prog .prog-title__text {
    padding: 36px 24px
  }

  .lp-prog .prog-title__actions {
    flex-direction: column
  }

  .lp-prog .prog-faq__cta {
    flex-direction: column;
    align-items: center
  }
}

.success-page {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 72px 24px;
  background-color: #1b1914
}

.success-page .success-card {
  max-width: 1024px;
  width: 100%;
  background-color: #221f1a;
  border-radius: 16px;
  padding: 72px;
  box-shadow: 0 10px 44px 0 #a8d73024;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 36px
}

.success-page .success-card__icon-wrap {
  width: 88px;
  height: 88px;
  border-radius: 16px;
  background-color: #252118;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 22px 0 #a8d73014;
  flex-shrink: 0
}

.success-page .success-card__icon-wrap .icon-checkmark {
  width: 44px;
  height: 44px
}

.success-page .success-card__icon-wrap .icon-checkmark circle {
  fill: none;
  stroke: #A8D730;
  stroke-width: 2;
  transition: stroke-dashoffset .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.success-page .success-card__icon-wrap .icon-checkmark polyline {
  fill: none;
  stroke: #A8D730;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round
}

.success-page .success-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 560px;
  width: 100%
}

.success-page .success-card__overline {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #A8D730;
  line-height: 1.35;
  font-weight: 600
}

.success-page .success-card__heading {
  font-size: 32px;
  line-height: 1.35;
  color: #D9EAEA;
  font-weight: 700;
  margin: 0
}

.success-page .success-card__text {
  font-size: 15px;
  line-height: 1.6;
  color: #b5c4c4;
  margin: 0;
  max-width: 440px
}

.success-page .success-card__divider {
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background-color: #A8D730;
  opacity: .55
}

.success-page .success-card__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center
}

.success-page .success-card__actions .btn-primary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 12px 36px;
  background-color: #A8D730;
  color: #1b1914;
  font-size: 15px;
  font-weight: 700;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.35;
  box-shadow: 0 5px 22px 0 #a8d73014;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .55s ease-in-out
}

.success-page .success-card__actions .btn-primary:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 44px 0 #a8d73024
}

.success-page .success-card__actions .btn-primary:focus {
  outline: 2px solid #A8D730;
  outline-offset: 3px
}

.success-page .success-card__actions .btn-secondary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 12px 36px;
  background-color: transparent;
  color: #D9EAEA;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #d9eaea38;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.35;
  transition: background-color .5s ease-in-out, border-color .45s ease-in-out, transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.success-page .success-card__actions .btn-secondary:hover {
  background-color: #d9eaea12;
  border-color: #d9eaea70;
  transform: scale(1.03)
}

.success-page .success-card__actions .btn-secondary:focus {
  outline: 2px solid #D9EAEA;
  outline-offset: 3px
}

.success-page .success-card__note {
  font-size: 13px;
  line-height: 1.6;
  color: #7a8f8f;
  margin: 0;
  letter-spacing: .02em
}

.success-page .success-card__note a {
  color: #A8D730;
  text-decoration: none;
  border-bottom: 1px solid #a8d73059;
  transition: border-color .48s ease-in-out, color .48s ease-in-out
}

.success-page .success-card__note a:hover {
  color: #c5e85a;
  border-bottom-color: #c5e85ab3
}

@media (max-width: 640px) {
  .success-page {
    padding: 36px 12px
  }

  .success-page .success-card {
    padding: 36px 24px;
    gap: 24px
  }

  .success-page .success-card__heading {
    font-size: 23px
  }

  .success-page .success-card__actions {
    flex-direction: column;
    width: 100%
  }

  .success-page .success-card__actions .btn-primary,
  .success-page .success-card__actions .btn-secondary {
    width: 100%;
    justify-content: center
  }
}