@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&display=swap";

html {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

body {
  margin: 0;
  padding: 0;
  scrollbar-gutter: stable;
  min-height: 100vh;
  font-family: 'Exo 2', sans-serif
}

:focus-visible {
  outline: 2px solid #0CE2E4;
  outline-offset: 3px
}

::selection {
  background: #0CE2E4;
  color: #111820
}

.sitehead {
  position: relative;
  background: #ffffffd1;
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  backdrop-filter: blur(14px) saturate(1.4);
  border-bottom: 2px solid #0CE2E4;
  box-shadow: -1px 4px 18px 0 #0ce2e417;
  z-index: 100
}

.topbar {
  background: #111820;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  padding: 4px 20px;
  max-width: 100%
}

.topbar-contact {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap
}

.topbar-link {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #EBEDEF;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .01em;
  transition: color .12s cubic-bezier(0.4, 0, 1, 1);
  clip-path: inset(0 0 0 0)
}

.topbar-link:hover {
  color: #0CE2E4;
  clip-path: inset(0 0 1px 0)
}

.topbar-link svg {
  flex-shrink: 0
}

.headplate {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 20px 12px;
  display: flex;
  align-items: flex-end;
  gap: 40px
}

.brandpod {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0
}

.logocell {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0CE2E4;
  box-shadow: -1px 9px 40px 0 #0ce2e424 -1px 3px 2px 0 #0ce2e414;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0
}

.logocell img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  object-position: center;
  display: block
}

.brandtext {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.brandname {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: #111820;
  margin: 0;
  padding: 0
}

.brandname span {
  color: #0CE2E4
}

.brandtag {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #444d58;
  letter-spacing: .03em
}

.navdeck {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 4px
}

.navlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end
}

.navlist li {
  display: block
}

.navlink {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #111820;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  transition: color .14s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1);
  clip-path: inset(0 0 0 0 round 4px);
  min-height: 44px
}

.navlink::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  background: #0CE2E4;
  transition: left .14s cubic-bezier(0.4, 0, 1, 1);
  z-index: 0
}

.navlink:hover::before {
  left: 0
}

.navlink:hover {
  color: #111820;
  border-color: #0CE2E4;
  clip-path: inset(0 0 0 0 round 4px)
}

.navlink span {
  position: relative;
  z-index: 1
}

.navlink[aria-current="page"] {
  border-color: #0CE2E4;
  background: #0CE2E4;
  color: #111820
}

.navlink[aria-current="page"]::before {
  display: none
}

.headdivider {
  height: 4px;
  background: linear-gradient(90deg, #0CE2E4 0%, #EBEDEF 60%, #930F13 100%);
  margin: 0
}

.footbase {
  background: #111820;
  border-top: 2px solid #0CE2E4;
  padding: 40px 20px 20px
}

.footplate {
  max-width: 1100px;
  margin: 0 auto
}

.footbento {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  align-items: start
}

.footbrand {
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding-right: 40px;
  border-right: 1px solid #0ce2e42e
}

.footlogocell {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0CE2E4;
  box-shadow: -1px 4px 18px 0 #0ce2e417;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0
}

.footlogocell img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  object-position: center;
  display: block
}

.footbrandname {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #fff;
  margin: 0;
  padding: 0
}

.footbrandname em {
  font-style: normal;
  color: #0CE2E4
}

.footscript {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #ebedef99;
  font-style: italic;
  letter-spacing: .02em
}

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

.footgrouplabel {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0CE2E4;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #0ce2e433
}

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

.footlinks li {
  display: block
}

.footlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ebedefbf;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.6;
  transition: color .1s cubic-bezier(0.4, 0, 1, 1);
  clip-path: inset(0 0 0 0)
}

.footlink:hover {
  color: #0CE2E4;
  clip-path: inset(0 1px 0 0)
}

.footcontactgroup {
  grid-column: 2 / 5;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px
}

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

.footaddrlabel {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0CE2E4;
  padding-bottom: 4px;
  border-bottom: 1px solid #0ce2e433
}

.footaddrtext {
  font-size: 16px;
  line-height: 1.6;
  color: #ebedefb3
}

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

.footmsglink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ebedefbf;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.6;
  transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.footmsglink:hover {
  color: #0CE2E4
}

.footbar {
  max-width: 1100px;
  margin: 40px auto 0;
  padding-top: 20px;
  border-top: 1px solid #0ce2e426;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px
}

.footcopy {
  font-size: 16px;
  color: #ebedef73;
  line-height: 1.6
}

.footpolicylinks {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap
}

.footpolicylink {
  font-size: 16px;
  color: #ebedef73;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.footpolicylink:hover {
  color: #0CE2E4
}

.cookiebar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111820;
  border-top: 2px solid #0CE2E4;
  box-shadow: -1px 9px 40px 0 #0ce2e424;
  z-index: 1000;
  padding: 20px
}

.cookiebarplate {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap
}

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

.cookieheadline {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin: 0 0 8px;
  padding: 0
}

.cookiedesc {
  font-size: 16px;
  color: #ebedefbf;
  line-height: 1.6;
  margin: 0;
  padding: 0
}

.cookieoptrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  flex-wrap: wrap
}

.cookieoptlabel {
  font-size: 16px;
  color: #ebedef99;
  display: flex;
  align-items: center;
  gap: 8px
}

.cookiedatasaletoggle {
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: #ebedef33;
  border: 1px solid #0ce2e44d;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: background .12s cubic-bezier(0.4, 0, 1, 1)
}

.cookiedatasaletoggle[data-on="true"] {
  background: #0CE2E4
}

.cookiedatasaletoggle::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: left .12s cubic-bezier(0.4, 0, 1, 1)
}

.cookiedatasaletoggle[data-on="true"]::after {
  left: 18px
}

.cookieactions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  flex-shrink: 0
}

.cookiebtnrow {
  display: flex;
  gap: 20px;
  align-items: center
}

