::before,
::after {
  content: none;
  box-sizing: inherit
}

body {
  margin: 0;
  min-height: 100dvh;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: 'Lora', serif
}

.xb-header {
  position: relative;
  background: #6C1158;
  overflow: visible
}

.xb-header-stripe {
  background: #FB8E29;
  height: 4px;
  width: 100%
}

.xb-header-body {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 48px;
  display: flex;
  align-items: center;
  gap: 48px
}

.xb-brand-mount {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0
}

.xb-logoimg {
  width: 88px;
  height: 88px;
  object-fit: contain;
  display: block;
  border-radius: 20px 0 20px 0;
  background: #fff;
  padding: 8px;
  box-shadow: 0 4px 18px -2px #6c115814
}

.xb-brandname {
  font-family: 'Lora', serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #fff;
  text-decoration: none;
  display: block
}

.xb-brandtag {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #ebf0f2bf;
  display: block;
  margin-top: 8px
}

.xb-divider {
  width: 1px;
  height: 56px;
  background: #ebf0f240;
  flex-shrink: 0
}

.xb-navmenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1
}

.xb-navmenu li {
  margin: 0;
  padding: 0
}

.xb-navlink {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #ebf0f2e0;
  text-decoration: none;
  padding: 8px 24px;
  border-radius: 0;
  display: block;
  transition: color .1s ease-out, background .1s ease-out;
  white-space: nowrap
}

.xb-navlink:hover,
.xb-navlink:focus {
  color: #fff;
  background: #ebf0f21a;
  outline: none
}

.xb-navlink:focus-visible {
  outline: 2px solid #FB8E29;
  outline-offset: 2px
}

.xb-navaction {
  margin-left: auto;
  flex-shrink: 0
}

.xb-actionlink {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6C1158;
  background: #FB8E29;
  text-decoration: none;
  padding: 8px 24px;
  border-radius: 20px 0 20px 0;
  display: inline-block;
  box-shadow: 0 4px 18px -2px #fb8e2914;
  transition: background .12s ease-out, color .12s ease-out, box-shadow .12s ease-out;
  white-space: nowrap
}

.xb-actionlink:hover,
.xb-actionlink:focus {
  background: #fff;
  color: #6C1158;
  box-shadow: 0 12px 48px -2px #fb8e2921;
  outline: none
}

.xb-actionlink:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px
}

.xb-footer {
  background: #EBF0F2;
  border-top: 1px solid #6c11581f
}

.xb-footer-upper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 48px 24px;
  display: flex;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: wrap
}

.xb-footbrand {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0
}

.xb-footlogoimg {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
  border-radius: 0 20px 0 20px;
  background: #fff;
  padding: 8px;
  box-shadow: 0 1px 3px -2px #6c11580d 0 4px 18px -2px #6c115814
}

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

.xb-footname {
  font-family: 'Lora', serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  color: #6C1158
}

.xb-footfounded {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #6c1158a6
}

.xb-footcols {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
  flex: 1
}

.xb-footcol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 160px
}

.xb-footcollabel {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #6C1158;
  margin-bottom: 8px
}

.xb-footlink {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #3a2035;
  text-decoration: none;
  transition: color .08s ease-out
}

.xb-footlink:hover,
.xb-footlink:focus {
  color: #6C1158;
  outline: none
}

.xb-footlink:focus-visible {
  outline: 2px solid #6C1158;
  outline-offset: 2px
}

.xb-footcontact {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #3a2035
}

.xb-footer-lower {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 48px;
  border-top: 1px solid #6c11581a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px
}

.xb-copyright {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #6c115899
}

.xb-footlegal {
  display: flex;
  gap: 24px;
  flex-wrap: wrap
}

.xb-legallink {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #6c1158a6;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .08s ease-out
}

.xb-legallink:hover,
.xb-legallink:focus {
  color: #6C1158;
  outline: none
}

.xb-legallink:focus-visible {
  outline: 2px solid #6C1158;
  outline-offset: 2px
}

.xb-cookiebar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4000;
  background: #fff;
  box-shadow: 0 4px 18px -2px #6c115814;
  border-bottom: 2px solid #FB8E29
}

.xb-cookieshell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 48px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap
}

.xb-cookietext {
  flex: 1;
  min-width: 240px
}

.xb-cookiehead {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  color: #6C1158;
  display: block;
  margin-bottom: 8px
}

.xb-cookiedesc {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #3a2035
}

.xb-cookiepolicylink {
  color: #6C1158;
  text-decoration: underline;
  text-underline-offset: 2px
}

.xb-cookiebtns {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0
}

.xb-cookiebtn {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 8px 24px;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  border: 1px solid #6C1158;
  color: #6C1158;
  transition: background .1s ease-out, color .1s ease-out;
  min-height: 44px
}

.xb-cookiebtn:hover,
.xb-cookiebtn:focus {
  background: #6C1158;
  color: #fff;
  outline: none
}

.xb-cookiebtn:focus-visible {
  outline: 2px solid #6C1158;
  outline-offset: 2px
}

.xb-cookiebtn.accept {
  background: #6C1158;
  color: #fff
}

.xb-cookiebtn.accept:hover,
.xb-cookiebtn.accept:focus {
  background: #FB8E29;
  border-color: #FB8E29;
  color: #fff
}

.xb-settingslink {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #6c1158a6;
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  min-height: 44px;
  transition: color .08s ease-out
}

.xb-settingslink:hover,
.xb-settingslink:focus {
  color: #6C1158;
  outline: none
}

.xb-cookieprefs {
  display: none;
  width: 100%;
  padding: 24px 0 8px;
  border-top: 1px solid #6c11581a;
  margin-top: 8px;
  flex-basis: 100%
}

.xb-togglerow {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 8px
}

.xb-togglelabel {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #3a2035;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer
}

.xb-togglelabel input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #6C1158;
  cursor: pointer
}

@media (max-width: 768px) {
  .xb-header-body {
    padding: 24px;
    flex-wrap: wrap;
    gap: 24px
  }

  .xb-navaction {
    margin-left: 0
  }

  .xb-footer-upper {
    padding: 48px 24px 24px;
    flex-direction: column;
    gap: 24px
  }

  .xb-footer-lower {
    padding: 24px;
    flex-direction: column;
    align-items: flex-start
  }

  .xb-cookieshell {
    padding: 24px
  }
}

.info-policy {
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 48px;
  color: #2a1f27;
  line-height: 1.7;
  font-size: 14px
}

.info-policy h1 {
  font-size: 70px;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #6C1158;
  margin-top: 0;
  margin-bottom: 48px
}

.info-policy h2 {
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: #6C1158;
  margin-top: 96px;
  margin-bottom: 24px;
  padding-bottom: 8px;
  border-bottom: 2px solid #EBF0F2
}

.info-policy h3 {
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: #3d1035;
  margin-top: 48px;
  margin-bottom: 24px
}

