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

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Montserrat', sans-serif
}

:focus {
  filter: invert(1);
  outline: none
}

.brand-bar {
  background: linear-gradient(135deg, #fff 60%, #f5fdf4 100%);
  border-bottom: 3px solid #73B968;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  position: relative;
  z-index: 100
}

.brand-bar-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px
}

.brand-mark {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  flex-shrink: 0
}

.brand-mark-frame {
  width: 62px;
  height: 62px;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 3px 3px -2px #73b9680f 2px 6px 28px -2px #73b9681c;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 4px
}

.brand-mark-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block
}

.brand-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #1b1b1b;
  letter-spacing: 0
}

.brand-tagline {
  font-size: 15px;
  font-weight: 400;
  color: #9B0001;
  line-height: 1.4;
  margin-top: 4px
}

.primary-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center
}

.primary-nav a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1b1b1b;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 6px;
  border: 1.5px solid transparent;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  height: 44px;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1), border-color .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.primary-nav a:hover {
  color: #9B0001;
  border-color: #73B968;
  background: #73b96814
}

.primary-nav a.active-page {
  color: #9B0001;
  border-color: #73B968;
  background: #73b9681f
}

.header-action {
  flex-shrink: 0
}

.reach-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #9B0001;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 6px;
  height: 44px;
  border: none;
  box-shadow: 2px 6px 28px -2px #9b00011c;
  transition: background .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s cubic-bezier(0.22, 1, 0.36, 1), transform .18s cubic-bezier(0.22, 1, 0.36, 1)
}

.reach-btn:hover {
  background: #7a0001;
  box-shadow: 2px 10px 52px -2px #9b00011c;
  color: #fff
}

.reach-btn:active {
  transform: scale(0.97)
}

.notice-strip {
  background: #FFE96B;
  padding: 8px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}

.notice-strip-inner {
  max-width: 1100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}

.notice-strip span {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1b1b1b;
  line-height: 1.4
}

.notice-strip .pi {
  color: #9B0001;
  font-size: 15px
}

.site-footer {
  background: #181818;
  color: #e8e8e8;
  padding-top: 72px
}

.footer-grid {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px 36px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 36px
}

.footer-brand-col {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.footer-logo-frame {
  width: 58px;
  height: 58px;
  border: 1px solid #444;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 4px
}

.footer-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block
}

.footer-brand-name {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2
}

.footer-brand-desc {
  font-size: 15px;
  color: #aaa;
  line-height: 1.6
}

.footer-divider-logo {
  border: none;
  border-top: 1px solid #333;
  margin: 8px 0
}

.footer-col-heading {
  font-size: 15px;
  font-weight: 700;
  color: #FFE96B;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1.2;
  margin-bottom: 16px
}

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

.footer-links li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #ccc;
  text-decoration: none;
  line-height: 1.4;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px
}

.footer-links li a:hover {
  color: #73B968
}

.footer-links li a .pi {
  font-size: 15px;
  color: #73B968
}

.footer-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.footer-contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px
}

.footer-contact-list li .pi {
  color: #73B968;
  font-size: 15px;
  margin-top: 4px;
  flex-shrink: 0
}

.footer-contact-list li span {
  font-size: 15px;
  color: #ccc;
  line-height: 1.6
}

.footer-contact-list li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #ccc;
  text-decoration: none;
  line-height: 1.6;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.footer-contact-list li a:hover {
  color: #73B968
}

.footer-bottom-bar {
  border-top: 1px solid #2e2e2e;
  background: #111
}

.footer-bottom-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap
}

.footer-copy {
  font-size: 15px;
  color: #888;
  line-height: 1.4
}

.footer-legal-links {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap
}

.footer-legal-links a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #888;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.footer-legal-links a:hover {
  color: #FFE96B
}

.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  background: #1e1e1e;
  border-top: 3px solid #73B968;
  box-shadow: 2px 10px 52px -2px #73b9681c;
  z-index: 2000;
  padding: 16px 36px;
  opacity: 0;
  transition: opacity .26s ease-in-out
}

.cookie-bar.showing {
  opacity: 1
}

.cookie-bar-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap
}

.cookie-msg {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #e8e8e8;
  line-height: 1.6;
  flex: 1;
  min-width: 200px
}

.cookie-msg strong {
  color: #FFE96B
}

.cookie-toggle-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0
}

.cookie-toggle-row label {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px
}

.cookie-toggle-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #73B968;
  cursor: pointer
}

.cookie-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0
}

.cookie-accept {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1b1b1b;
  background: #73B968;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  height: 44px;
  cursor: pointer;
  text-decoration: underline;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.cookie-accept:hover {
  background: #5da052;
  color: #fff
}

.cookie-decline {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #aaa;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 8px;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.cookie-decline:hover {
  color: #FFE96B
}

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

  .brand-bar-inner {
    padding: 16px;
    gap: 16px
  }

  .notice-strip {
    padding: 8px 16px
  }
}

@media (max-width: 768px) {
  .brand-bar-inner {
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
  }

  .primary-nav {
    width: 100%;
    justify-content: center
  }

  .header-action {
    width: 100%;
    display: flex;
    justify-content: center
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 0 16px 36px
  }

  .footer-bottom-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px
  }

  .cookie-bar-inner {
    flex-direction: column;
    align-items: flex-start
  }

  .cookie-bar {
    padding: 16px
  }
}

@media (max-width: 320px) {
  .brand-name {
    font-size: 19px
  }

  .primary-nav a {
    font-size: 15px;
    padding: 8px
  }

  .footer-grid {
    padding: 0 8px 16px
  }

  .footer-bottom-inner {
    padding: 16px 8px
  }
}

.legal-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 36px
}

.legal-wrapper ul,
.legal-wrapper ol {
  padding-left: 36px;
  margin-bottom: 36px
}

.legal-wrapper li {
  font-size: 15px;
  line-height: 1.9;
  margin-bottom: 8px;
  color: #2a2a2a
}

.legal-wrapper ul li {
  list-style-type: disc
}

.legal-wrapper ol li {
  list-style-type: decimal
}

.legal-wrapper ul ul,
.legal-wrapper ol ol,
.legal-wrapper ul ol,
.legal-wrapper ol ul {
  margin-top: 8px;
  margin-bottom: 8px
}

.legal-wrapper strong,
.legal-wrapper b {
  font-weight: 700;
  color: #1b1b1b
}

.legal-wrapper em,
.legal-wrapper i {
  font-style: italic;
  color: #3a3a3a
}

.legal-wrapper hr {
  border: none;
  border-top: 1.5px solid #d4edcf;
  margin: 36px 0
}

.legal-wrapper div {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.9;
  color: #2a2a2a
}

@media (max-width: 768px) {
  .legal-wrapper {
    padding: 36px 16px
  }

  .legal-wrapper ul,
  .legal-wrapper ol {
    padding-left: 16px
  }
}

@media (max-width: 320px) {
  .legal-wrapper {
    padding: 36px 8px
  }
}

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

.lnch .pg-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

.lnch .tb {
  padding: 72px 0;
  background: linear-gradient(170deg, #fff 0%, #f4faf3 60%, #fff8e1 100%);
  position: relative
}

.lnch .tb-geo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden
}