.cookiebtn {
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Exo 2', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 4px 0;
  min-height: 44px;
  transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.cookiebtn.accept {
  color: #0CE2E4
}

.cookiebtn.accept:hover {
  color: #fff
}

.cookiebtn.decline {
  color: #ebedef99
}

.cookiebtn.decline:hover {
  color: #EBEDEF
}

.cookiepolicyref {
  font-size: 16px;
  color: #ebedef59
}

.cookiepolicyref a {
  color: #ebedef80;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.cookiepolicyref a:hover {
  color: #0CE2E4
}

@media (max-width: 1280px) {
  .headplate {
    padding: 20px 20px 12px
  }

  .footbento {
    grid-template-columns: auto 1fr 1fr
  }

  .footcontactgroup {
    grid-column: 2 / 4;
    grid-template-columns: 1fr 1fr
  }
}

@media (max-width: 768px) {
  .headplate {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
  }

  .navdeck {
    justify-content: flex-start;
    width: 100%
  }

  .navlist {
    justify-content: flex-start
  }

  .footbento {
    grid-template-columns: 1fr 1fr
  }

  .footbrand {
    grid-column: 1 / 3;
    grid-row: 1;
    flex-direction: row;
    align-items: center;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #0ce2e42e;
    padding-bottom: 20px
  }

  .footcontactgroup {
    grid-column: 1 / 3;
    grid-row: 3;
    grid-template-columns: 1fr
  }

  .topbar-contact {
    gap: 12px
  }
}

@media (max-width: 480px) {
  .brandname {
    font-size: 24px
  }

  .footbento {
    grid-template-columns: 1fr
  }

  .footbrand {
    grid-column: 1
  }

  .footcontactgroup {
    grid-column: 1
  }

  .cookiebarplate {
    flex-direction: column;
    gap: 20px
  }

  .cookieactions {
    align-items: flex-start;
    width: 100%
  }

  .topbar {
    justify-content: flex-start;
    flex-wrap: wrap
  }
}

.lavx-terms-box {
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 40px;
  color: #2a2a2e;
  line-height: 1.6
}

.lavx-terms-box h1 {
  font-size: clamp(32px, 5vw, 62px);
  line-height: 1.2;
  letter-spacing: -.02em;
  margin-bottom: 40px;
  margin-top: 0;
  color: #18181b;
  padding-bottom: 20px;
  border-bottom: 2px solid #0CE2E4
}

.lavx-terms-box h2 {
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  letter-spacing: -.015em;
  margin-top: 80px;
  margin-bottom: 20px;
  color: #18181b
}

.lavx-terms-box h3 {
  font-size: clamp(18px, 2.5vw, 24px);
  line-height: 1.2;
  letter-spacing: -.01em;
  margin-top: 40px;
  margin-bottom: 12px;
  color: #18181b
}

.lavx-terms-box h4 {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -.005em;
  margin-top: 40px;
  margin-bottom: 12px;
  color: #18181b
}

.lavx-terms-box h5 {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #18181b;
  text-transform: uppercase;
  letter-spacing: .06em
}

.lavx-terms-box h6 {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #4a4a52;
  text-transform: uppercase;
  letter-spacing: .04em
}

.lavx-terms-box p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 20px;
  color: #2a2a2e
}

.lavx-terms-box ul,
.lavx-terms-box ol {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 40px
}

.lavx-terms-box ul {
  list-style: none;
  padding-left: 20px
}

.lavx-terms-box ul li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 8px;
  color: #2a2a2e
}

.lavx-terms-box ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #0CE2E4;
  border-radius: 2px;
  transform: rotate(45deg)
}

.lavx-terms-box ol {
  list-style: none;
  counter-reset: policy-counter;
  padding-left: 20px
}

.lavx-terms-box ol li {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 8px;
  color: #2a2a2e;
  counter-increment: policy-counter
}

.lavx-terms-box ol li::before {
  content: counter(policy-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 700;
  color: #930F13;
  line-height: 1.6;
  min-width: 20px
}

.lavx-terms-box ul ul,
.lavx-terms-box ol ol,
.lavx-terms-box ul ol,
.lavx-terms-box ol ul {
  margin-top: 8px;
  margin-bottom: 4px
}

.lavx-terms-box strong,
.lavx-terms-box b {
  font-weight: 700;
  color: #18181b
}

.lavx-terms-box em,
.lavx-terms-box i {
  font-style: italic;
  color: #3a3a42
}

.lavx-terms-box table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.6;
  box-shadow: -1px 4px 18px 0 #0ce2e417;
  border-radius: 4px;
  overflow: hidden
}

.lavx-terms-box thead {
  background-color: #EBEDEF
}

.lavx-terms-box thead tr {
  border-bottom: 2px solid #0CE2E4
}

.lavx-terms-box th {
  padding: 12px 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #18181b;
  letter-spacing: .04em;
  text-transform: uppercase
}

.lavx-terms-box tbody tr {
  border-bottom: 1px solid #EBEDEF;
  transition: background-color .15s cubic-bezier(0.4, 0, 1, 1)
}

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

.lavx-terms-box tbody tr:hover {
  background-color: #0ce2e40a
}

.lavx-terms-box td {
  padding: 12px 20px;
  color: #2a2a2e;
  vertical-align: top
}

.lavx-terms-box hr {
  border: none;
  height: 1px;
  background: linear-gradient(to right, #0CE2E4, #EBEDEF, transparent);
  margin-top: 40px;
  margin-bottom: 40px
}

@media (max-width: 768px) {
  .lavx-terms-box {
    padding: 40px 20px
  }

  .lavx-terms-box h2 {
    margin-top: 40px
  }

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

  .lavx-terms-box th,
  .lavx-terms-box td {
    padding: 8px 12px
  }
}

@media (max-width: 480px) {
  .lavx-terms-box {
    padding: 40px 12px
  }

  .lavx-terms-box ul,
  .lavx-terms-box ol {
    padding-left: 8px
  }

  .lavx-terms-box hr {
    margin-top: 20px;
    margin-bottom: 20px
  }
}

.bse {
  display: block;
  width: 100%;
  overflow-x: hidden
}

.bse .tblock {
  position: relative;
  padding: 80px 20px 0;
  background: #fff
}

.bse .tblock .dotgrid {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background-image: radial-gradient(circle, #0ce2e42e 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
  z-index: 0
}

.bse .tblock .tinner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  position: relative;
  z-index: 1
}

.bse .tblock .tleft {
  padding-bottom: 80px
}

.bse .tblock .taccbar {
  width: 48px;
  height: 3px;
  background: #0CE2E4;
  margin-bottom: 20px
}

.bse .tblock .th1 {
  font-size: clamp(44px, 6vw, 72px);
  line-height: 1.2;
  letter-spacing: -.03em;
  font-weight: 900;
  color: #111;
  margin: 0 0 20px;
  text-transform: uppercase
}

.bse .tblock .th1 span {
  color: #930F13
}

.bse .tblock .tsub {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  max-width: 480px;
  margin: 0
}

.bse .tblock .tright {
  position: relative;
  height: 420px
}

.bse .tblock .timgwrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4px 4px 0 0
}

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