.info-policy h4 {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #FB8E29;
  margin-top: 48px;
  margin-bottom: 8px
}

.info-policy h5 {
  font-size: 14px;
  line-height: 1.45;
  color: #2a1f27;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 8px
}

.info-policy h6 {
  font-size: 14px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px
}

.info-policy p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1f27;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 72ch
}

.info-policy ul,
.info-policy ol {
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 24px;
  max-width: 72ch
}

.info-policy ul {
  list-style: none;
  padding-left: 0
}

.info-policy ul li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: #2a1f27
}

.info-policy ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #FB8E29;
  border-radius: 0;
  transform: rotate(45deg)
}

.info-policy ol {
  list-style: none;
  counter-reset: policy-counter;
  padding-left: 0
}

.info-policy ol li {
  counter-increment: policy-counter;
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: #2a1f27
}

.info-policy ol li::before {
  content: counter(policy-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  font-weight: 700;
  color: #6C1158;
  line-height: 1.7
}

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

.info-policy table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 48px;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 4px 18px -2px #6c115814;
  border-radius: 20px;
  overflow: hidden
}

.info-policy thead {
  background: #6C1158
}

.info-policy thead th {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 24px;
  text-align: left
}

.info-policy tbody tr {
  transition: background-color .1s ease-out
}

.info-policy tbody tr:nth-child(even) {
  background: #EBF0F2
}

.info-policy tbody tr:hover {
  background: #6c11580d
}

.info-policy td {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
  color: #2a1f27;
  vertical-align: top;
  border-bottom: 1px solid #6c115814
}

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

.info-policy hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, #6C1158 0%, #FB8E29 50%, transparent 100%);
  margin-top: 48px;
  margin-bottom: 48px;
  opacity: .25
}

.info-policy div {
  margin-bottom: 24px
}

@media (max-width: 768px) {
  .info-policy {
    padding: 48px 24px
  }

  .info-policy h1 {
    font-size: 29px;
    margin-bottom: 24px
  }

  .info-policy h2 {
    font-size: 22px;
    margin-top: 48px
  }

  .info-policy h3 {
    font-size: 14px;
    margin-top: 24px
  }

  .info-policy table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px
  }

  .info-policy thead th,
  .info-policy td {
    padding: 24px 8px;
    white-space: nowrap
  }
}

@media (max-width: 480px) {
  .info-policy {
    padding: 48px 8px
  }

  .info-policy h2 {
    margin-top: 48px
  }
}

.ctus {
  background: #fff;
  overflow-x: clip
}

.ctus .pgwrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px
}

.ctus .reachband {
  background: #6C1158;
  padding: 96px 24px 48px;
  position: relative
}

.ctus .reachband::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #6C1158 0%, #3a0930 100%);
  pointer-events: none
}

.ctus .reachinner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 48px
}

.ctus .reachabbrv {
  position: absolute;
  top: -24px;
  right: 0;
  font-size: 160px;
  line-height: 1.15;
  font-weight: 900;
  color: #ffffff0a;
  letter-spacing: -8px;
  pointer-events: none;
  user-select: none;
  white-space: nowrap
}

.ctus .reachtext {
  flex: 1 1 420px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 48px
}

.ctus .reacheyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px
}

.ctus .reacheyebrow .diamond {
  width: 8px;
  height: 8px;
  background: #FB8E29;
  transform: rotate(45deg);
  flex-shrink: 0
}

.ctus .reacheyebrow span {
  font-size: 14px;
  line-height: 1.45;
  color: #FB8E29;
  letter-spacing: .08em;
  text-transform: uppercase
}

.ctus .reachh1 {
  font-size: 70px;
  line-height: 1.15;
  color: #fff;
  font-weight: 900;
  letter-spacing: -2px;
  margin: 0
}

.ctus .reachh1 .gradtxt {
  background: linear-gradient(to left, #FB8E29, #e8a050);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.ctus .reachsubp {
  font-size: 22px;
  line-height: 1.7;
  color: #ffffffb8;
  margin: 0;
  max-width: 420px
}

.ctus .reachdetails {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px
}

.ctus .detailitem {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px
}

.ctus .detailicon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px
}

.ctus .detailtext {
  font-size: 14px;
  line-height: 1.7;
  color: #ffffffd1
}

.ctus .detailtext a {
  color: #FB8E29;
  text-decoration: none;
  transition: color .1s ease-out
}

.ctus .detailtext a:hover {
  color: #fff
}

.ctus .reachimgcol {
  flex: 0 0 400px;
  position: relative;
  display: flex;
  align-items: flex-end
}

.ctus .imgframe {
  width: 100%;
  height: 480px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #fb8e294d;
  box-shadow: 0 12px 48px -2px #6c115821
}

.ctus .imgframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.7) brightness(0.85) contrast(1.1) hue-rotate(0deg)
}

.ctus .imgframe::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #6c11588c 0%, #3a093026 100%);
  pointer-events: none
}

.ctus .imgdeco {
  position: absolute;
  bottom: -24px;
  left: -24px;
  width: 120px;
  height: 120px;
  border-radius: 20px;
  background: #FB8E29;
  opacity: .12;
  pointer-events: none
}

.ctus .formband {
  background: #EBF0F2;
  padding: 96px 24px;
  position: relative
}

.ctus .formbandinner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start
}

.ctus .formlabel {
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 8px
}

.ctus .formlabelh2 {
  font-size: 29px;
  line-height: 1.15;
  color: #6C1158;
  font-weight: 800;
  letter-spacing: -.5px;
  margin: 0
}

.ctus .formlabelp {
  font-size: 14px;
  line-height: 1.7;
  color: #3d3340;
  margin: 0
}

.ctus .steplist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus .steplist li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: #3d3340
}

.ctus .steplist li::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #FB8E29;
  flex-shrink: 0;
  margin-top: 7px
}

.ctus .formcard {
  flex: 1 1 0;
  background: #fff;
  border-radius: 20px;
  padding: 48px;
  box-shadow: 0 4px 18px -2px #6c115814
}

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

.ctus .frow {
  display: flex;
  flex-direction: row;
  gap: 24px
}

.ctus .fgroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 0
}

.ctus .fgroup.full {
  flex: 1 1 100%
}

.ctus .flabel {
  font-size: 14px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase
}

.ctus .finput,
.ctus .fselect,
.ctus .ftextarea {
  width: 100%;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 1.7;
  color: #2a1e27;
  background: #EBF0F2;
  border: 1px solid #6c11582e;
  border-radius: 0;
  outline: none;
  transition: border-color .12s ease-out, box-shadow .12s ease-out;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none
}

.ctus .finput::placeholder,
.ctus .ftextarea::placeholder {
  color: #2a1e2766
}

.ctus .finput:focus,
.ctus .fselect:focus,
.ctus .ftextarea:focus {
  border-color: #6C1158;
  box-shadow: inset 0 0 0 2px #6c115821
}