.lnch .tb-geo-shape1 {
  position: absolute;
  top: 36px;
  right: 80px;
  width: 180px;
  height: 180px;
  border: 2px solid #73b96821;
  border-radius: 18px;
  transform: rotate(22deg)
}

.lnch .tb-geo-shape2 {
  position: absolute;
  bottom: 36px;
  left: 40px;
  width: 90px;
  height: 90px;
  background: #ffe96b2e;
  border-radius: 10px;
  transform: rotate(-14deg)
}

.lnch .tb-geo-shape3 {
  position: absolute;
  top: 50%;
  right: 30%;
  width: 48px;
  height: 48px;
  border: 1.5px solid #9b000117;
  border-radius: 3px;
  transform: rotate(38deg) translateY(-50%)
}

.lnch .tb-grid {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 36px;
  position: relative;
  z-index: 1
}

.lnch .tb-text-zone {
  flex: 1 1 520px;
  padding: 36px 36px 36px 0;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.lnch .tb-img-zone {
  flex: 0 0 380px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.lnch .tb-img-frame {
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.lnch .tb-img-frame img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 18px;
  filter: contrast(1.04) saturate(1.06)
}

.lnch .tb-img-badge {
  position: absolute;
  bottom: 16px;
  left: -16px;
  background: #9B0001;
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  box-shadow: 2px 6px 28px -2px #9b00011c;
  z-index: 2
}

.lnch .tb-eyebrow {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #73B968;
  font-weight: 700;
  margin-bottom: 16px
}

.lnch .tb-h1 {
  font-size: 56px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin-bottom: 16px;
  margin-top: 0
}

.lnch .tb-h1 strong {
  color: #73B968;
  font-weight: 800
}

.lnch .tb-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #3a4a38;
  margin-bottom: 36px;
  max-width: 460px
}

.lnch .tb-actions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap
}

.lnch .btn-prim {
  display: inline-block;
  background: #73B968;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  transition: background .55s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.lnch .btn-prim:hover {
  background: #5da352;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.lnch .btn-prim:active {
  transform: scale(0.96)
}

.lnch .btn-sec {
  display: inline-block;
  background: transparent;
  color: #9B0001;
  font-size: 15px;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 10px;
  border: 2px solid #9B0001;
  cursor: pointer;
  text-decoration: none;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), color .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.lnch .btn-sec:hover {
  background: #9B0001;
  color: #fff
}

.lnch .btn-sec:active {
  transform: scale(0.96)
}

@keyframes elasticIn {
  0% {
    opacity: 0;
    transform: translateY(32px) scale(0.94)
  }

  60% {
    opacity: 1;
    transform: translateY(-6px) scale(1.02)
  }

  80% {
    transform: translateY(3px) scale(0.99)
  }

  100% {
    transform: translateY(0) scale(1)
  }
}

.lnch .tb-text-zone {
  animation: elasticIn .7s cubic-bezier(0.22, 1, 0.36, 1) both
}

.lnch .tb-img-zone {
  animation: elasticIn .7s .15s cubic-bezier(0.22, 1, 0.36, 1) both
}

.lnch .div-tick {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  height: 24px;
  overflow: hidden
}

.lnch .div-tick-line {
  flex: 1;
  height: 1px;
  background: #d4e8d0;
  position: relative
}

.lnch .div-tick-mark {
  width: 1px;
  height: 8px;
  background: #73B968;
  margin: 0 36px;
  flex-shrink: 0
}

.lnch .who {
  padding: 72px 0;
  background: linear-gradient(175deg, #fff8e1 0%, #fff 100%);
  position: relative
}

.lnch .who-bg-pattern {
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  height: 100%;
  pointer-events: none;
  overflow: hidden
}

.lnch .who-tri {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: .06;
  background-image: linear-gradient(60deg, #73B968 1px, transparent 1px), linear-gradient(120deg, #73B968 1px, transparent 1px), linear-gradient(180deg, #73B968 1px, transparent 1px);
  background-size: 40px 40px
}

.lnch .who-layout {
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: flex-start
}

.lnch .who-main {
  flex: 1 1 580px
}

.lnch .who-aside {
  flex: 0 0 260px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 8px
}

.lnch .sec-label {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #9B0001;
  font-weight: 700;
  margin-bottom: 8px
}

.lnch .who-h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin-bottom: 16px;
  margin-top: 0
}

.lnch .who-desc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 36px
}

.lnch .who-desc p {
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0
}

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

.lnch .who-list li {
  font-size: 15px;
  line-height: 1.6;
  padding: 8px 16px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px
}

.lnch .who-list li:nth-child(odd) {
  background: #73b96817;
  color: #1b3a18
}

.lnch .who-list li:nth-child(even) {
  background: #ffe96b38;
  color: #3a2a00
}

.lnch .who-list li .pi {
  color: #73B968;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 15px
}

.lnch .who-list li:nth-child(even) .pi {
  color: #9B0001
}

.lnch .aside-card {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  border-top: 3px solid #73B968
}

.lnch .aside-card.red-top {
  border-top-color: #9B0001
}

.lnch .aside-card-label {
  font-size: 15px;
  font-weight: 700;
  color: #1b2a19;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.lnch .aside-card-label .pi {
  color: #73B968;
  font-size: 15px
}

.lnch .aside-card.red-top .aside-card-label .pi {
  color: #9B0001
}

.lnch .aside-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #4a5a48;
  margin: 0
}

.lnch .who-img-wrap {
  margin-top: 16px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 6px 28px -2px #73b9681c
}

.lnch .who-img-wrap img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 10px
}

.lnch .example {
  padding: 72px 0;
  background: linear-gradient(168deg, #1b2a19 0%, #2a3d28 100%);
  position: relative;
  overflow: hidden
}

.lnch .example-deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden
}

.lnch .example-deco-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #73b9681a
}

.lnch .example-deco-ring.r1 {
  width: 400px;
  height: 400px;
  top: -120px;
  right: -80px
}

.lnch .example-deco-ring.r2 {
  width: 240px;
  height: 240px;
  bottom: -60px;
  left: 60px
}

.lnch .example-head {
  text-align: center;
  margin-bottom: 36px;
  position: relative;
  z-index: 1
}

.lnch .example-label {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #FFE96B;
  font-weight: 700;
  margin-bottom: 8px
}

.lnch .example-h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #fff;
  font-weight: 800;
  margin: 0
}

.lnch .example-body {
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: flex-start;
  position: relative;
  z-index: 1
}

.lnch .example-story {
  flex: 1 1 480px
}

.lnch .example-story p {
  font-size: 15px;
  line-height: 1.6;
  color: #c8dcc6;
  margin-bottom: 16px
}

.lnch .example-story p strong {
  color: #73B968;
  font-weight: 700
}

.lnch .example-metrics {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.lnch .metric-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  background: #ffffff0d;
  border-radius: 10px;
  padding: 16px;
  border-left: 3px solid #73B968;
  border-right: none;
  border-top: none;
  border-bottom: none
}

.lnch .metric-row.accent {
  border-left-color: #FFE96B
}

.lnch .metric-row.red-acc {
  border-left-color: #9B0001
}

.lnch .metric-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #73b9682e;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative
}

.lnch .metric-icon .pi {
  color: #73B968;
  font-size: 19px
}