.bse .tblock .timgwrap .tgrad {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffffeb 0%, #ffffff4d 55%, transparent 100%)
}

.bse .expflow {
  padding: 80px 20px;
  background: #EBEDEF;
  position: relative
}

.bse .expflow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: conic-gradient(from 247deg at 80% 50%, #0ce2e40f 0deg, transparent 80deg, #930f130a 180deg, transparent 280deg);
  pointer-events: none
}

.bse .expflow .efi {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

.bse .expflow .efhead {
  margin-bottom: 40px
}

.bse .expflow .efaccbar {
  width: 32px;
  height: 2px;
  background: #930F13;
  margin-bottom: 12px
}

.bse .expflow .efh2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #111;
  margin: 0 0 12px;
  letter-spacing: -.02em
}

.bse .expflow .efdesc {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  max-width: 560px;
  margin: 0
}

.bse .expflow .efgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px
}

.bse .expflow .efcard {
  background: #fff;
  border-radius: 6px;
  padding: 40px 20px;
  border-top: 3px solid #0CE2E4;
  box-shadow: -1px 3px 2px 0 #0ce2e414;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path .15s cubic-bezier(0.4, 0, 1, 1), box-shadow .12s ease-in
}

.bse .expflow .efcard:hover {
  clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
  box-shadow: -1px 4px 18px 0 #0ce2e417
}

.bse .expflow .efcard.alt {
  border-top-color: #930F13
}

.bse .expflow .efcard.alt:hover {
  clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 100%)
}

.bse .expflow .efnum {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 900;
  color: #EBEDEF;
  letter-spacing: -.04em;
  margin-bottom: 8px
}

.bse .expflow .efcard:nth-child(2) .efnum {
  color: #930f131f
}

.bse .expflow .efcard:nth-child(3) .efnum {
  color: #0ce2e433
}

.bse .expflow .efcardh {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px
}

.bse .expflow .efcardp {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  margin: 0
}

.bse .teamblk {
  padding: 80px 20px;
  background: #fff
}

.bse .teamblk .tbi {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 80px;
  align-items: start
}

.bse .teamblk .tbimg {
  position: relative
}

.bse .teamblk .tbimgframe {
  width: 220px;
  height: 293px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

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

.bse .teamblk .tbdeco {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 220px;
  height: 293px;
  border: 2px solid #0ce2e44d;
  border-radius: 10px;
  z-index: 0
}

.bse .teamblk .tbimgframe {
  position: relative;
  z-index: 1
}

.bse .teamblk .tbcreds {
  margin-top: 20px
}

.bse .teamblk .tbname {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #111;
  margin: 0 0 4px
}

.bse .teamblk .tbrole {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin: 0
}

.bse .teamblk .tbright {
  padding-top: 8px
}

.bse .teamblk .tbaccbar {
  width: 32px;
  height: 2px;
  background: #0CE2E4;
  margin-bottom: 12px
}

.bse .teamblk .tbh2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #111;
  margin: 0 0 20px;
  letter-spacing: -.02em
}

.bse .teamblk .tbp {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 20px
}

.bse .teamblk .tbstats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px
}

.bse .teamblk .tbstat {
  padding: 20px;
  background: #EBEDEF;
  border-radius: 4px;
  border-bottom: 2px solid #0CE2E4
}

.bse .teamblk .tbstat.alt {
  border-bottom-color: #930F13
}

.bse .teamblk .tbstatnum {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 900;
  color: #111;
  letter-spacing: -.03em
}

.bse .teamblk .tbstatlbl {
  font-size: 16px;
  line-height: 1.6;
  color: #555
}

.bse .hesit {
  padding: 80px 20px;
  background: #111;
  position: relative
}

.bse .hesit::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 80%, #0ce2e412 0%, transparent 60%), radial-gradient(ellipse at 85% 15%, #930f1314 0%, transparent 55%);
  pointer-events: none
}

.bse .hesit .hi {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center
}

.bse .hesit .hleft .haccbar {
  width: 32px;
  height: 2px;
  background: #0CE2E4;
  margin-bottom: 12px
}

.bse .hesit .hleft .hh2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #fff;
  margin: 0 0 20px;
  letter-spacing: -.02em
}

.bse .hesit .hleft .hp {
  font-size: 16px;
  line-height: 1.6;
  color: #bbb;
  margin: 0 0 20px
}

.bse .hesit .hleft .hp:last-child {
  margin-bottom: 0
}

.bse .hesit .hright {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.bse .hesit .hcard {
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  transition: background .1s cubic-bezier(0.4, 0, 1, 1), border-color .12s ease-in
}

.bse .hesit .hcard:hover {
  background: #0ce2e40f;
  border-color: #0ce2e44d
}

.bse .hesit .hicon {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background: #0ce2e41f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.bse .hesit .hicon svg {
  width: 18px;
  height: 18px;
  stroke: #0CE2E4;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round
}

.bse .hesit .hcard.alt .hicon {
  background: #930f1326
}

.bse .hesit .hcard.alt .hicon svg {
  stroke: #e05055
}

.bse .hesit .hcardh {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px
}

.bse .hesit .hcardp {
  font-size: 16px;
  line-height: 1.6;
  color: #999;
  margin: 0
}

.bse .curblk {
  padding: 80px 20px;
  background: #EBEDEF;
  position: relative;
  overflow: hidden
}

.bse .curblk .tripattern {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  height: 100%;
  pointer-events: none;
  opacity: .18
}

.bse .curblk .ci {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

.bse .curblk .chead {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px
}

.bse .curblk .cheadleft .caccbar {
  width: 32px;
  height: 2px;
  background: #930F13;
  margin-bottom: 12px
}

.bse .curblk .cheadleft .ch2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #111;
  margin: 0;
  letter-spacing: -.02em
}

.bse .curblk .cheadright {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  max-width: 340px;
  text-align: right
}

.bse .curblk .cimggrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

.bse .curblk .cimgitem {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: -1px 4px 18px 0 #930f1317;
  position: relative
}

.bse .curblk .cimgitem img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .15s cubic-bezier(0.4, 0, 1, 1)
}