.ctus .fselect {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236C1158' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px
}

.ctus .ftextarea {
  resize: vertical;
  min-height: 96px
}

.ctus .privacyrow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px
}

.ctus .privacycheck {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: #6C1158;
  cursor: pointer
}

.ctus .privacylabel {
  font-size: 14px;
  line-height: 1.7;
  color: #3d3340
}

.ctus .privacylabel a {
  color: #6C1158;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .1s ease-out
}

.ctus .privacylabel a:hover {
  color: #FB8E29
}

.ctus .submitbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 48px;
  background: linear-gradient(to left, #6C1158, #9a1a7e);
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background .12s ease-out, box-shadow .1s linear;
  box-shadow: 0 4px 18px -2px #6c115814;
  align-self: flex-start
}

.ctus .submitbtn:hover {
  background: linear-gradient(to right, #6C1158, #9a1a7e);
  box-shadow: 0 12px 48px -2px #6c115821
}

.ctus .submitbtn:focus {
  outline: 2px solid #FB8E29;
  outline-offset: 2px
}

.ctus .submitbtn:active {
  box-shadow: 0 1px 3px -2px #6c11580d
}

@keyframes brightpulse {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: .93
  }
}

.ctus .reachband {
  animation: brightpulse 6s ease-in-out infinite
}

@media (max-width: 900px) {
  .ctus .reachinner {
    flex-direction: column
  }

  .ctus .reachimgcol {
    flex: 0 0 auto;
    width: 100%
  }

  .ctus .imgframe {
    height: 280px
  }

  .ctus .reachh1 {
    font-size: 29px;
    letter-spacing: -.5px
  }

  .ctus .reachabbrv {
    font-size: 80px
  }

  .ctus .formbandinner {
    flex-direction: column
  }

  .ctus .formlabel {
    flex: 0 0 auto
  }

  .ctus .frow {
    flex-direction: column
  }

  .ctus .formcard {
    padding: 24px
  }
}

@media (max-width: 600px) {
  .ctus .reachband {
    padding: 48px 24px
  }

  .ctus .formband {
    padding: 48px 24px
  }

  .ctus .submitbtn {
    width: 100%;
    justify-content: center
  }
}

.bse {
  background: #fff;
  overflow-x: hidden
}

.bse *,
.bse ::before,
.bse ::after {
  box-sizing: border-box
}

.bse .maxw {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.bse .titlesec {
  background: #6C1158;
  padding-top: 96px;
  padding-bottom: 0;
  position: relative
}

.bse .titlesec::after {
  content: '';
  display: block;
  width: 100%;
  height: 48px;
  background: #fff;
  clip-path: ellipse(55% 100% at 50% 100%)
}

.bse .titletxt {
  text-align: center;
  padding-bottom: 48px
}

.bse .titletxt .eyebrow {
  display: inline-block;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .12em;
  color: #FB8E29;
  text-transform: uppercase;
  margin-bottom: 24px
}

.bse .titletxt h1 {
  font-size: 70px;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: #fff;
  margin: 0 0 24px;
  font-weight: 800
}

.bse .titletxt .subt {
  font-size: 22px;
  line-height: 1.7;
  color: #ebf0f2d9;
  max-width: 640px;
  margin: 0 auto 48px
}

.bse .titleimgzone {
  position: relative;
  max-width: 900px;
  margin: 0 auto
}

.bse .titleimgzone img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: center;
  border-radius: 20px 20px 0 0;
  display: block;
  border: 1px solid #6c11582e;
  filter: grayscale(30%) saturate(1.2)
}

.bse .titleimgzone .tint {
  position: absolute;
  inset: 0;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(to right, #6c115873, #fb8e2938);
  pointer-events: none
}

.bse .titleimgzone .imgcap {
  position: absolute;
  bottom: 24px;
  left: 24px;
  background: #6c1158d1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 24px;
  max-width: 320px
}

.bse .titleimgzone .imgcap p {
  font-size: 14px;
  line-height: 1.7;
  color: #EBF0F2;
  margin: 0
}

.bse .aprsec {
  background: #EBF0F2;
  padding-top: 96px;
  padding-bottom: 96px
}

.bse .aprinner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.bse .aprleft h2 {
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #6C1158;
  font-weight: 700;
  margin: 0 0 24px
}

.bse .aprleft p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  margin: 0 0 24px
}

.bse .aprlist {
  list-style: none;
  padding: 0;
  margin: 0
}

.bse .aprlist li {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  padding: 8px 0 8px 24px;
  border-bottom: 1px solid #6c11581a;
  position: relative
}

.bse .aprlist li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #FB8E29;
  border-top: 2px solid #FB8E29;
  transform: translateY(-50%) rotate(45deg)
}

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

.bse .aprcard {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 18px -2px #6c115814;
  position: relative;
  overflow: hidden;
  transition: box-shadow .12s ease-out, transform .1s ease-out
}

.bse .aprcard:hover {
  box-shadow: 0 12px 48px -2px #6c115821;
  transform: translateY(-3px)
}

.bse .aprcard .cardnum {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 70px;
  line-height: 1.15;
  font-weight: 800;
  color: #6c11580f;
  letter-spacing: -.04em;
  pointer-events: none
}

.bse .aprcard h4 {
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
  color: #6C1158;
  margin: 0 0 8px
}

.bse .aprcard p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  margin: 0
}

.bse .ltvalsec {
  background: #fff;
  padding-top: 96px;
  padding-bottom: 96px
}

.bse .ltvalhead {
  text-align: center;
  margin-bottom: 48px
}

.bse .ltvalhead h2 {
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #2a1822;
  font-weight: 700;
  margin: 0 0 8px
}

.bse .ltvalhead p {
  font-size: 14px;
  line-height: 1.7;
  color: #5a3a52;
  max-width: 560px;
  margin: 0 auto
}

.bse .ltgrid {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  gap: 24px;
  align-items: stretch
}

.bse .ltimgwrap {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  min-height: 340px;
  border: 1px solid #6c11581a
}

.bse .ltimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: filter .13s ease-out
}

.bse .ltimgwrap .colortint {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #6c115885, #fb8e292e);
  opacity: 0;
  transition: opacity .13s ease-out;
  pointer-events: none
}

.bse .ltimgwrap:hover img {
  filter: grayscale(20%)
}

.bse .ltimgwrap:hover .colortint {
  opacity: 1
}

.bse .ltmidcol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px
}

.bse .ltstat {
  background: #6C1158;
  border-radius: 20px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 12px 48px -2px #6c115821
}

.bse .ltstat .statnum {
  font-size: 70px;
  line-height: 1.15;
  font-weight: 800;
  color: #FB8E29;
  letter-spacing: -.04em;
  display: block
}

.bse .ltstat .statlbl {
  font-size: 14px;
  line-height: 1.45;
  color: #EBF0F2;
  display: block;
  margin-top: 8px
}