.lnch .metric-row.accent .metric-icon {
  background: #ffe96b26
}

.lnch .metric-row.accent .metric-icon .pi {
  color: #FFE96B
}

.lnch .metric-row.red-acc .metric-icon {
  background: #9b00012e
}

.lnch .metric-row.red-acc .metric-icon .pi {
  color: #e05555
}

.lnch .metric-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFE96B;
  border: 2px solid #1b2a19
}

.lnch .metric-text {
  flex: 1
}

.lnch .metric-val {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2
}

.lnch .metric-desc {
  font-size: 15px;
  color: #8aaa88;
  line-height: 1.4
}

.lnch .example-img-wrap {
  margin-top: 36px;
  position: relative;
  z-index: 1;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.lnch .example-img-wrap img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  display: block
}

.lnch .recog {
  padding: 72px 0;
  background: linear-gradient(172deg, #fff 0%, #f7fef6 100%)
}

.lnch .recog-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start
}

.lnch .recog-left {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.lnch .recog-h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin: 0 0 8px
}

.lnch .recog-intro {
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0
}

.lnch .recog-img-wrap {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c;
  position: relative
}

.lnch .recog-img-wrap img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  display: block
}

.lnch .recog-img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #1b2a19b8 0%, transparent 100%);
  padding: 16px;
  border-radius: 0 0 18px 18px
}

.lnch .recog-img-caption {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  line-height: 1.4
}

.lnch .recog-right {
  display: flex;
  flex-direction: column;
  gap: 16px
}

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

.lnch .recog-assoc-list li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border-radius: 10px;
  transition: box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.lnch .recog-assoc-list li:nth-child(odd) {
  background: #73b96812
}

.lnch .recog-assoc-list li:nth-child(even) {
  background: #ffe96b26
}

.lnch .recog-assoc-list li:hover {
  box-shadow: 2px 6px 28px -2px #73b9681c;
  background: #73b96824
}

.lnch .assoc-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  position: relative
}

.lnch .assoc-icon-wrap .pi {
  color: #73B968;
  font-size: 19px
}

.lnch .assoc-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9B0001;
  border: 2px solid #fff
}

.lnch .assoc-body {
  flex: 1
}

.lnch .assoc-name {
  font-size: 15px;
  font-weight: 700;
  color: #1b2a19;
  line-height: 1.4;
  margin-bottom: 4px
}

.lnch .assoc-detail {
  font-size: 15px;
  line-height: 1.6;
  color: #4a5a48;
  margin: 0
}

.lnch .recog-profiles {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 8px
}

.lnch .profile-card {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}

.lnch .profile-img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  border: 2px solid #73B968
}

.lnch .profile-info {
  flex: 1
}

.lnch .profile-name {
  font-size: 15px;
  font-weight: 700;
  color: #1b2a19;
  line-height: 1.4
}

.lnch .profile-role {
  font-size: 15px;
  color: #73B968;
  line-height: 1.4
}

.lnch .heatmap-wrap {
  margin-top: 16px;
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f
}

.lnch .heatmap-label {
  font-size: 15px;
  font-weight: 700;
  color: #1b2a19;
  margin-bottom: 8px
}

.lnch .heatmap-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px
}

.lnch .hm-cell {
  height: 28px;
  border-radius: 3px;
  transition: opacity .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.lnch .hm-cell:hover {
  opacity: .7
}

.lnch .hm-0 {
  background: #e8f5e6
}

.lnch .hm-1 {
  background: #b8ddb4
}

.lnch .hm-2 {
  background: #87c682
}

.lnch .hm-3 {
  background: #73B968
}

.lnch .hm-4 {
  background: #5da352
}

.lnch .heatmap-legend {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
  align-items: center
}

.lnch .hm-leg-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  color: #4a5a48
}

.lnch .hm-leg-swatch {
  width: 12px;
  height: 12px;
  border-radius: 3px
}

.lnch .geo-motif-edge {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 0;
  overflow: hidden
}

.lnch .geo-motif-edge span {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: #73b96838;
  flex-shrink: 0;
  transform: rotate(45deg)
}

.lnch .geo-motif-edge span:nth-child(3n) {
  background: #ffe96b61
}

.lnch .geo-motif-edge span:nth-child(5n) {
  background: #9b00011f
}

@media (max-width: 1024px) {
  .lnch .tb-grid {
    gap: 16px
  }

  .lnch .tb-img-zone {
    flex: 0 0 300px
  }

  .lnch .tb-h1 {
    font-size: 41px
  }

  .lnch .who-layout {
    gap: 16px
  }

  .lnch .who-aside {
    flex: 0 0 220px
  }
}

@media (max-width: 768px) {
  .lnch .pg-wrap {
    padding: 0 16px
  }

  .lnch .tb {
    padding: 36px 0
  }

  .lnch .tb-grid {
    flex-direction: column
  }

  .lnch .tb-img-zone {
    flex: none;
    width: 100%;
    padding: 0
  }

  .lnch .tb-text-zone {
    padding: 0
  }

  .lnch .tb-h1 {
    font-size: 31px
  }

  .lnch .tb-img-badge {
    left: 8px;
    bottom: 8px
  }

  .lnch .who {
    padding: 36px 0
  }

  .lnch .who-layout {
    flex-direction: column
  }

  .lnch .who-aside {
    flex: none;
    width: 100%
  }

  .lnch .who-desc {
    grid-template-columns: 1fr
  }

  .lnch .example {
    padding: 36px 0
  }

  .lnch .example-body {
    flex-direction: column
  }

  .lnch .example-metrics {
    flex: none;
    width: 100%
  }

  .lnch .example-h2 {
    font-size: 31px
  }

  .lnch .recog {
    padding: 36px 0
  }

  .lnch .recog-layout {
    grid-template-columns: 1fr
  }

  .lnch .recog-h2 {
    font-size: 31px
  }

  .lnch .recog-profiles {
    flex-direction: column
  }

  .lnch .who-h2 {
    font-size: 31px
  }
}

@media (max-width: 320px) {
  .lnch .tb-h1 {
    font-size: 24px
  }

  .lnch .btn-prim,
  .lnch .btn-sec {
    padding: 8px 16px;
    font-size: 15px
  }

  .lnch .tb-actions {
    flex-direction: column;
    align-items: flex-start
  }
}

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

.abt .pg-cap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

.abt .top-panel {
  position: relative;
  padding: 72px 0;
  background: #fff
}

.abt .top-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 85% 30%, #9b000112 0%, transparent 65%), radial-gradient(ellipse 60% 80% at 70% 80%, #73b9681a 0%, transparent 55%), radial-gradient(ellipse 40% 50% at 20% 50%, #ffe96b1f 0%, transparent 50%);
  pointer-events: none
}

.abt .top-panel .curve-lines {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none
}

.abt .top-panel .curve-lines svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.abt .top-panel .tp-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 72px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

.abt .top-panel .tp-text {
  flex: 1 1 0
}

.abt .top-panel .tp-label {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9B0001;
  margin-bottom: 16px;
  padding: 4px 16px;
  border-radius: 3px;
  background: #9b00010f;
  border-left: 3px solid #9B0001;
  border-top: 1px solid #9b000126
}

.abt .top-panel .tp-h1 {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 800;
  color: #1b1b1b;
  margin: 0 0 16px
}