.bse .curblk .cimgitem:hover img {
  transform: scale(1.03)
}

.bse .curblk .cimglabel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 20px;
  background: #111111d1
}

.bse .curblk .cimglabelh {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: .05em
}

.bse .curblk .cimglabelp {
  font-size: 16px;
  line-height: 1.6;
  color: #ccc;
  margin: 0
}

.bse .repblk {
  padding: 80px 20px;
  background: #fff
}

.bse .repblk .ri {
  max-width: 1100px;
  margin: 0 auto
}

.bse .repblk .rhead {
  text-align: center;
  margin-bottom: 40px
}

.bse .repblk .raccbar {
  width: 32px;
  height: 2px;
  background: #0CE2E4;
  margin: 0 auto 12px
}

.bse .repblk .rh2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #111;
  margin: 0 0 12px;
  letter-spacing: -.02em
}

.bse .repblk .rdesc {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  max-width: 520px;
  margin: 0 auto
}

.bse .repblk .rrow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px
}

.bse .repblk .rcard {
  padding: 40px 20px;
  border-radius: 6px;
  background: #fff;
  box-shadow: -1px 3px 2px 0 #0ce2e414 -1px 4px 18px 0 #0ce2e417;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path .13s cubic-bezier(0.4, 0, 1, 1), box-shadow .14s ease-in;
  text-align: center
}