.bse .ltright {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center
}

.bse .ltright h3 {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  color: #6C1158;
  margin: 0 0 8px
}

.bse .ltright p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  margin: 0 0 24px
}

.bse .ltpointlist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.bse .ltpointlist li {
  font-size: 14px;
  line-height: 1.45;
  color: #2a1822;
  padding-left: 24px;
  position: relative
}

.bse .ltpointlist li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6C1158;
  border-top: 2px solid #6C1158;
  transform: rotate(45deg)
}

.bse .expsec {
  background: #2a1822;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
  overflow: hidden
}

.bse .expsec .bgdeco {
  position: absolute;
  top: -48px;
  right: -48px;
  width: 400px;
  height: 400px;
  border-radius: 20px;
  background: linear-gradient(to left, #6c115859, #fb8e291a);
  pointer-events: none
}

.bse .expinner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center
}

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

.bse .expleft h2 {
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #EBF0F2;
  font-weight: 700;
  margin: 0
}

.bse .expleft p {
  font-size: 14px;
  line-height: 1.7;
  color: #ebf0f2bf;
  margin: 0
}

.bse .expleft .gradtxt {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  background: linear-gradient(to left, #6C1158, #FB8E29);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

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

.bse .expstep {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 24px;
  align-items: start
}

.bse .expstep .stepnum {
  width: 48px;
  height: 48px;
  border-radius: 20px;
  background: #fb8e2926;
  border: 1px solid #fb8e294d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  color: #FB8E29;
  flex-shrink: 0;
  transition: background .1s ease-out
}

.bse .expstep:hover .stepnum {
  background: #fb8e2947
}

.bse .expstep .steptxt h5 {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #EBF0F2;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: .08em
}

.bse .expstep .steptxt p {
  font-size: 14px;
  line-height: 1.7;
  color: #ebf0f2a6;
  margin: 0
}

.bse .expimgwrap {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  border: 1px solid #fb8e2933
}

.bse .expimgwrap img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: grayscale(60%) saturate(0.8);
  transition: filter .12s ease-out
}

.bse .expimgwrap:hover img {
  filter: grayscale(0%) saturate(1.2)
}

.bse .expimgwrap .exptint {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #6c115899, transparent);
  pointer-events: none
}

.bse .storysec {
  background: #EBF0F2;
  padding-top: 96px;
  padding-bottom: 96px
}

.bse .storyhead {
  margin-bottom: 48px
}

.bse .storyhead h2 {
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #6C1158;
  font-weight: 700;
  margin: 0 0 8px;
  max-width: 560px
}

.bse .storyhead p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  max-width: 480px;
  margin: 0
}

.bse .storygrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

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

.bse .sprofile {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 24px;
  align-items: start;
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 1px 3px -2px #6c11580d;
  transition: box-shadow .1s ease-out, transform .12s ease-out
}

.bse .sprofile:hover {
  box-shadow: 0 4px 18px -2px #6c115814;
  transform: translateY(-2px)
}

.bse .sprofile .portraitwrap {
  width: 80px;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #6c11581f;
  flex-shrink: 0
}

.bse .sprofile .portraitwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.bse .sprofile .profinfo h5 {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #6C1158;
  margin: 0 0 8px
}

.bse .sprofile .profinfo .role {
  font-size: 14px;
  line-height: 1.45;
  color: #FB8E29;
  display: block;
  margin-bottom: 8px
}

.bse .sprofile .profinfo p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  margin: 0
}

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

.bse .storyright .pullquote {
  border-radius: 20px;
  background: #6C1158;
  padding: 48px;
  box-shadow: 0 12px 48px -2px #6c115821;
  position: relative
}

.bse .pullquote .qmark {
  font-size: 70px;
  line-height: 1.15;
  font-weight: 800;
  color: #fb8e2940;
  position: absolute;
  top: 24px;
  left: 24px;
  pointer-events: none
}

.bse .pullquote blockquote {
  font-size: 22px;
  line-height: 1.7;
  color: #EBF0F2;
  margin: 0 0 24px;
  font-style: italic;
  position: relative;
  z-index: 1
}

.bse .pullquote .qattr {
  font-size: 14px;
  line-height: 1.45;
  color: #ebf0f2a6
}

.bse .storyright .platformnote {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  border: 1px solid #6c11581a
}

.bse .platformnote p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1822;
  margin: 0
}

.bse .platformnote .pnlabel {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #6C1158;
  display: block;
  margin-bottom: 8px
}

@keyframes rowfadein {
  from {
    opacity: 0;
    transform: translateY(18px)
  }

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

.bse .animrow {
  animation: rowfadein .5s ease-out both
}

.bse .animrow.d1 {
  animation-delay: .08s
}

.bse .animrow.d2 {
  animation-delay: .18s
}

.bse .animrow.d3 {
  animation-delay: .28s
}

.bse .animrow.d4 {
  animation-delay: .38s
}

@media (max-width: 900px) {
  .bse .titletxt h1 {
    font-size: 29px
  }

  .bse .aprinner {
    grid-template-columns: 1fr
  }

  .bse .ltgrid {
    grid-template-columns: 1fr
  }

  .bse .ltmidcol {
    flex-direction: row
  }

  .bse .expinner {
    grid-template-columns: 1fr
  }

  .bse .storygrid {
    grid-template-columns: 1fr
  }

  .bse .titleimgzone img {
    height: 260px
  }
}

@media (max-width: 600px) {
  .bse .titlesec {
    padding-top: 48px
  }

  .bse .ltvalsec,
  .bse .aprsec,
  .bse .expsec,
  .bse .storysec {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .bse .sprofile {
    grid-template-columns: 1fr
  }

  .bse .pullquote blockquote {
    font-size: 14px
  }

  .bse .ltmidcol {
    flex-direction: column
  }
}

.abtus {
  overflow-x: clip
}

.abtus .pg-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px
}

.abtus .intro-band {
  padding: 96px 24px 48px;
  position: relative;
  background-color: #6C1158;
  overflow: hidden
}

.abtus .intro-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 20%, #fb8e2921 0%, transparent 55%), radial-gradient(circle at 90% 80%, #6c115866 0%, transparent 50%);
  pointer-events: none
}

.abtus .intro-band::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 38px, #ffffff08 38px, #ffffff08 39px), repeating-linear-gradient(90deg, transparent, transparent 38px, #ffffff08 38px, #ffffff08 39px);
  pointer-events: none
}

.abtus .intro-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

.abtus .intro-tag {
  display: inline-block;
  background: #fb8e292e;
  border: 1px solid #fb8e2973;
  color: #FB8E29;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 8px 24px;
  border-radius: 0;
  margin-bottom: 24px
}

.abtus .intro-h1 {
  font-size: 70px;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: #fff;
  font-weight: 800;
  margin: 0 0 24px;
  max-width: 820px
}