.abt .top-panel .tp-h1 span {
  display: block;
  color: #73B968
}

.abt .top-panel .tp-desc {
  font-size: 19px;
  line-height: 1.6;
  color: #3a3a3a;
  max-width: 520px;
  margin: 0 0 36px
}

.abt .top-panel .tp-accent-line {
  width: 64px;
  height: 4px;
  border-radius: 3px;
  background: linear-gradient(90deg, #73B968, #FFE96B);
  margin-bottom: 36px
}

.abt .top-panel .tp-stats {
  display: flex;
  flex-direction: row;
  gap: 36px
}

.abt .top-panel .tp-stat {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abt .top-panel .tp-stat-num {
  font-size: 41px;
  font-weight: 800;
  line-height: 1.2;
  color: #9B0001
}

.abt .top-panel .tp-stat-lbl {
  font-size: 15px;
  line-height: 1.4;
  color: #555;
  font-weight: 500
}

.abt .top-panel .tp-img-col {
  flex: 0 0 420px;
  position: relative
}

.abt .top-panel .tp-img-wrap {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.abt .top-panel .tp-img-wrap img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt .top-panel .tp-img-wrap::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, transparent, #1b1b1b73);
  pointer-events: none
}

.abt .top-panel .tp-img-wrap:hover img {
  transform: scale(1.03)
}

.abt .top-panel .tp-img-badge {
  position: absolute;
  bottom: -16px;
  left: -16px;
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 2
}

.abt .top-panel .tp-img-badge .badge-val {
  font-size: 24px;
  font-weight: 800;
  color: #73B968;
  line-height: 1.2
}

.abt .top-panel .tp-img-badge .badge-txt {
  font-size: 15px;
  color: #555;
  line-height: 1.4
}

.abt .top-panel .wave-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  overflow: hidden;
  pointer-events: none
}

.abt .top-panel .wave-divider svg {
  width: 100%;
  height: 100%
}

.abt .detail-panel {
  position: relative;
  padding: 72px 0;
  background: #f5f8f4
}

.abt .detail-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 50% at 90% 60%, #ffe96b21 0%, transparent 60%);
  pointer-events: none
}

.abt .detail-panel .dp-inner {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

.abt .detail-panel .dp-top {
  display: flex;
  flex-direction: row;
  gap: 72px;
  margin-bottom: 72px;
  align-items: flex-start
}

.abt .detail-panel .dp-left {
  flex: 0 0 340px;
  position: relative
}

.abt .detail-panel .dp-left-img {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  margin-bottom: 36px
}

.abt .detail-panel .dp-left-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  display: block
}

.abt .detail-panel .dp-person {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}

.abt .detail-panel .dp-portrait {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 3px solid #73B968
}

.abt .detail-panel .dp-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block
}

.abt .detail-panel .dp-person-info {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abt .detail-panel .dp-person-name {
  font-size: 19px;
  font-weight: 700;
  color: #1b1b1b;
  line-height: 1.2
}

.abt .detail-panel .dp-person-role {
  font-size: 15px;
  color: #73B968;
  font-weight: 600;
  line-height: 1.4
}

.abt .detail-panel .dp-right {
  flex: 1 1 0
}

.abt .detail-panel .dp-section-label {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #73B968;
  margin-bottom: 16px
}

.abt .detail-panel .dp-heading {
  font-size: 41px;
  font-weight: 800;
  line-height: 1.2;
  color: #1b1b1b;
  margin: 0 0 16px;
  position: relative;
  padding-left: 16px;
  border-left: 4px solid #73B968
}

.abt .detail-panel .dp-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #3a3a3a;
  margin: 0 0 36px
}

.abt .detail-panel .dp-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 36px
}

.abt .detail-panel .dp-cols p {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  margin: 0
}

.abt .detail-panel .ratio-bar-wrap {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  margin-bottom: 36px
}

.abt .detail-panel .ratio-label-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px
}

.abt .detail-panel .ratio-lbl {
  font-size: 15px;
  font-weight: 600;
  color: #3a3a3a
}

.abt .detail-panel .ratio-lbl.right {
  color: #9B0001
}

.abt .detail-panel .ratio-track {
  height: 12px;
  border-radius: 6px;
  background: #9b00011f;
  overflow: hidden
}

.abt .detail-panel .ratio-fill {
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(90deg, #73B968, #FFE96B);
  width: 0;
  animation: fillBar 1.2s cubic-bezier(0.22, 1, 0.36, 1) .3s forwards
}

@keyframes fillBar {
  to {
    width: 72%
  }
}

.abt .detail-panel .ratio-note {
  font-size: 15px;
  color: #777;
  margin-top: 8px;
  line-height: 1.4
}

.abt .detail-panel .dp-vals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}

.abt .detail-panel .dp-val-item {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  position: relative;
  overflow: hidden;
  transition: box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1), transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt .detail-panel .dp-val-item:nth-child(odd) {
  border-top: 3px solid #73B968
}

.abt .detail-panel .dp-val-item:nth-child(even) {
  border-top: 3px solid #FFE96B
}

.abt .detail-panel .dp-val-item:hover {
  box-shadow: 2px 6px 28px -2px #73b9681c;
  transform: translateY(-2px)
}

.abt .detail-panel .dp-val-num {
  font-size: 41px;
  font-weight: 800;
  line-height: 1.2;
  color: #73b9682e;
  position: absolute;
  top: 4px;
  right: 8px;
  pointer-events: none;
  user-select: none
}

.abt .detail-panel .dp-val-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #73b9681a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px
}

.abt .detail-panel .dp-val-icon i {
  font-size: 19px;
  color: #73B968
}

.abt .detail-panel .dp-val-title {
  font-size: 15px;
  font-weight: 700;
  color: #1b1b1b;
  margin: 0 0 4px;
  line-height: 1.4
}

.abt .detail-panel .dp-val-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin: 0
}

.abt .detail-panel .dp-img-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 72px
}

.abt .detail-panel .dp-img-item {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  position: relative
}

.abt .detail-panel .dp-img-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .65s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt .detail-panel .dp-img-item:hover img {
  transform: scale(1.04)
}

.abt .detail-panel .dp-img-cap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(to top, #1b1b1b99, transparent);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4
}