.bse .repblk .rcard:hover {
  clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.bse .repblk .rcardico {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #0ce2e41a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px
}

.bse .repblk .rcardico svg {
  width: 22px;
  height: 22px;
  stroke: #0CE2E4;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round
}

.bse .repblk .rcard.alt2 .rcardico {
  background: #930f1314
}

.bse .repblk .rcard.alt2 .rcardico svg {
  stroke: #930F13
}

.bse .repblk .rcardh {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px
}

.bse .repblk .rcardp {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin: 0
}

.bse .repblk .rdivider {
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background: linear-gradient(90deg, #0CE2E4 60%, transparent 100%)
}

.bse .repblk .rquote {
  max-width: 700px;
  margin: 0 auto;
  text-align: center
}

.bse .repblk .rqtext {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 12px;
  font-style: italic
}

.bse .repblk .rqsource {
  font-size: 16px;
  line-height: 1.2;
  color: #888;
  font-weight: 600
}

@keyframes gridpulse {
  0% {
    opacity: .3
  }

  50% {
    opacity: .7
  }

  100% {
    opacity: .3
  }
}

.bse .expflow .efgrid {
  position: relative
}

.bse .expflow .efgrid::before {
  content: '';
  position: absolute;
  inset: -20px;
  background-image: linear-gradient(#0ce2e414 1px, transparent 1px), linear-gradient(90deg, #0ce2e414 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
  animation: gridpulse 4s ease-in-out infinite;
  border-radius: 4px
}

.bse .expflow .efcard {
  position: relative;
  z-index: 1
}

@media (max-width: 1280px) {
  .bse .tblock .tinner {
    grid-template-columns: 1fr 1fr;
    gap: 20px
  }

  .bse .teamblk .tbi {
    grid-template-columns: 300px 1fr;
    gap: 40px
  }
}

@media (max-width: 768px) {
  .bse .tblock .tinner {
    grid-template-columns: 1fr
  }

  .bse .tblock .tright {
    height: 280px
  }

  .bse .tblock .dotgrid {
    width: 100%
  }

  .bse .expflow .efgrid {
    grid-template-columns: 1fr
  }

  .bse .teamblk .tbi {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .bse .teamblk .tbimg {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  .bse .hesit .hi {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .bse .curblk .cimggrid {
    grid-template-columns: 1fr
  }

  .bse .repblk .rrow {
    grid-template-columns: 1fr
  }

  .bse .curblk .chead {
    flex-direction: column;
    align-items: flex-start
  }

  .bse .curblk .cheadright {
    text-align: left
  }
}

@media (max-width: 480px) {
  .bse .tblock {
    padding: 40px 12px 0
  }

  .bse .expflow,
  .bse .teamblk,
  .bse .hesit,
  .bse .curblk,
  .bse .repblk {
    padding: 40px 12px
  }

  .bse .tblock .tleft {
    padding-bottom: 40px
  }

  .bse .teamblk .tbstats {
    grid-template-columns: 1fr
  }

  .bse .tblock .th1 {
    font-size: 44px
  }
}

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

.ctus .dbl-divider {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.ctus .dbl-divider span {
  display: block;
  height: 1px;
  background: #0CE2E4
}

.ctus .dbl-divider span:last-child {
  background: #930F13
}

.ctus .reach-band {
  background: #111416;
  padding: 80px 20px 40px;
  position: relative
}

.ctus .reach-band::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  background: conic-gradient(from 247deg, #0ce2e421, #930f1314, transparent 60%);
  border-radius: 50%;
  filter: blur(38px);
  pointer-events: none
}

.ctus .reach-band::after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: -40px;
  width: 160px;
  height: 160px;
  background: conic-gradient(from 247deg, #930f131a, #0ce2e412, transparent 55%);
  border-radius: 50%;
  filter: blur(30px);
  pointer-events: none
}

.ctus .reach-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start
}

.ctus .reach-label {
  font-size: 16px;
  color: #0CE2E4;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600
}

.ctus .reach-h1 {
  font-size: clamp(32px, 5vw, 62px);
  line-height: 1.2;
  color: #EBEDEF;
  font-weight: 800;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-bottom: 20px
}

.ctus .reach-h1 .accent-word {
  color: #0CE2E4
}

.ctus .reach-sub {
  font-size: 18px;
  line-height: 1.6;
  color: #9ba3ab;
  max-width: 420px
}

.ctus .reach-channels {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px
}

.ctus .channel-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border: 1px solid #0ce2e426;
  border-radius: 4px;
  background: #0ce2e40a;
  text-decoration: none;
  transition: background .12s cubic-bezier(0.4, 0, 1, 1), border-color .15s cubic-bezier(0.4, 0, 1, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.ctus .channel-item:hover {
  background: #0ce2e41a;
  border-color: #0ce2e473;
  clip-path: polygon(0 0, 98% 0, 100% 100%, 0 100%)
}

.ctus .channel-item:focus {
  outline: 2px solid #0CE2E4;
  outline-offset: 2px
}

.ctus .channel-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #0ce2e41f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.ctus .channel-icon svg {
  width: 18px;
  height: 18px;
  stroke: #0CE2E4;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round
}

.ctus .channel-meta {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.ctus .channel-type {
  font-size: 16px;
  color: #EBEDEF;
  font-weight: 600
}

.ctus .channel-val {
  font-size: 16px;
  color: #9ba3ab
}

.ctus .reach-addr {
  margin-top: 20px;
  padding: 20px;
  border-radius: 4px;
  background: #ebedef0a;
  border: 1px solid #ebedef14
}

.ctus .reach-addr-label {
  font-size: 16px;
  color: #0CE2E4;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 8px;
  font-weight: 600
}

.ctus .reach-addr-text {
  font-size: 16px;
  color: #9ba3ab;
  line-height: 1.6
}

.ctus .reach-band-bot {
  max-width: 1100px;
  margin: 40px auto 0;
  padding-bottom: 40px
}

.ctus .band-divider {
  border: none;
  border-top: 1px solid #0ce2e42e;
  margin-bottom: 20px
}

.ctus .reach-img-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

.ctus .img-frame {
  border-radius: 4px;
  overflow: hidden;
  height: 180px;
  box-shadow: -1px 4px 18px 0 #0ce2e417
}

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

.ctus .form-band {
  background: #EBEDEF;
  padding: 80px 20px;
  position: relative;
  animation: bgpulse 6s ease-in-out infinite
}

@keyframes bgpulse {

  0%,
  100% {
    background-color: #EBEDEF
  }

  50% {
    background-color: #e2e5e8
  }
}

.ctus .form-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 80px;
  align-items: start
}

.ctus .form-aside {
  position: sticky;
  top: 40px
}

.ctus .form-aside-tag {
  font-size: 16px;
  color: #930F13;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  margin-bottom: 12px
}

.ctus .form-aside-h2 {
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.2;
  font-weight: 800;
  color: #111416;
  text-transform: uppercase;
  letter-spacing: -.02em;
  margin-bottom: 20px
}

.ctus .form-aside-h2 .accent-word {
  color: #930F13
}

.ctus .form-aside-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #3d4349;
  margin-bottom: 20px
}

.ctus .aside-metric {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 4px;
  box-shadow: -1px 3px 2px 0 #0ce2e414
}

.ctus .aside-metric-num {
  font-size: 32px;
  font-weight: 800;
  color: #0CE2E4;
  line-height: 1.2
}

.ctus .aside-metric-label {
  font-size: 16px;
  color: #3d4349;
  line-height: 1.6
}

.ctus .contact-form {
  background: #fff;
  border-radius: 6px;
  padding: 40px;
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.ctus .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px
}

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

.ctus .field-grp.full {
  grid-column: 1 / -1
}

.ctus .field-label {
  font-size: 16px;
  color: #111416;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase
}

.ctus .field-input {
  padding: 12px;
  border: 1px solid #c5cacd;
  border-radius: 4px;
  font-size: 16px;
  color: #111416;
  background: #fff;
  outline: none;
  transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .15s cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 2px 4px #0ce2e40d
}

.ctus .field-input::placeholder {
  color: #9ba3ab;
  font-weight: 300
}

.ctus .field-input:focus {
  border-color: #0CE2E4;
  box-shadow: inset 0 2px 6px #0ce2e414 0 0 0 2px #0ce2e426
}

.ctus .radio-group-label {
  font-size: 16px;
  color: #111416;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 8px
}

.ctus .radio-opts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px
}

.ctus .radio-opt {
  position: relative
}

.ctus .radio-opt input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0
}

.ctus .radio-opt label {
  display: block;
  padding: 8px 12px;
  border: 1px solid #c5cacd;
  border-radius: 4px;
  font-size: 16px;
  color: #3d4349;
  cursor: pointer;
  transition: background .12s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1), color .12s cubic-bezier(0.4, 0, 1, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.ctus .radio-opt input[type="radio"]:checked+label {
  background: #111416;
  border-color: #111416;
  color: #0CE2E4;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%)
}

.ctus .radio-opt label:hover {
  border-color: #0CE2E4;
  color: #111416
}

.ctus .radio-opt input[type="radio"]:focus+label {
  outline: 2px solid #0CE2E4;
  outline-offset: 2px
}

.ctus .privacy-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px;
  background: #f4f6f7;
  border-radius: 4px
}

.ctus .privacy-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: #0CE2E4;
  cursor: pointer
}

.ctus .privacy-text {
  font-size: 16px;
  color: #3d4349;
  line-height: 1.6
}

.ctus .privacy-text a {
  color: #930F13;
  text-decoration: underline
}

.ctus .privacy-text a:hover {
  color: #0CE2E4
}

.ctus .submit-btn {
  display: inline-block;
  padding: 12px 40px;
  background: #111416;
  color: #0CE2E4;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: color .15s cubic-bezier(0.4, 0, 1, 1), clip-path .12s cubic-bezier(0.4, 0, 1, 1);
  box-shadow: -1px 4px 18px 0 #0ce2e417
}

.ctus .submit-btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #930F13;
  transition: width .16s cubic-bezier(0.4, 0, 1, 1);
  z-index: 0
}

.ctus .submit-btn:hover::before {
  width: 100%;
  left: 0;
  right: auto
}

.ctus .submit-btn:hover {
  color: #fff;
  clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%)
}

.ctus .submit-btn:focus {
  outline: 2px solid #0CE2E4;
  outline-offset: 2px
}

.ctus .submit-btn span {
  position: relative;
  z-index: 1
}