.abtus .intro-h1 .accent-phrase {
  background: linear-gradient(to left, #6C1158, #FB8E29);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.abtus .intro-sub {
  font-size: 22px;
  line-height: 1.7;
  color: #ebf0f2d9;
  max-width: 580px;
  margin: 0 0 48px
}

.abtus .intro-meta {
  display: flex;
  flex-direction: row;
  gap: 48px;
  flex-wrap: wrap
}

.abtus .intro-stat {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abtus .stat-num {
  font-size: 29px;
  line-height: 1.15;
  font-weight: 700;
  color: #FB8E29;
  letter-spacing: -.02em
}

.abtus .stat-label {
  font-size: 14px;
  line-height: 1.45;
  color: #ebf0f2b3;
  text-transform: uppercase;
  letter-spacing: .06em
}

.abtus .divider-tri {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 32px;
  background: #6C1158;
  position: relative
}

.abtus .divider-tri svg {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.abtus .story-band {
  background: #fff;
  padding: 96px 24px
}

.abtus .story-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.abtus .story-left {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.abtus .story-corner-wrap {
  position: relative;
  display: inline-block
}

.abtus .story-corner-wrap::before,
.abtus .story-corner-wrap::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none
}

.abtus .story-corner-wrap::before {
  top: -4px;
  left: -4px;
  border-top: 2px solid #FB8E29;
  border-left: 2px solid #FB8E29
}

.abtus .story-corner-wrap::after {
  bottom: -4px;
  right: -4px;
  border-bottom: 2px solid #6C1158;
  border-right: 2px solid #6C1158
}

.abtus .story-img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0;
  border: 1px solid #6c11581f;
  box-shadow: 0 4px 18px -2px #6c115814;
  transition: box-shadow .12s ease-out
}

.abtus .story-img:hover {
  box-shadow: 0 12px 48px -2px #6c115821
}

.abtus .story-img-sm {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0;
  border: 1px solid #6c11581f;
  box-shadow: 0 1px 3px -2px #6c11580d;
  margin-top: 24px
}

.abtus .story-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px
}

.abtus .story-eyebrow {
  font-size: 14px;
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #FB8E29;
  font-weight: 600
}

.abtus .story-h2 {
  font-size: 29px;
  line-height: 1.15;
  font-weight: 800;
  color: #1b0516;
  letter-spacing: -.02em;
  margin: 0
}

.abtus .story-p {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035;
  margin: 0
}

.abtus .story-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abtus .story-list li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035
}

.abtus .story-list li .arr {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 3px
}

.abtus .story-list li .arr svg {
  width: 14px;
  height: 14px
}

.abtus .divider-light {
  height: 2px;
  background: linear-gradient(to left, transparent, #EBF0F2 40%, #EBF0F2 60%, transparent)
}

.abtus .team-band {
  background: #EBF0F2;
  padding: 96px 24px;
  position: relative
}

.abtus .team-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 0% 0%, #6c11580f 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, #fb8e290d 0%, transparent 50%);
  pointer-events: none
}

.abtus .team-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

.abtus .team-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 48px
}

.abtus .team-h2 {
  font-size: 29px;
  line-height: 1.15;
  font-weight: 800;
  color: #1b0516;
  letter-spacing: -.02em;
  margin: 0
}

.abtus .team-desc {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035;
  margin: 0
}

.abtus .team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px
}

.abtus .member-card {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 1px 3px -2px #6c11580d;
  overflow: hidden;
  transition: box-shadow .1s ease-out, transform .1s ease-out;
  position: relative
}

.abtus .member-card:hover {
  box-shadow: 0 12px 48px -2px #6c115821;
  transform: translateY(-4px) scale(1.01)
}

.abtus .member-card.featured {
  background: linear-gradient(to left, #6C1158, #8a1670);
  box-shadow: 0 4px 18px -2px #6c115821
}

.abtus .card-vtag {
  position: absolute;
  top: 16px;
  right: 0;
  background: #FB8E29;
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 600;
  border-radius: 0
}

.abtus .member-portrait {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-bottom: 1px solid #6c11581a
}

.abtus .member-portrait-placeholder {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EBF0F2;
  border-bottom: 1px solid #6c11581a
}

.abtus .member-portrait-placeholder.dark {
  background: #ffffff1a
}

.abtus .portrait-initials {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: #6c11581f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  color: #6C1158;
  letter-spacing: -.01em
}

.abtus .portrait-initials.light {
  background: #ffffff26;
  color: #fff
}

.abtus .member-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abtus .member-name {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #1b0516;
  margin: 0
}

.abtus .member-card.featured .member-name {
  color: #fff
}

.abtus .member-role {
  font-size: 14px;
  line-height: 1.45;
  color: #FB8E29;
  font-weight: 600;
  margin: 0
}

.abtus .member-card.featured .member-role {
  color: #fb8e29e6
}

.abtus .member-note {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035;
  margin: 0
}

.abtus .member-card.featured .member-note {
  color: #ebf0f2cc
}

.abtus .values-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px
}

.abtus .val-item {
  background: #fff;
  border-radius: 0;
  padding: 24px;
  box-shadow: 0 1px 3px -2px #6c11580d;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  transition: box-shadow .12s ease-out
}

.abtus .val-item:hover {
  box-shadow: 0 4px 18px -2px #6c115814
}

.abtus .val-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to left, #6C1158, #FB8E29);
  border-radius: 0;
  flex-shrink: 0
}

.abtus .val-icon svg {
  width: 20px;
  height: 20px
}

.abtus .val-label {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #1b0516;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 0
}

.abtus .val-text {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035;
  margin: 0
}

.abtus .img-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  margin-top: 48px
}

.abtus .img-row-item {
  position: relative;
  overflow: hidden;
  border-radius: 0
}

.abtus .img-row-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  display: block;
  border: 1px solid #6c11581a
}

.abtus .img-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #6c1158d9, transparent);
  padding: 24px;
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600
}