.abt .grad-div {
  height: 2px;
  background: linear-gradient(90deg, transparent, #73B968 30%, #FFE96B 60%, transparent);
  margin: 0
}

@keyframes shadowBuild {
  from {
    box-shadow: 2px 3px 3px -2px #73b96800
  }

  to {
    box-shadow: 2px 6px 28px -2px #73b9681c
  }
}

.abt .top-panel .tp-img-wrap {
  animation: shadowBuild .7s cubic-bezier(0.22, 1, 0.36, 1) .1s both
}

.abt .detail-panel .dp-left-img {
  animation: shadowBuild .7s cubic-bezier(0.22, 1, 0.36, 1) .2s both
}

.abt .detail-panel .dp-vals:hover .dp-val-item {
  opacity: .6;
  transition: opacity .45s ease-in-out
}

.abt .detail-panel .dp-vals .dp-val-item:hover {
  opacity: 1;
  transition: opacity .45s ease-in-out, box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1), transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

@media (max-width: 1024px) {
  .abt .top-panel .tp-inner {
    gap: 36px
  }

  .abt .top-panel .tp-img-col {
    flex: 0 0 320px
  }

  .abt .top-panel .tp-h1 {
    font-size: 41px
  }

  .abt .detail-panel .dp-top {
    gap: 36px
  }

  .abt .detail-panel .dp-left {
    flex: 0 0 280px
  }

  .abt .detail-panel .dp-heading {
    font-size: 31px
  }

  .abt .detail-panel .dp-vals {
    grid-template-columns: 1fr 1fr
  }
}

@media (max-width: 768px) {
  .abt .top-panel {
    padding: 36px 0
  }

  .abt .top-panel .tp-inner {
    flex-direction: column;
    gap: 36px
  }

  .abt .top-panel .tp-img-col {
    flex: none;
    width: 100%
  }

  .abt .top-panel .tp-h1 {
    font-size: 31px
  }

  .abt .top-panel .tp-stats {
    gap: 16px
  }

  .abt .top-panel .tp-stat-num {
    font-size: 31px
  }

  .abt .detail-panel {
    padding: 36px 0
  }

  .abt .detail-panel .dp-top {
    flex-direction: column;
    gap: 36px
  }

  .abt .detail-panel .dp-left {
    flex: none;
    width: 100%
  }

  .abt .detail-panel .dp-cols {
    grid-template-columns: 1fr
  }

  .abt .detail-panel .dp-vals {
    grid-template-columns: 1fr 1fr
  }

  .abt .detail-panel .dp-img-row {
    grid-template-columns: 1fr;
    margin-top: 36px
  }

  .abt .detail-panel .dp-heading {
    font-size: 24px
  }
}

@media (max-width: 320px) {

  .abt .top-panel .tp-inner,
  .abt .detail-panel .dp-inner {
    padding: 0 16px
  }

  .abt .top-panel .tp-h1 {
    font-size: 24px
  }

  .abt .detail-panel .dp-vals {
    grid-template-columns: 1fr
  }

  .abt .top-panel .tp-stats {
    flex-direction: column;
    gap: 8px
  }
}

.ctus-pg {
  max-width: 100%;
  overflow-x: hidden
}

.ctus-pg .pg-body {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

@keyframes riseUp {
  from {
    opacity: 0;
    transform: translateY(32px)
  }

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

.ctus-pg .anim-rise {
  animation: riseUp .6s cubic-bezier(0.22, 1, 0.36, 1) both
}

.ctus-pg .anim-rise-2 {
  animation: riseUp .65s cubic-bezier(0.22, 1, 0.36, 1) .12s both
}

.ctus-pg .anim-rise-3 {
  animation: riseUp .7s cubic-bezier(0.22, 1, 0.36, 1) .24s both
}

.ctus-pg .split-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 340px
}

.ctus-pg .split-left {
  background: #73B968;
  padding: 72px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.ctus-pg .split-right {
  background: #1a2e19;
  padding: 72px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden
}

.ctus-pg .split-right-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .35;
  filter: saturate(0.4) brightness(0.6)
}

.ctus-pg .split-right-overlay {
  position: relative;
  z-index: 1
}

.ctus-pg .hero-label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ffffffbf;
  margin-bottom: 16px;
  display: block
}

.ctus-pg .hero-h1 {
  font-size: 56px;
  line-height: 1.2;
  color: #fff;
  font-weight: 900;
  margin: 0 0 16px
}

.ctus-pg .hero-desc {
  font-size: 19px;
  line-height: 1.6;
  color: #ffffffe0;
  margin: 0;
  max-width: 380px
}

.ctus-pg .split-right-text {
  font-size: 31px;
  line-height: 1.4;
  color: #FFE96B;
  font-weight: 800;
  margin: 0 0 16px
}

.ctus-pg .split-right-sub {
  font-size: 15px;
  line-height: 1.6;
  color: #fffc;
  margin: 0
}

.ctus-pg .wave-divider {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  margin-bottom: -1px
}

.ctus-pg .wave-divider svg {
  display: block;
  width: 100%
}

.ctus-pg .reach-block {
  background: #f5f7f4;
  padding: 72px 0
}

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

.ctus-pg .reach-aside {
  display: flex;
  flex-direction: column;
  gap: 36px
}

.ctus-pg .aside-label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #73B968;
  margin-bottom: 8px;
  display: block
}

.ctus-pg .aside-heading {
  font-size: 31px;
  line-height: 1.2;
  font-weight: 800;
  color: #1e2d1c;
  margin: 0 0 16px
}

.ctus-pg .aside-body {
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0
}

.ctus-pg .contact-items {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.ctus-pg .citem {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: #fff;
  border-radius: 10px;
  border-left: 4px solid #73B968;
  border-top: 1px solid #73b96826;
  border-right: 1px solid #73b96814;
  border-bottom: 1px solid #73b96814;
  box-shadow: 2px 3px 3px -2px #73b9680f;
  transition: box-shadow .5s ease-in-out, transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.ctus-pg .citem:hover {
  box-shadow: 2px 6px 28px -2px #73b9681c;
  transform: translateY(-2px)
}

.ctus-pg .citem-icon {
  width: 36px;
  height: 36px;
  background: #73B968;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.ctus-pg .citem-icon i {
  color: #fff;
  font-size: 15px
}

.ctus-pg .citem-detail {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.ctus-pg .citem-lbl {
  font-size: 15px;
  font-weight: 700;
  color: #1e2d1c;
  text-transform: uppercase;
  letter-spacing: .06em
}

.ctus-pg .citem-val {
  font-size: 15px;
  line-height: 1.4;
  color: #3a4a38
}

.ctus-pg .citem-val a {
  color: #9B0001;
  text-decoration: none;
  transition: color .45s ease-in-out
}

.ctus-pg .citem-val a:visited {
  color: #6a0001
}

.ctus-pg .citem-val a:hover {
  color: #73B968
}

.ctus-pg .form-card {
  background: #fff;
  border-radius: 18px;
  padding: 36px;
  box-shadow: 2px 6px 28px -2px #73b9681c
}

.ctus-pg .form-title {
  font-size: 24px;
  font-weight: 800;
  color: #1e2d1c;
  margin: 0 0 8px;
  line-height: 1.2
}

.ctus-pg .form-subtitle {
  font-size: 15px;
  line-height: 1.6;
  color: #4a5a48;
  margin: 0 0 36px
}

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

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

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

.ctus-pg .f-label {
  font-size: 15px;
  font-weight: 700;
  color: #1e2d1c;
  letter-spacing: .04em
}

.ctus-pg .f-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1.5px solid #73b9684d;
  border-radius: 6px;
  background: #f9fcf8;
  color: #1e2d1c;
  box-shadow: inset 2px 2px 4px #73b9680f;
  transition: border-color .5s ease-in-out, box-shadow .5s ease-in-out;
  outline: none;
  box-sizing: border-box
}

.ctus-pg .f-input::placeholder {
  text-transform: uppercase;
  font-size: 15px;
  color: #8aab86;
  letter-spacing: .06em
}

.ctus-pg .f-input:focus {
  border-color: #73B968;
  box-shadow: inset 1px 1px 3px #73b9681a 0 0 0 3px #73b9681f
}

.ctus-pg .f-textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1.5px solid #73b9684d;
  border-radius: 6px;
  background: #f9fcf8;
  color: #1e2d1c;
  box-shadow: inset 2px 2px 4px #73b9680f;
  transition: border-color .5s ease-in-out, box-shadow .5s ease-in-out;
  outline: none;
  resize: vertical;
  min-height: 130px;
  box-sizing: border-box
}

.ctus-pg .f-textarea::placeholder {
  text-transform: uppercase;
  font-size: 15px;
  color: #8aab86;
  letter-spacing: .06em
}

.ctus-pg .f-textarea:focus {
  border-color: #73B968;
  box-shadow: inset 1px 1px 3px #73b9681a 0 0 0 3px #73b9681f
}

.ctus-pg .privacy-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  margin: 16px 0 36px;
  padding: 16px;
  background: #73b9680f;
  border-radius: 10px;
  border: 1px solid #73b9682e
}

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