.ctus .info-band {
  background: #930F13;
  padding: 40px 20px
}

.ctus .info-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px
}

.ctus .info-left {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus .info-tagline {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.2
}

.ctus .info-tagline .accent-word {
  color: #0CE2E4
}

.ctus .info-sub {
  font-size: 16px;
  color: #ebedefbf;
  line-height: 1.6
}

.ctus .info-links {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap
}

.ctus .info-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #ffffff1a;
  border: 1px solid #ffffff38;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  transition: background .14s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.ctus .info-link:hover {
  background: #0ce2e42e;
  border-color: #0CE2E4;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%)
}

.ctus .info-link:focus {
  outline: 2px solid #0CE2E4;
  outline-offset: 2px
}

.ctus .info-link svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round
}

@media (max-width: 1280px) {
  .ctus .form-inner {
    grid-template-columns: 320px 1fr;
    gap: 40px
  }
}

@media (max-width: 768px) {
  .ctus .reach-inner {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .ctus .form-inner {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .ctus .form-aside {
    position: static
  }

  .ctus .form-row {
    grid-template-columns: 1fr
  }

  .ctus .info-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
  }

  .ctus .reach-img-strip {
    grid-template-columns: 1fr
  }

  .ctus .reach-band {
    padding: 40px 20px
  }

  .ctus .form-band {
    padding: 40px 20px
  }

  .ctus .contact-form {
    padding: 20px
  }
}

@media (max-width: 480px) {
  .ctus .reach-h1 {
    font-size: 32px
  }

  .ctus .radio-opts {
    flex-direction: column
  }

  .ctus .info-links {
    flex-direction: column
  }

  .ctus .submit-btn {
    width: 100%;
    text-align: center
  }
}

.archv {
  background: #fff;
  overflow-x: clip;
  padding: 0
}

.archv .titlbar {
  padding: 80px 20px 40px;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 40px;
  align-items: start;
  position: relative
}

.archv .titlbar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, #0CE2E4 30%, #930F13 70%, transparent 100%)
}

.archv .titlbar::after {
  content: '';
  position: absolute;
  top: 0;
  right: 40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 48px 48px;
  border-color: transparent transparent #EBEDEF
}

.archv .titlleft {
  padding-top: 20px
}

.archv .titlleft .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #930F13;
  margin-bottom: 20px
}

.archv .titlleft .eyebrow .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0CE2E4;
  flex-shrink: 0
}

.archv .titlleft h1 {
  font-size: clamp(44px, 6vw, 72px);
  line-height: 1.2;
  letter-spacing: -.03em;
  font-weight: 800;
  color: #111;
  margin: 0 0 20px
}

.archv .titlleft h1 span {
  color: #930F13
}

.archv .titlleft .subdesc {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  max-width: 480px
}

.archv .titlimg {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.archv .titlimg img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: blur(0px)
}

.archv .titlimg .imgfore {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to top, #ffffffb3 0%, transparent 100%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px)
}

.archv .titlimg .imgtag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #0CE2E4;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 2px
}

.archv .divrad {
  height: 2px;
  background: radial-gradient(ellipse at center, #0CE2E4 0%, transparent 70%);
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 20px
}

.archv .arclist {
  background: #EBEDEF;
  padding: 80px 20px;
  position: relative
}

.archv .arclist .dotbg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: 0
}

.archv .arclist .dotbg svg {
  width: 100%;
  height: 100%;
  opacity: .45
}

.archv .arclist .arcinner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

.archv .arclist .archead {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 40px
}

.archv .arclist .archead h2 {
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
  color: #111;
  text-transform: uppercase;
  margin: 0
}

.archv .arclist .archead .headline {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #930F13 0%, transparent 100%);
  align-self: center
}

.archv .milestone {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 40px;
  overflow-x: auto;
  padding-bottom: 8px
}

.archv .milestone .mstep {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.archv .milestone .mstep::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 50%;
  right: -50%;
  height: 2px;
  background: #0CE2E4;
  z-index: 0
}

.archv .milestone .mstep:last-child::after {
  display: none
}

.archv .milestone .micon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0CE2E4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  box-shadow: -1px 3px 2px 0 #0ce2e414;
  transition: background .15s cubic-bezier(0.4, 0, 1, 1), border-color .12s ease-in
}

.archv .milestone .mstep:hover .micon {
  background: #0CE2E4
}

.archv .milestone .micon svg {
  width: 20px;
  height: 20px;
  stroke: #930F13
}

.archv .milestone .mdate {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-top: 8px;
  text-align: center
}

.archv .milestone .mlabel {
  font-size: 16px;
  color: #444;
  text-align: center;
  line-height: 1.6;
  padding: 0 4px
}

.archv .arcgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

.archv .arccard {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: -1px 4px 18px 0 #0ce2e417;
  display: flex;
  flex-direction: column;
  gap: 12px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path .16s cubic-bezier(0.4, 0, 1, 1), box-shadow .14s ease-in;
  position: relative;
  overflow: hidden
}

.archv .arccard::before {
  content: '';
  position: absolute;
  inset: 0;
  background: conic-gradient(from 247deg at 80% 80%, #0ce2e40f 0%, #930f130a 40%, transparent 60%);
  opacity: 0;
  transition: opacity .16s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none
}

.archv .arccard:hover {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.archv .arccard:hover::before {
  opacity: 1
}

.archv .arccard .cardtop {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px
}

.archv .arccard .cardicon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #EBEDEF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .12s ease-in
}

.archv .arccard:hover .cardicon {
  background: #0ce2e426
}

.archv .arccard .cardicon svg {
  width: 22px;
  height: 22px;
  stroke: #930F13
}

.archv .arccard h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -.01em
}

.archv .arccard .carddesc {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0
}

.archv .arccard .cardlink {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #930F13;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-top: auto;
  position: relative;
  overflow: hidden;
  padding: 4px 0;
  transition: color .12s ease-in
}

.archv .arccard .cardlink::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #0CE2E4;
  transition: width .15s cubic-bezier(0.4, 0, 1, 1)
}

.archv .arccard .cardlink:hover::after {
  width: 100%
}

.archv .arccard .cardlink svg {
  width: 16px;
  height: 16px;
  stroke: currentColor
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-32px)
  }

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

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(32px)
  }

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