@keyframes elasticIn {
  0% {
    opacity: 0;
    transform: scale(0.88)
  }

  65% {
    opacity: 1;
    transform: scale(1.03)
  }

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

.abtus .intro-inner {
  animation: elasticIn .55s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

@media (max-width: 900px) {
  .abtus .intro-h1 {
    font-size: 29px
  }

  .abtus .story-inner {
    grid-template-columns: 1fr
  }

  .abtus .team-grid {
    grid-template-columns: 1fr 1fr
  }

  .abtus .team-header {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .abtus .values-row {
    grid-template-columns: 1fr
  }

  .abtus .img-row {
    grid-template-columns: 1fr
  }
}

@media (max-width: 600px) {
  .abtus .intro-band {
    padding: 48px 24px
  }

  .abtus .intro-meta {
    gap: 24px
  }

  .abtus .team-grid {
    grid-template-columns: 1fr
  }

  .abtus .story-band,
  .abtus .team-band {
    padding: 48px 24px
  }
}

.edubiz {
  background: #EBF0F2;
  overflow-x: clip
}

.edubiz .pg-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px
}

.edubiz .reveal {
  animation: revealUp .12s ease-out both
}

@keyframes revealUp {
  from {
    opacity: 0;
    transform: scale(0.97)
  }

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

.edubiz .titlesec {
  background: #fff;
  padding: 96px 0 48px;
  position: relative
}

.edubiz .titlesec::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to left, #6C1158, #FB8E29)
}

.edubiz .titlesec-frame {
  position: relative;
  border: 1px dashed #6c11582e;
  border-radius: 20px;
  padding: 48px
}

.edubiz .titlesec-frame::before,
.edubiz .titlesec-frame::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background: #6C1158
}

.edubiz .titlesec-frame::before {
  top: -1px;
  left: 48px
}

.edubiz .titlesec-frame::after {
  bottom: -1px;
  right: 48px;
  background: #FB8E29
}

.edubiz .titlelayout {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 48px
}

.edubiz .titletext {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px
}

.edubiz .titlestrip {
  width: 220px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
  position: relative
}

.edubiz .titlestrip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: saturate(1.15) brightness(0.96) sepia(0.1)
}

.edubiz .titlelabel {
  font-size: 14px;
  letter-spacing: .12em;
  color: #FB8E29;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.15
}

.edubiz .titleh1 {
  font-size: 70px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.025em;
  color: #1b0d18;
  margin: 0
}

.edubiz .titleh1 .gradword {
  background: linear-gradient(to left, #6C1158, #FB8E29);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.edubiz .titledesc {
  font-size: 22px;
  line-height: 1.45;
  color: #3a2535;
  max-width: 560px;
  margin: 0
}

.edubiz .titlemeta {
  display: flex;
  flex-direction: row;
  gap: 48px;
  margin-top: 8px
}

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

.edubiz .metanum {
  font-size: 29px;
  font-weight: 800;
  color: #6C1158;
  line-height: 1.15
}

.edubiz .metalabel {
  font-size: 14px;
  color: #7a5570;
  line-height: 1.45
}

.edubiz .titlebtn {
  display: inline-block;
  background: linear-gradient(to left, #6C1158, #8a1870);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 24px 48px;
  border-radius: 0;
  text-decoration: none;
  transition: background .1s ease-out, box-shadow .1s ease-out;
  box-shadow: 0 4px 18px -2px #6c115814;
  align-self: flex-start
}

.edubiz .titlebtn:hover {
  background: linear-gradient(to right, #6C1158, #FB8E29);
  box-shadow: 0 12px 48px -2px #6c115821
}

.edubiz .progsec {
  padding: 96px 0;
  background: #EBF0F2;
  position: relative
}

.edubiz .progsec-accent {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(to left, #FB8E29, #6C1158);
  border-radius: 0
}

.edubiz .sechead {
  margin-bottom: 48px
}

.edubiz .sechead h2 {
  font-size: 29px;
  font-weight: 800;
  color: #1b0d18;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 8px
}

.edubiz .sechead p {
  font-size: 14px;
  color: #7a5570;
  line-height: 1.7;
  margin: 0;
  max-width: 480px
}

.edubiz .progsplit {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 24px;
  align-items: start
}

.edubiz .sidecard {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 1px 3px -2px #6c11580d;
  display: flex;
  flex-direction: column;
  gap: 24px
}

.edubiz .sidecard-icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: linear-gradient(to left, #6C1158, #8a1870);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.edubiz .sidecard-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round
}

.edubiz .sidecard h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1b0d18;
  margin: 0;
  line-height: 1.45
}

.edubiz .sidecard p {
  font-size: 14px;
  color: #5a3d52;
  line-height: 1.7;
  margin: 0
}

.edubiz .sidecard ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.edubiz .sidecard ul li {
  font-size: 14px;
  color: #3a2535;
  line-height: 1.45;
  padding-left: 16px;
  position: relative
}

.edubiz .sidecard ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #FB8E29;
  border-top: 2px solid #FB8E29;
  transform: rotate(45deg)
}

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

.edubiz .featimg {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 18px -2px #6c115814
}

.edubiz .featimg img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  display: block
}

.edubiz .progcard {
  background: #6C1158;
  border-radius: 20px;
  padding: 24px;
  color: #fff;
  box-shadow: 0 12px 48px -2px #6c115821 inset 0 1px 0 #ffffff14
}

.edubiz .progcard h3 {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 8px;
  color: #fff
}

.edubiz .progcard p {
  font-size: 14px;
  line-height: 1.7;
  color: #ffffffd1;
  margin: 0 0 24px
}

.edubiz .progcard-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px
}

.edubiz .ptag {
  background: #fb8e2933;
  border: 1px solid #fb8e2966;
  color: #FB8E29;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 24px;
  border-radius: 20px
}

.edubiz .reviewsec {
  padding: 96px 0 48px;
  background: #fff;
  position: relative
}

.edubiz .reviewsec-accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(to left, #FB8E29, #6C1158)
}

.edubiz .reviewlayout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

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

.edubiz .reviewleft h2 {
  font-size: 29px;
  font-weight: 800;
  color: #1b0d18;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0
}

.edubiz .testimonialcard {
  background: #EBF0F2;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 1px 3px -2px #6c11580d
}

.edubiz .tcperson {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center
}

.edubiz .tcportrait {
  width: 72px;
  height: 96px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 18px -2px #6c115814
}

.edubiz .tcportrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.edubiz .tcname {
  font-size: 14px;
  font-weight: 700;
  color: #1b0d18;
  line-height: 1.15
}

.edubiz .tcrole {
  font-size: 14px;
  color: #7a5570;
  line-height: 1.45;
  margin-top: 8px
}

.edubiz .tcquote {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2535;
  margin: 0;
  font-style: italic
}

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

.edubiz .reviewright h3 {
  font-size: 22px;
  font-weight: 800;
  color: #1b0d18;
  line-height: 1.15;
  margin: 0
}

.edubiz .proscons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px
}

.edubiz .prosbox,
.edubiz .consbox {
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.edubiz .prosbox {
  background: #6c11580d;
  border: 1px solid #6c11581f
}

.edubiz .consbox {
  background: #fb8e290f;
  border: 1px solid #fb8e292e
}

.edubiz .pchead {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px
}

.edubiz .pchead-dot {
  width: 10px;
  height: 10px;
  border-radius: 0;
  flex-shrink: 0
}

.edubiz .prosbox .pchead {
  color: #6C1158
}

.edubiz .prosbox .pchead-dot {
  background: #6C1158;
  border-radius: 20px
}

.edubiz .consbox .pchead {
  color: #c06a10
}

.edubiz .consbox .pchead-dot {
  background: #FB8E29;
  border-radius: 20px
}

.edubiz .pclist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.edubiz .pclist li {
  font-size: 14px;
  line-height: 1.45;
  color: #3a2535;
  padding-left: 14px;
  position: relative
}

.edubiz .prosbox .pclist li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #6C1158;
  border-top: 2px solid #6C1158;
  transform: rotate(45deg)
}