.ctus-pg .privacy-text {
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38
}

.ctus-pg .privacy-text a {
  color: #9B0001;
  text-decoration: underline;
  transition: color .45s ease-in-out
}

.ctus-pg .privacy-text a:visited {
  color: #6a0001
}

.ctus-pg .privacy-text a:hover {
  color: #73B968
}

.ctus-pg .submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 36px;
  background: #73B968;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s ease-in-out
}

.ctus-pg .submit-btn:hover {
  background: #5ea354;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.ctus-pg .submit-btn:active {
  transform: scale(0.97)
}

.ctus-pg .details-strip {
  background: #1e2d1c;
  padding: 72px 0;
  position: relative
}

.ctus-pg .details-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center
}

.ctus-pg .strip-text-col {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.ctus-pg .strip-eyebrow {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #FFE96B
}

.ctus-pg .strip-heading {
  font-size: 41px;
  line-height: 1.2;
  font-weight: 900;
  color: #fff;
  margin: 0
}

.ctus-pg .strip-body {
  font-size: 19px;
  line-height: 1.6;
  color: #ffffffbf;
  margin: 0
}

.ctus-pg .strip-img-col {
  position: relative
}

.ctus-pg .strip-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 2px 10px 52px -2px #9b00011c;
  display: block
}

.ctus-pg .strip-badge {
  position: absolute;
  bottom: -16px;
  left: -16px;
  background: #FFE96B;
  color: #1e2d1c;
  font-size: 15px;
  font-weight: 800;
  padding: 8px 16px;
  border-radius: 10px;
  box-shadow: 2px 6px 28px -2px #9b00011c;
  display: flex;
  flex-direction: column;
  gap: 4px
}

.ctus-pg .strip-badge-val {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2
}

.ctus-pg .strip-badge-lbl {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .06em
}

.ctus-pg .geom-motif {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 36px 16px;
  pointer-events: none
}

.ctus-pg .gm-dot {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: #ffe96b2e;
  align-self: center
}

.ctus-pg .gm-dot:nth-child(odd) {
  background: #73b96838;
  width: 12px;
  height: 12px
}

@media (max-width: 1024px) {
  .ctus-pg .hero-h1 {
    font-size: 41px
  }

  .ctus-pg .reach-inner {
    grid-template-columns: 1fr;
    gap: 36px
  }

  .ctus-pg .details-inner {
    grid-template-columns: 1fr;
    gap: 36px
  }

  .ctus-pg .strip-heading {
    font-size: 31px
  }

  .ctus-pg .geom-motif {
    display: none
  }
}

@media (max-width: 768px) {
  .ctus-pg .split-hero {
    grid-template-columns: 1fr
  }

  .ctus-pg .split-right {
    min-height: 180px;
    padding: 36px
  }

  .ctus-pg .split-left {
    padding: 36px
  }

  .ctus-pg .hero-h1 {
    font-size: 31px
  }

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

  .ctus-pg .reach-block {
    padding: 36px 0
  }

  .ctus-pg .reach-inner {
    padding: 0 16px
  }

  .ctus-pg .details-strip {
    padding: 36px 0
  }

  .ctus-pg .details-inner {
    padding: 0 16px;
    gap: 36px
  }

  .ctus-pg .strip-badge {
    position: static;
    margin-top: 16px;
    display: inline-flex
  }

  .ctus-pg .form-card {
    padding: 16px
  }
}

@media (max-width: 320px) {
  .ctus-pg .hero-h1 {
    font-size: 24px
  }

  .ctus-pg .split-left,
  .ctus-pg .split-right {
    padding: 16px
  }

  .ctus-pg .form-card {
    padding: 8px
  }

  .ctus-pg .submit-btn {
    padding: 12px 16px
  }
}

.srvs-pg {
  max-width: 100%;
  overflow-x: hidden
}

.srvs-pg .pg-body {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 36px
}

@keyframes fadeBlurIn {
  from {
    opacity: 0;
    filter: blur(8px)
  }

  to {
    opacity: 1;
    filter: blur(0)
  }
}

.srvs-pg .fade-load {
  animation: fadeBlurIn .65s cubic-bezier(0.22, 1, 0.36, 1) both
}

.srvs-pg .fade-load-delay {
  animation: fadeBlurIn .65s cubic-bezier(0.22, 1, 0.36, 1) .2s both
}

.srvs-pg .top-band {
  position: relative;
  background: #fff;
  padding: 72px 0 36px;
  overflow: hidden
}

.srvs-pg .top-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 90% at 95% 10%, #73b96821 0%, #ffe96b12 50%, transparent 80%);
  pointer-events: none
}

.srvs-pg .top-band .grid-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#73b9680f 1px, transparent 1px), linear-gradient(90deg, #73b9680f 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none
}

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

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

.srvs-pg .top-band .band-label {
  display: inline-block;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #73B968;
  font-weight: 700;
  margin-bottom: 16px;
  border-left: 3px solid #73B968;
  border-bottom: 1px solid #73b9684d;
  padding: 4px 8px;
  border-radius: 3px 0 0 3px
}

.srvs-pg .top-band .band-h1 {
  font-size: 56px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin: 0 0 16px
}

.srvs-pg .top-band .band-h1 .hl-word {
  position: relative;
  display: inline-block
}

.srvs-pg .top-band .band-h1 .hl-word::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 60%;
  height: 4px;
  background: linear-gradient(90deg, #73B968, #FFE96B);
  border-radius: 3px
}

.srvs-pg .top-band .band-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #3a4a38;
  max-width: 480px;
  margin: 0
}

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

.srvs-pg .top-band .band-img-wrap {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.srvs-pg .top-band .band-img-wrap img {
  width: 340px;
  height: 240px;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvs-pg .top-band .band-img-wrap .img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #1b2a1973 0%, transparent 55%);
  border-radius: 18px
}

.srvs-pg .top-band .band-img-wrap .img-caption {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .5s cubic-bezier(0.22, 1, 0.36, 1), transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.srvs-pg .top-band .band-img-wrap:hover .img-caption {
  opacity: 1;
  transform: translateY(0)
}

.srvs-pg .top-band .band-divider {
  margin-top: 36px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #73B968, transparent);
  border: none
}

.srvs-pg .srv-grid-sec {
  padding: 72px 0;
  background: #f5f9f4;
  position: relative
}

.srvs-pg .srv-grid-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #FFE96B 40%, #73B968 60%, transparent)
}

.srvs-pg .srv-grid-sec .sec-intro {
  margin-bottom: 36px
}

.srvs-pg .srv-grid-sec .sec-intro .sec-num {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 900;
  color: #73b9681a;
  display: block;
  margin-bottom: -36px;
  letter-spacing: -4px
}

.srvs-pg .srv-grid-sec .sec-intro h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin: 0 0 8px
}