.archv .arccard:nth-child(odd) {
  animation: slideInLeft .18s cubic-bezier(0.4, 0, 1, 1) both
}

.archv .arccard:nth-child(even) {
  animation: slideInRight .18s cubic-bezier(0.4, 0, 1, 1) both
}

.archv .arccard:nth-child(1) {
  animation-delay: .05s
}

.archv .arccard:nth-child(2) {
  animation-delay: .08s
}

.archv .arccard:nth-child(3) {
  animation-delay: .11s
}

.archv .arccard:nth-child(4) {
  animation-delay: .14s
}

.archv .arccard:nth-child(5) {
  animation-delay: .17s
}

.archv .arccard:nth-child(6) {
  animation-delay: .2s
}

.archv .titlbar .triaccent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 0;
  border-color: #EBEDEF transparent transparent;
  pointer-events: none
}

@media (max-width: 768px) {
  .archv .titlbar {
    grid-template-columns: 1fr;
    padding: 40px 20px 20px
  }

  .archv .titlimg {
    order: -1
  }

  .archv .arcgrid {
    grid-template-columns: 1fr
  }

  .archv .milestone {
    gap: 0
  }

  .archv .milestone .mstep {
    min-width: 100px
  }
}

@media (max-width: 480px) {
  .archv .titlleft h1 {
    font-size: 44px
  }

  .archv .arclist {
    padding: 40px 20px
  }

  .archv .milestone .mlabel {
    font-size: 16px
  }
}

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

.successPage .successWrap {
  max-width: 520px;
  width: 100%;
  text-align: center;
  padding: 40px;
  border-radius: 6px;
  box-shadow: -1px 4px 18px 0 #0ce2e417 -1px 9px 40px 0 #0ce2e424;
  border-top: 2px solid #0CE2E4;
  background: #fff
}

.successPage .successIcon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #EBEDEF;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
  transition: clip-path .15s cubic-bezier(0.4, 0, 1, 1)
}

.successPage .successIcon svg {
  display: block
}

.successPage .successTitle {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -.02em;
  font-weight: 700;
  text-transform: uppercase;
  color: #111314;
  margin: 0 0 12px
}

.successPage .successMsg {
  font-size: 16px;
  line-height: 1.6;
  color: #3a3d42;
  margin: 0 0 40px
}

.successPage .successLink {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff;
  background: #930F13;
  padding: 12px 40px;
  border-radius: 4px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: -1px 3px 2px 0 #930f1314;
  transition: box-shadow .15s cubic-bezier(0.4, 0, 1, 1), clip-path .12s cubic-bezier(0.4, 0, 1, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.successPage .successLink::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0CE2E4;
  transform: translateX(100%);
  transition: transform .15s cubic-bezier(0.4, 0, 1, 1);
  z-index: 0
}

.successPage .successLink:hover::before {
  transform: translateX(0)
}

.successPage .successLink:hover {
  color: #111314;
  clip-path: polygon(0 4px, 4px 0, 100% 0, 100% 100%, 0 100%);
  box-shadow: -1px 4px 18px 0 #0ce2e417
}

.successPage .successLink span {
  position: relative;
  z-index: 1
}

.successPage .successDivider {
  width: 40px;
  height: 2px;
  background: #0CE2E4;
  margin: 0 auto 20px;
  border-radius: 2px
}

@media (max-width: 480px) {
  .successPage {
    padding: 40px 12px
  }

  .successPage .successWrap {
    padding: 20px
  }

  .successPage .successTitle {
    font-size: 24px
  }
}

.abtus {
  width: 100%;
  overflow-x: hidden
}

.abtus .titlblk {
  position: relative;
  padding: 80px 20px;
  background: conic-gradient(from 247deg at 30% 60%, #fff 0deg, #e8fdfd 40deg, #0CE2E4 90deg, #EBEDEF 150deg, #fff 200deg, #f5f5f5 280deg, #0CE2E4 320deg, #fff 360deg);
  overflow: hidden
}

.abtus .titlblk .decor {
  position: absolute;
  top: -20px;
  right: 40px;
  font-size: 320px;
  line-height: 1.2;
  color: #0CE2E4;
  opacity: .06;
  font-weight: 900;
  pointer-events: none;
  user-select: none
}

.abtus .titlblk .tbinner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px
}

.abtus .titlblk .tbtext {
  flex: 1 1 0
}

.abtus .titlblk .tblabel {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #930F13;
  margin-bottom: 20px;
  padding: 4px 12px;
  border: 2px solid #930F13;
  border-radius: 2px
}

.abtus .titlblk .tbhead {
  font-size: 62px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.03em;
  color: #111518;
  margin: 0 0 20px
}

.abtus .titlblk .tbdesc {
  font-size: 18px;
  line-height: 1.6;
  color: #2a2e32;
  margin: 0;
  max-width: 520px
}

.abtus .titlblk .tbimg {
  flex: 0 0 340px;
  width: 340px;
  height: 260px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: -1px 9px 40px 0 #0ce2e424;
  position: relative
}

.abtus .titlblk .tbimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: sepia(0.28) contrast(1.08) brightness(0.95) saturate(0.85)
}

.abtus .scallop {
  width: 100%;
  height: 32px;
  background: #EBEDEF;
  position: relative;
  overflow: hidden
}

.abtus .scallop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: conic-gradient(from 247deg at 30% 60%, #fff 0deg, #e8fdfd 40deg, #0CE2E4 90deg, #EBEDEF 150deg, #fff 200deg, #f5f5f5 280deg, #0CE2E4 320deg, #fff 360deg);
  -webkit-mask: radial-gradient(circle 16px at 50% 0%, transparent 16px, black 16px) repeat-x;
  mask: radial-gradient(circle 16px at 50% 0%, transparent 16px, black 16px) repeat-x;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px
}

.abtus .aboutblk {
  background: #EBEDEF;
  padding: 80px 20px
}

.abtus .aboutblk .abinner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px
}

.abtus .aboutblk .strow {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: stretch
}