.edubiz .consbox .pclist li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #FB8E29;
  border-top: 2px solid #FB8E29;
  transform: rotate(45deg)
}

.edubiz .ainotice {
  background: #EBF0F2;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start
}

.edubiz .ainotice-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 20px;
  background: linear-gradient(to left, #6C1158, #FB8E29);
  display: flex;
  align-items: center;
  justify-content: center
}

.edubiz .ainotice-icon svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round
}

.edubiz .ainotice p {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2535;
  margin: 0
}

.edubiz .ainotice strong {
  color: #6C1158
}

.edubiz .imgrow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px
}

.edubiz .imgrow-item {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 18px -2px #6c115814
}

.edubiz .imgrow-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .12s ease-out
}

.edubiz .imgrow-item:hover img {
  transform: scale(1.03)
}

.edubiz .divider-edge {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  margin: 48px 0 0
}

.edubiz .divider-edge .dl {
  width: 60px;
  height: 2px;
  background: #6C1158
}

.edubiz .divider-edge .dr {
  width: 60px;
  height: 2px;
  background: #FB8E29;
  margin-left: auto
}

@media (max-width: 900px) {
  .edubiz .titlelayout {
    flex-direction: column
  }

  .edubiz .titlestrip {
    width: 100%;
    height: 200px
  }

  .edubiz .titleh1 {
    font-size: 29px
  }

  .edubiz .progsplit {
    grid-template-columns: 1fr
  }

  .edubiz .reviewlayout {
    grid-template-columns: 1fr
  }

  .edubiz .proscons {
    grid-template-columns: 1fr
  }

  .edubiz .imgrow {
    grid-template-columns: 1fr
  }

  .edubiz .titlesec-frame {
    padding: 24px
  }

  .edubiz .titlemeta {
    gap: 24px;
    flex-wrap: wrap
  }
}

.srvpg {
  overflow-x: hidden
}

.srvpg .pgwrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px
}

.srvpg .titblock {
  background-color: #EBF0F2;
  padding: 96px 24px;
  position: relative
}

.srvpg .titblock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(135deg, #6c115808 0px, #6c115808 1px, transparent 1px, transparent 40px);
  pointer-events: none
}

.srvpg .titinner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px;
  position: relative
}

.srvpg .tittxt {
  flex: 1 1 0;
  position: relative
}

.srvpg .tittxt .qtmark {
  position: absolute;
  top: -24px;
  left: -8px;
  font-size: 160px;
  line-height: 1.15;
  color: #6c115812;
  pointer-events: none;
  font-weight: 900;
  z-index: 0;
  user-select: none
}

.srvpg .tittxt .numaccent {
  display: inline-block;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .12em;
  color: #FB8E29;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px
}

.srvpg .tittxt h1 {
  font-size: 70px;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: #6C1158;
  font-weight: 900;
  margin: 0 0 24px;
  position: relative;
  z-index: 1
}

.srvpg .tittxt h1 .gradtxt {
  background: linear-gradient(to left, #FB8E29, #6C1158);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.srvpg .tittxt .titdesc {
  font-size: 22px;
  line-height: 1.7;
  color: #2a1224;
  max-width: 520px;
  position: relative;
  z-index: 1;
  margin: 0
}

.srvpg .titdeco {
  flex: 0 0 340px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px
}

.srvpg .titdeco .mathsym {
  font-size: 220px;
  line-height: 1.15;
  color: #6c11580f;
  font-weight: 900;
  position: absolute;
  right: -24px;
  top: -48px;
  pointer-events: none;
  user-select: none;
  z-index: 0
}

.srvpg .titimgframe {
  width: 280px;
  height: 340px;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #6c11582e;
  box-shadow: 0 12px 48px -2px #6c115821;
  position: relative;
  z-index: 1;
  filter: saturate(1.15) contrast(1.05)
}

.srvpg .titimgframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvpg .svgdivider {
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  margin-top: -2px
}

.srvpg .svgdivider svg {
  display: block;
  width: 100%
}

.srvpg .gridblock {
  background: #fff;
  padding: 96px 24px
}

.srvpg .gridinner {
  max-width: 1280px;
  margin: 0 auto
}

.srvpg .gridinner .seclab {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .1em;
  color: #FB8E29;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block
}

.srvpg .gridinner h2 {
  font-size: 29px;
  line-height: 1.45;
  letter-spacing: -.02em;
  color: #6C1158;
  font-weight: 800;
  margin: 0 0 48px
}

.srvpg .gridinner h2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: linear-gradient(to left, #FB8E29, #6C1158);
  margin-right: 12px;
  vertical-align: middle;
  transform: rotate(45deg)
}

.srvpg .srvgrid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 24px
}

.srvpg .srvcard {
  border-radius: 20px;
  padding: 24px;
  background: #EBF0F2;
  box-shadow: 0 1px 3px -2px #6c11580d;
  transition: box-shadow .12s ease-out, transform .1s ease-out;
  cursor: default
}

.srvpg .srvcard:hover {
  box-shadow: 0 4px 18px -2px #6c115814;
  transform: translateY(-2px)
}

.srvpg .srvcard.anchor {
  grid-row: 1 / 3;
  background: linear-gradient(to left, #8a1670, #6C1158);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 12px 48px -2px #6c115821
}

.srvpg .srvcard.anchor h3 {
  font-size: 29px;
  line-height: 1.45;
  letter-spacing: -.02em;
  color: #fff;
  font-weight: 800;
  margin: 0 0 24px
}

.srvpg .srvcard.anchor .anchordesc {
  font-size: 14px;
  line-height: 1.7;
  color: #ffffffd9;
  margin: 0 0 24px
}

.srvpg .srvcard.anchor .anchortag {
  display: inline-block;
  background: #fb8e2940;
  border: 1px solid #fb8e2980;
  color: #FB8E29;
  font-size: 14px;
  line-height: 1.45;
  padding: 8px 24px;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase
}

.srvpg .srvcard.anchor .anchorimgwrap {
  width: 100%;
  height: 180px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #ffffff26;
  margin-bottom: 24px
}

.srvpg .srvcard.anchor .anchorimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvpg .srvcard h4 {
  font-size: 22px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 800;
  margin: 0 0 8px;
  letter-spacing: -.01em
}

.srvpg .srvcard p {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2235;
  margin: 0
}

.srvpg .srvcard .cardico {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center
}

.srvpg .srvcard .cardico svg {
  width: 28px;
  height: 28px
}

.srvpg .boldband {
  background: linear-gradient(to left, #8a1670, #6C1158);
  padding: 96px 24px;
  position: relative;
  overflow: hidden
}

.srvpg .boldband::after {
  content: "";
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  border: 60px solid #fb8e2914;
  border-radius: 0;
  pointer-events: none
}

.srvpg .bandinner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
  position: relative;
  z-index: 1
}

.srvpg .bandtxt {
  flex: 1 1 0
}

.srvpg .bandtxt h2 {
  font-size: 29px;
  line-height: 1.45;
  color: #fff;
  font-weight: 800;
  margin: 0 0 24px;
  letter-spacing: -.02em
}

.srvpg .bandtxt p {
  font-size: 14px;
  line-height: 1.7;
  color: #ffffffd1;
  margin: 0;
  max-width: 480px
}

.srvpg .bandmetrics {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: 48px
}

.srvpg .metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px
}