.srvs-pg .srv-grid-sec .sec-intro .sec-desc {
  font-size: 19px;
  line-height: 1.6;
  color: #3a4a38;
  max-width: 560px;
  margin: 0
}

.srvs-pg .srv-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  margin-top: 36px
}

.srvs-pg .srv-card {
  background: #fff;
  border-radius: 18px;
  padding: 36px;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  border: 1.5px solid transparent;
  transition: border-color .55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  overflow: hidden
}

.srvs-pg .srv-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 18px 18px 0 0
}

.srvs-pg .srv-card.accent-g::before {
  background: #73B968
}

.srvs-pg .srv-card.accent-r::before {
  background: #9B0001
}

.srvs-pg .srv-card.accent-y::before {
  background: #FFE96B
}

.srvs-pg .srv-card:hover {
  border-color: #73b96859;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.srvs-pg .srv-card .card-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px
}

.srvs-pg .srv-card.accent-g .card-icon {
  background: #73b9681f
}

.srvs-pg .srv-card.accent-r .card-icon {
  background: #9b000114
}

.srvs-pg .srv-card.accent-y .card-icon {
  background: #ffe96b40
}

.srvs-pg .srv-card .card-icon i {
  font-size: 24px
}

.srvs-pg .srv-card.accent-g .card-icon i {
  color: #73B968
}

.srvs-pg .srv-card.accent-r .card-icon i {
  color: #9B0001
}

.srvs-pg .srv-card.accent-y .card-icon i {
  color: #a07800
}

.srvs-pg .srv-card h3 {
  font-size: 24px;
  line-height: 1.4;
  color: #1b2a19;
  font-weight: 700;
  margin: 0 0 8px
}

.srvs-pg .srv-card .card-body {
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0 0 16px
}

.srvs-pg .srv-card .tag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0
}

.srvs-pg .srv-card .tag-list li {
  font-size: 15px;
  line-height: 1.4;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600
}

.srvs-pg .srv-card .tag-list li:nth-child(odd) {
  background: #73b9681f;
  color: #2d5c28
}

.srvs-pg .srv-card .tag-list li:nth-child(even) {
  background: #9b000112;
  color: #7a0001
}

.srvs-pg .detail-split {
  padding: 72px 0;
  background: #fff;
  position: relative
}

.srvs-pg .detail-split .pg-body {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: flex-start
}

.srvs-pg .detail-split .split-left {
  flex: 1 1 0;
  min-width: 0
}

.srvs-pg .detail-split .split-right {
  flex: 0 0 380px;
  min-width: 0
}

.srvs-pg .detail-split .split-num {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 900;
  color: #9b000112;
  display: block;
  margin-bottom: -36px;
  letter-spacing: -4px
}

.srvs-pg .detail-split h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #1b2a19;
  font-weight: 800;
  margin: 0 0 16px
}

.srvs-pg .detail-split .two-col-text {
  columns: 2;
  column-gap: 36px;
  font-size: 15px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0 0 36px
}

.srvs-pg .detail-split .two-col-text p {
  margin: 0 0 16px;
  break-inside: avoid
}

.srvs-pg .detail-split .brace-wrap {
  position: relative;
  padding: 36px;
  border-radius: 18px;
  background: #f5f9f4;
  box-shadow: 2px 3px 3px -2px #73b9680f
}

.srvs-pg .detail-split .brace-wrap::before,
.srvs-pg .detail-split .brace-wrap::after {
  font-size: 70px;
  line-height: 1;
  font-weight: 900;
  color: #73b9682e;
  position: absolute;
  font-family: Georgia, serif
}

.srvs-pg .detail-split .brace-wrap::before {
  content:"{";
  top: 8px;
  left: 8px
}

.srvs-pg .detail-split .brace-wrap::after {
  content: "}";
  bottom: 8px;
  right: 8px
}

.srvs-pg .detail-split .metric-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.srvs-pg .detail-split .metric-list li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 3px 3px -2px #73b9680f
}

.srvs-pg .detail-split .metric-list li:nth-child(odd) {
  border-left: 3px solid #73B968;
  border-bottom: 1px solid #73b96826
}

.srvs-pg .detail-split .metric-list li:nth-child(even) {
  border-left: 3px solid #9B0001;
  border-bottom: 1px solid #9b00011f
}

.srvs-pg .detail-split .metric-list .m-val {
  font-size: 31px;
  line-height: 1.2;
  font-weight: 900;
  color: #73B968;
  flex: 0 0 auto
}

.srvs-pg .detail-split .metric-list li:nth-child(even) .m-val {
  color: #9B0001
}

.srvs-pg .detail-split .metric-list .m-label {
  font-size: 15px;
  line-height: 1.4;
  color: #3a4a38;
  font-weight: 600;
  padding-top: 4px
}

.srvs-pg .detail-split .img-stack {
  margin-top: 36px;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.srvs-pg .detail-split .img-stack img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvs-pg .detail-split .img-stack .img-cap {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #1b2a19b3 0%, transparent 50%);
  display: flex;
  align-items: flex-end;
  padding: 16px;
  opacity: 0;
  transition: opacity .5s ease-in-out
}

.srvs-pg .detail-split .img-stack:hover .img-cap {
  opacity: 1
}

.srvs-pg .detail-split .img-stack .img-cap span {
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  font-weight: 600
}

.srvs-pg .dark-band {
  background: #1b2a19;
  padding: 72px 0;
  position: relative;
  overflow: hidden
}

.srvs-pg .dark-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 85% 50%, #ffe96b12 0%, transparent 70%);
  pointer-events: none
}

.srvs-pg .dark-band .pg-body {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: flex-start
}

.srvs-pg .dark-band .db-left {
  flex: 1 1 0;
  min-width: 0
}

.srvs-pg .dark-band .db-right {
  flex: 0 0 340px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 36px
}

.srvs-pg .dark-band .db-num {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 900;
  color: #ffe96b12;
  display: block;
  margin-bottom: -36px;
  letter-spacing: -4px
}

.srvs-pg .dark-band h2 {
  font-size: 41px;
  line-height: 1.2;
  color: #fff;
  font-weight: 800;
  margin: 0 0 16px
}

.srvs-pg .dark-band .db-intro {
  font-size: 19px;
  line-height: 1.6;
  color: #ffffffbf;
  margin: 0 0 36px
}

.srvs-pg .dark-band .step-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.srvs-pg .dark-band .step-list li {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start
}

.srvs-pg .dark-band .step-list li:nth-child(odd) .step-dot {
  background: #73b96833;
  color: #73B968
}

.srvs-pg .dark-band .step-list li:nth-child(even) .step-dot {
  background: #ffe96b26;
  color: #FFE96B
}

.srvs-pg .dark-band .step-dot {
  flex: 0 0 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  line-height: 1
}

.srvs-pg .dark-band .step-text {
  font-size: 15px;
  line-height: 1.6;
  color: #fffc;
  padding-top: 8px
}