.abtus .aboutblk .stcard {
  flex: 1 1 0;
  background: #fff;
  border-radius: 4px;
  padding: 40px 20px;
  text-align: center;
  box-shadow: -1px 4px 18px 0 #0ce2e417;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path .14s cubic-bezier(0.4, 0, 1, 1), box-shadow .14s cubic-bezier(0.4, 0, 1, 1)
}

.abtus .aboutblk .stcard:hover {
  clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.abtus .aboutblk .stnum {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 900;
  color: #0CE2E4;
  letter-spacing: -.02em;
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.abtus .aboutblk .stnum sup {
  font-size: 18px;
  color: #930F13;
  font-weight: 700;
  margin-top: 8px
}

.abtus .aboutblk .stlabel {
  font-size: 16px;
  line-height: 1.6;
  color: #2a2e32;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em
}

.abtus .aboutblk .sticon {
  width: 40px;
  height: 40px;
  color: #0CE2E4;
  margin-bottom: 8px;
  animation: floaticon 3.2s ease-in-out infinite
}

.abtus .aboutblk .stcard:nth-child(2) .sticon {
  animation-delay: .9s;
  animation-duration: 2.8s
}

.abtus .aboutblk .stcard:nth-child(3) .sticon {
  animation-delay: 1.6s;
  animation-duration: 3.6s
}

@keyframes floaticon {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-7px)
  }
}

.abtus .aboutblk .vind {
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #0CE2E4 0%, #EBEDEF 100%);
  border-radius: 0 0 4px 4px;
  position: absolute;
  bottom: 0;
  left: 0
}

.abtus .aboutblk .descrow {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start
}

.abtus .aboutblk .desctext {
  flex: 1 1 0
}

.abtus .aboutblk .seclabel {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #930F13;
  margin-bottom: 12px;
  display: block
}

.abtus .aboutblk .sechead {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #111518;
  margin: 0 0 20px;
  text-transform: uppercase
}

.abtus .aboutblk .secpara {
  font-size: 18px;
  line-height: 1.6;
  color: #2a2e32;
  margin: 0 0 12px
}

.abtus .aboutblk .descside {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  gap: 20px
}

.abtus .aboutblk .teamcard {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  box-shadow: -1px 3px 2px 0 #0ce2e414
}

.abtus .aboutblk .teamport {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0
}

.abtus .aboutblk .teamport img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.abtus .aboutblk .teamname {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #111518;
  margin: 0 0 4px
}

.abtus .aboutblk .teamrole {
  font-size: 16px;
  line-height: 1.6;
  color: #555b63;
  margin: 0
}

.abtus .aboutblk .imgpair {
  display: flex;
  flex-direction: row;
  gap: 8px
}

.abtus .aboutblk .imgpair .pimg {
  flex: 1 1 0;
  height: 180px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: -1px 4px 18px 0 #930f1317
}

.abtus .aboutblk .imgpair .pimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.abtus .aboutblk .datatbl {
  width: 100%;
  border-collapse: collapse;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: -1px 4px 18px 0 #0ce2e417
}

.abtus .aboutblk .datatbl thead tr {
  background: #111518
}

.abtus .aboutblk .datatbl thead th {
  font-size: 16px;
  line-height: 1.6;
  color: #0CE2E4;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 700;
  padding: 12px 20px;
  text-align: left
}

.abtus .aboutblk .datatbl tbody tr {
  background: #fff;
  transition: background .12s ease-in
}

.abtus .aboutblk .datatbl tbody tr:nth-child(even) {
  background: #f4f5f6
}

.abtus .aboutblk .datatbl tbody tr:hover {
  background: #d4fbfc !important
}

.abtus .aboutblk .datatbl tbody td {
  font-size: 16px;
  line-height: 1.6;
  color: #2a2e32;
  padding: 12px 20px;
  border-bottom: 1px solid #EBEDEF
}

.abtus .aboutblk .datatbl tbody td:first-child {
  font-weight: 600;
  color: #111518
}

.abtus .aboutblk .wordrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px
}

.abtus .aboutblk .wordchip {
  font-size: 16px;
  line-height: 1.6;
  color: #2a2e32;
  padding: 4px 12px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #EBEDEF;
  cursor: default;
  transition: background .1s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1)
}

.abtus .aboutblk .wordchip:hover {
  background: #0CE2E4;
  color: #111518
}

.abtus .aboutblk .imgfull {
  width: 100%;
  height: 260px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: -1px 9px 40px 0 #0ce2e424
}

.abtus .aboutblk .imgfull img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.abtus .scallop2 {
  width: 100%;
  height: 32px;
  background: #0CE2E4;
  position: relative;
  overflow: hidden
}

.abtus .scallop2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EBEDEF;
  -webkit-mask: radial-gradient(circle 16px at 50% 0%, transparent 16px, black 16px) repeat-x;
  mask: radial-gradient(circle 16px at 50% 0%, transparent 16px, black 16px) repeat-x;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px
}

@media (max-width: 1280px) {
  .abtus .titlblk .tbhead {
    font-size: 44px
  }

  .abtus .titlblk .tbimg {
    flex: 0 0 280px;
    width: 280px
  }
}

@media (max-width: 768px) {
  .abtus .titlblk .tbinner {
    flex-direction: column
  }

  .abtus .titlblk .tbimg {
    flex: none;
    width: 100%;
    height: 200px
  }

  .abtus .titlblk .tbhead {
    font-size: 32px
  }

  .abtus .titlblk .tbdesc {
    font-size: 16px
  }

  .abtus .aboutblk .strow {
    flex-direction: column
  }

  .abtus .aboutblk .descrow {
    flex-direction: column
  }

  .abtus .aboutblk .descside {
    flex: none;
    width: 100%
  }

  .abtus .aboutblk .sechead {
    font-size: 24px
  }

  .abtus .aboutblk .imgpair {
    flex-direction: column
  }

  .abtus .aboutblk .imgpair .pimg {
    height: 160px
  }
}

@media (max-width: 480px) {
  .abtus .titlblk {
    padding: 40px 20px
  }

  .abtus .titlblk .tbhead {
    font-size: 24px
  }

  .abtus .aboutblk {
    padding: 40px 20px
  }

  .abtus .aboutblk .abinner {
    gap: 40px
  }

  .abtus .titlblk .decor {
    font-size: 160px;
    right: 8px
  }
}