.srvpg .metric .mnum {
  font-size: 70px;
  line-height: 1.15;
  font-weight: 900;
  color: #FB8E29;
  letter-spacing: -.04em
}

.srvpg .metric .mlbl {
  font-size: 14px;
  line-height: 1.45;
  color: #ffffffb3;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600
}

.srvpg .svgdivider2 {
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 0
}

.srvpg .svgdivider2 svg {
  display: block;
  width: 100%
}

.srvpg .teamblock {
  background: #EBF0F2;
  padding: 96px 24px
}

.srvpg .teaminner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start
}

.srvpg .teamtxt {
  flex: 1 1 0
}

.srvpg .teamtxt .seclab {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: .1em;
  color: #FB8E29;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block
}

.srvpg .teamtxt h2 {
  font-size: 29px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0 0 24px
}

.srvpg .teamtxt p {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1224;
  margin: 0 0 24px;
  max-width: 520px
}

.srvpg .teamtxt .aiblock {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 18px -2px #6c115814;
  margin-top: 24px
}

.srvpg .teamtxt .aiblock h5 {
  font-size: 14px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0 0 8px
}

.srvpg .teamtxt .aiblock p {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2235;
  margin: 0;
  max-width: none
}

.srvpg .teamprofiles {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px
}

.srvpg .profilecard {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  box-shadow: 0 1px 3px -2px #6c11580d;
  width: 360px;
  transition: box-shadow .1s linear
}

.srvpg .profilecard:hover {
  box-shadow: 0 4px 18px -2px #6c115814
}

.srvpg .profimgwrap {
  width: 80px;
  height: 112px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #6c11581f;
  box-shadow: 0 1px 3px -2px #6c11580d
}

.srvpg .profimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvpg .proftxt {
  flex: 1 1 0
}

.srvpg .proftxt h5 {
  font-size: 14px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 800;
  margin: 0 0 8px
}

.srvpg .proftxt .profrole {
  font-size: 14px;
  line-height: 1.45;
  color: #FB8E29;
  font-weight: 600;
  margin: 0 0 8px;
  letter-spacing: .04em
}

.srvpg .proftxt p {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2235;
  margin: 0
}

.srvpg .arrowlist {
  list-style: none;
  padding: 0;
  margin: 0 0 24px
}

.srvpg .arrowlist li {
  font-size: 14px;
  line-height: 1.7;
  color: #2a1224;
  padding-left: 24px;
  position: relative;
  margin-bottom: 8px
}

.srvpg .arrowlist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 6px;
  border-right: 2px solid #FB8E29;
  border-bottom: 2px solid #FB8E29;
  transform: rotate(-45deg)
}

.srvpg .wordhoverwrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px
}

.srvpg .wordhoverwrap .wword {
  font-size: 14px;
  line-height: 1.45;
  color: #6C1158;
  font-weight: 700;
  padding: 8px 24px;
  border-radius: 0;
  border: 1px solid #6c115833;
  cursor: default;
  transition: background .08s ease-out, color .08s ease-out;
  background: transparent
}

.srvpg .wordhoverwrap .wword:hover {
  background: #6C1158;
  color: #fff
}

@media (max-width: 960px) {
  .srvpg .titinner {
    flex-direction: column
  }

  .srvpg .titdeco {
    flex: 0 0 auto;
    width: 100%;
    align-items: flex-start
  }

  .srvpg .titimgframe {
    width: 100%;
    height: 240px
  }

  .srvpg .srvgrid {
    grid-template-columns: 1fr 1fr
  }

  .srvpg .srvcard.anchor {
    grid-row: auto;
    grid-column: 1 / 3
  }

  .srvpg .bandinner {
    flex-direction: column;
    gap: 48px
  }

  .srvpg .teaminner {
    flex-direction: column
  }

  .srvpg .teamprofiles {
    width: 100%
  }

  .srvpg .profilecard {
    width: 100%
  }
}

@media (max-width: 600px) {
  .srvpg .tittxt h1 {
    font-size: 29px
  }

  .srvpg .srvgrid {
    grid-template-columns: 1fr
  }

  .srvpg .srvcard.anchor {
    grid-column: auto
  }

  .srvpg .bandmetrics {
    flex-direction: row;
    gap: 24px
  }

  .srvpg .metric .mnum {
    font-size: 29px
  }

  .srvpg .titblock {
    padding: 48px 24px
  }
}

.successPage {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 96px 24px;
  background: #EBF0F2
}

.successPage .successCard {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 48px -2px #6c115821;
  padding: 48px;
  max-width: 560px;
  width: 100%;
  text-align: center
}

.successPage .successCard .iconRing {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: linear-gradient(180deg, #6C1158, #FB8E29);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  box-shadow: inset 0 2px 8px #fb8e2940 0 4px 18px -2px #6c115814
}

.successPage .successCard .iconRing svg {
  display: block
}

.successPage .successCard .successHeading {
  font-size: 29px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #6C1158;
  margin: 0 0 8px
}

.successPage .successCard .successSub {
  font-size: 14px;
  line-height: 1.7;
  color: #3a2035;
  margin: 0 0 48px
}

.successPage .successCard .successDivider {
  width: 48px;
  height: 2px;
  background: linear-gradient(to left, #6C1158, #FB8E29);
  border-radius: 0;
  margin: 0 auto 48px
}

.successPage .successCard .successMeta {
  font-size: 14px;
  line-height: 1.45;
  color: #5a4060;
  margin: 0 0 24px
}

.successPage .successCard .homeBtn {
  display: inline-block;
  padding: 8px 48px;
  background: linear-gradient(to left, #6C1158, #FB8E29);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 0;
  text-decoration: none;
  box-shadow: 0 4px 18px -2px #6c115814;
  transition: background-position .12s ease-out, box-shadow .08s linear;
  background-size: 200% 100%;
  background-position: right center
}

.successPage .successCard .homeBtn:hover {
  background-position: left center;
  box-shadow: 0 12px 48px -2px #6c115821
}

.successPage .successCard .homeBtn:focus {
  outline: 2px solid #6C1158;
  outline-offset: 3px
}

@media (max-width: 600px) {
  .successPage {
    padding: 48px 24px
  }

  .successPage .successCard {
    padding: 48px 24px
  }
}