.srvs-pg .dark-band .step-text strong {
  color: #fff;
  font-weight: 700
}

.srvs-pg .dark-band .profile-pair {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.srvs-pg .dark-band .prof-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  background: #ffffff0f;
  border-radius: 18px;
  padding: 16px;
  border: 1px solid #73b96826
}

.srvs-pg .dark-band .prof-img-wrap {
  flex: 0 0 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #73b96866
}

.srvs-pg .dark-band .prof-img-wrap img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  object-position: top;
  display: block
}

.srvs-pg .dark-band .prof-info .prof-name {
  font-size: 19px;
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
  display: block;
  margin-bottom: 4px
}

.srvs-pg .dark-band .prof-info .prof-role {
  font-size: 15px;
  line-height: 1.4;
  color: #73b968e6;
  font-weight: 600
}

.srvs-pg .dark-band .db-img-wrap {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 2px 6px 28px -2px #73b9681c
}

.srvs-pg .dark-band .db-img-wrap img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
  display: block
}

.srvs-pg .dark-band .db-img-wrap .db-img-cap {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #1b2a19cc 0%, transparent 55%);
  display: flex;
  align-items: flex-end;
  padding: 16px;
  opacity: 0;
  transition: opacity .6s ease-in-out
}

.srvs-pg .dark-band .db-img-wrap:hover .db-img-cap {
  opacity: 1
}

.srvs-pg .dark-band .db-img-cap span {
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  font-weight: 600
}

.srvs-pg .dark-band .cta-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 36px
}

.srvs-pg .dark-band .btn-prim {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #73B968;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 2px 6px 28px -2px #73b9681c
}

.srvs-pg .dark-band .btn-prim:hover {
  background: #5da352;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.srvs-pg .dark-band .btn-prim:active {
  transform: scale(0.97)
}

.srvs-pg .dark-band .btn-sec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #FFE96B;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 10px;
  border: 1.5px solid #ffe96b66;
  cursor: pointer;
  text-decoration: none;
  transition: border-color .55s cubic-bezier(0.22, 1, 0.36, 1), background .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.srvs-pg .dark-band .btn-sec:hover {
  border-color: #FFE96B;
  background: #ffe96b14
}

.srvs-pg .dark-band .btn-sec:active {
  transform: scale(0.97)
}

@media (max-width: 1024px) {
  .srvs-pg .top-band .pg-body {
    gap: 36px
  }

  .srvs-pg .top-band .band-img-col {
    flex: 0 0 260px
  }

  .srvs-pg .top-band .band-img-wrap img {
    width: 260px;
    height: 200px
  }

  .srvs-pg .srv-cards {
    grid-template-columns: repeat(2, 1fr)
  }

  .srvs-pg .detail-split .pg-body {
    gap: 36px
  }

  .srvs-pg .detail-split .split-right {
    flex: 0 0 300px
  }

  .srvs-pg .dark-band .pg-body {
    gap: 36px
  }

  .srvs-pg .dark-band .db-right {
    flex: 0 0 280px
  }
}

@media (max-width: 768px) {
  .srvs-pg .pg-body {
    padding: 0 16px
  }

  .srvs-pg .top-band {
    padding: 36px 0
  }

  .srvs-pg .top-band .pg-body {
    flex-direction: column;
    gap: 36px
  }

  .srvs-pg .top-band .band-img-col {
    flex: 0 0 auto;
    width: 100%
  }

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

  .srvs-pg .top-band .band-h1 {
    font-size: 41px
  }

  .srvs-pg .srv-cards {
    grid-template-columns: 1fr;
    gap: 16px
  }

  .srvs-pg .srv-grid-sec {
    padding: 36px 0
  }

  .srvs-pg .detail-split {
    padding: 36px 0
  }

  .srvs-pg .detail-split .pg-body {
    flex-direction: column;
    gap: 36px
  }

  .srvs-pg .detail-split .split-right {
    flex: 0 0 auto;
    width: 100%
  }

  .srvs-pg .detail-split .two-col-text {
    columns: 1
  }

  .srvs-pg .dark-band {
    padding: 36px 0
  }

  .srvs-pg .dark-band .pg-body {
    flex-direction: column;
    gap: 36px
  }

  .srvs-pg .dark-band .db-right {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 320px) {
  .srvs-pg .top-band .band-h1 {
    font-size: 31px
  }

  .srvs-pg .srv-grid-sec .sec-intro h2 {
    font-size: 31px
  }

  .srvs-pg .detail-split h2 {
    font-size: 31px
  }

  .srvs-pg .dark-band h2 {
    font-size: 31px
  }

  .srvs-pg .dark-band .cta-row {
    flex-direction: column
  }
}

.success-pg {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 72px 16px;
  background: #fff
}

.success-pg .success-wrap {
  max-width: 560px;
  width: 100%;
  text-align: center;
  padding: 72px 36px;
  border-radius: 18px;
  box-shadow: 2px 6px 28px -2px #73b9681c;
  background: #fff;
  border-top: 4px solid #73B968
}

.success-pg .icon-ring {
  width: 72px;
  height: 72px;
  border-radius: 28px;
  background: linear-gradient(135deg, #73B968 0%, #a8d9a2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 36px;
  box-shadow: 2px 3px 3px -2px #73b9680f
}

.success-pg .icon-ring svg {
  display: block
}

.success-pg .success-heading {
  font-size: 41px;
  line-height: 1.2;
  color: #1b2a18;
  margin: 0 0 16px;
  font-weight: 700
}

.success-pg .success-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #3a4a38;
  margin: 0 0 36px
}

.success-pg .success-detail {
  font-size: 15px;
  line-height: 1.6;
  color: #5a6e58;
  margin: 0 0 36px;
  padding: 16px;
  background: #f4fbf3;
  border-radius: 10px;
  border-left: 3px solid #73B968;
  border-right: 1px solid #d4edd1;
  text-align: left
}

.success-pg .success-actions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap
}

.success-pg .btn-home {
  display: inline-block;
  padding: 16px 36px;
  background: #73B968;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 2px 6px 28px -2px #73b9681c
}

.success-pg .btn-home:hover {
  background: #5ea354;
  box-shadow: 2px 10px 52px -2px #73b9681c
}

.success-pg .btn-home:active {
  transform: scale(0.97)
}

.success-pg .btn-contact {
  display: inline-block;
  padding: 16px 36px;
  background: transparent;
  color: #73B968;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  border: 2px solid #73B968;
  cursor: pointer;
  transition: background-color .6s cubic-bezier(0.22, 1, 0.36, 1), color .6s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.success-pg .btn-contact:hover {
  background: #73B968;
  color: #fff
}

.success-pg .btn-contact:active {
  transform: scale(0.97)
}

.success-pg .divider-line {
  width: 48px;
  height: 3px;
  background: #FFE96B;
  border-radius: 3px;
  margin: 0 auto 36px
}

@media (max-width: 768px) {
  .success-pg .success-wrap {
    padding: 36px 16px
  }

  .success-pg .success-heading {
    font-size: 31px
  }

  .success-pg .success-actions {
    flex-direction: column;
    align-items: center
  }

  .success-pg .btn-home,
  .success-pg .btn-contact {
    width: 100%;
    text-align: center
  }
}