html {
box-sizing: border-box
}

*,
::before,
::after {
box-sizing: inherit
}

body {
margin: 0;
scrollbar-gutter: stable;
min-height: 100vh
}

.site-header {
position: relative;
background: linear-gradient(160deg, #0D1410 60%, #fffb9a12 100%);
border-bottom: 1px solid #fffb9a21;
box-shadow: 2px 7px 28px 0 #0d14101c;
z-index: 100;
overflow: visible
}

.hd-plate {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px
}

.hd-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0 16px;
gap: 24px
}

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

.brand-img-cell {
width: 68px;
height: 68px;
background: #fffb9a14;
border: 1px solid #fffb9a38;
border-radius: 16px;
box-shadow: 2px 2px 3px 0 #0d14100f 2px 7px 28px 0 #fffb9a1c;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .15s cubic-bezier(0.4, 0, 1, 1)
}

.brand-pod:hover .brand-img-cell {
border-color: #fffb9a80;
box-shadow: 2px 2px 3px 0 #0d14100f 2px 9px 60px 0 #fffb9a1f
}

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

.brand-text-pod {
display: flex;
flex-direction: column;
gap: 0
}

.brand-name {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 1.15;
color: #FFFB9A;
letter-spacing: .01em
}

.brand-descriptor {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #ffffff8c;
letter-spacing: .03em
}

.hd-contact-strip {
display: flex;
align-items: center;
gap: 24px;
flex-shrink: 0
}

.hd-phone {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 1.4;
color: #FFFB9A;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border: 1px solid #fffb9a40;
border-radius: 5px;
background: #fffb9a0d;
transition: border-color .1s cubic-bezier(0.4, 0, 1, 1), background .13s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px
}

.hd-phone:hover {
border-color: #fffb9a99;
background: #fffb9a1a
}

.hd-phone:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59
}

.hd-phone-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.hd-nav-deck {
border-top: 1px solid #fffb9a14;
padding: 0
}

.hd-nav {
display: flex;
align-items: stretch;
gap: 0;
flex-wrap: wrap
}

.hd-nav-link {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #ffffffbf;
text-decoration: none;
padding: 16px 24px;
display: flex;
align-items: center;
gap: 8px;
border-bottom: 2px solid transparent;
border-radius: 0;
transition: color .1s cubic-bezier(0.4, 0, 1, 1), border-bottom-color .13s cubic-bezier(0.4, 0, 1, 1), background .15s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px;
position: relative
}

.hd-nav-link:hover {
color: #FFFB9A;
border-bottom-color: #fffb9a66;
background: #fffb9a0a
}

.hd-nav-link:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59
}

.hd-nav-link.active {
color: #FFFB9A;
border-bottom-color: #FFFB9A;
font-weight: 700;
background: #fffb9a0f
}

.hd-nav-icon {
width: 14px;
height: 14px;
flex-shrink: 0;
opacity: .7
}

.site-footer {
background: #0D1410;
border-top: 1px solid #fffb9a1f;
box-shadow: 2px 2px 3px 0 #0d14100f
}

.ft-plate {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px
}

.ft-brand-row {
padding: 48px 0 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
border-bottom: 1px solid #fffb9a14
}

.ft-brand-pod {
display: flex;
align-items: center;
gap: 16px;
text-decoration: none
}

.ft-img-cell {
width: 68px;
height: 68px;
background: #fffb9a12;
border: 1px solid #fffb9a33;
border-radius: 16px;
box-shadow: 2px 2px 3px 0 #0d14100f 2px 7px 28px 0 #fffb9a1c;
display: flex;
align-items: center;
justify-content: center;
padding: 8px
}

.ft-img-cell img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}

.ft-brand-name {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 1.15;
color: #FFFB9A
}

.ft-tagline {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.6;
color: #fff9;
text-align: center;
max-width: 480px
}

.ft-cols-deck {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 48px;
padding: 48px 0
}

.ft-col-pod {
display: flex;
flex-direction: column;
gap: 16px
}

.ft-col-label {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 1.15;
color: #FFFB9A;
text-transform: uppercase;
letter-spacing: .1em
}

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

.ft-col-links li a {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.6;
color: #ffffffa6;
text-decoration: none;
transition: color .1s cubic-bezier(0.4, 0, 1, 1);
display: inline-flex;
align-items: center;
gap: 8px
}

.ft-col-links li a:hover {
color: #FFFB9A
}

.ft-col-links li a:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59;
border-radius: 2px
}

.ft-contact-item {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.6;
color: #ffffffa6;
display: flex;
align-items: flex-start;
gap: 8px
}

.ft-contact-item a {
color: #ffffffa6;
text-decoration: none;
transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ft-contact-item a:hover {
color: #FFFB9A
}

.ft-contact-item a:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59;
border-radius: 2px
}

.ft-contact-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-top: 3px;
opacity: .6
}

.ft-bottom-bar {
border-top: 1px solid #fffb9a14;
padding: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap
}

.ft-copy {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #fff6
}

.ft-legal-links {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0
}

.ft-legal-links li a {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #fff6;
text-decoration: none;
transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ft-legal-links li a:hover {
color: #fffb9acc
}

.ft-legal-links li a:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59;
border-radius: 2px
}

.ck-popup {
position: fixed;
bottom: 24px;
right: 24px;
width: 280px;
background: #0D1410;
border: 1px solid #fffb9a40;
border-radius: 16px;
box-shadow: 2px 9px 60px 0 #0d14101f 2px 7px 28px 0 #fffb9a1c;
padding: 24px;
z-index: 2000;
display: flex;
flex-direction: column;
gap: 16px
}

.ck-popup-text {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.6;
color: #ffffffbf
}

.ck-popup-text a {
color: #FFFB9A;
text-decoration: underline
}

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

.ck-accept {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 1.4;
color: #0D1410;
background: #FFFB9A;
border: 1px solid #FFFB9A;
border-radius: 5px;
padding: 8px 16px;
cursor: pointer;
min-height: 44px;
transition: border-color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ck-accept:hover {
border-color: #fff
}

.ck-accept:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59
}

.ck-decline {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #ffffff80;
background: transparent;
border: 1px solid #fff3;
border-radius: 5px;
padding: 8px 16px;
cursor: pointer;
min-height: 44px;
transition: border-color .13s cubic-bezier(0.4, 0, 1, 1), color .13s cubic-bezier(0.4, 0, 1, 1)
}

.ck-decline:hover {
border-color: #ffffff80;
color: #fffc
}

.ck-decline:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59
}

.ck-mini {
position: fixed;
bottom: 24px;
right: 24px;
background: #0D1410;
border: 1px solid #fffb9a40;
border-radius: 24px;
box-shadow: 2px 7px 28px 0 #0d14101c;
padding: 8px 16px;
z-index: 2000;
display: none;
align-items: center;
gap: 8px
}

.ck-mini-label {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #ffffff8c
}

.ck-mini-btn {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 1.4;
color: #FFFB9A;
background: transparent;
border: 1px solid #fffb9a4d;
border-radius: 5px;
padding: 4px 8px;
cursor: pointer;
min-height: 44px;
transition: border-color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ck-mini-btn:hover {
border-color: #fffb9ab3
}

.ck-mini-btn:focus {
outline: none;
box-shadow: 0 0 0 3px #fffb9a59
}

@media (max-width: 960px) {
.ft-cols-deck {
grid-template-columns: 1fr 1fr;
gap: 24px
}

.hd-contact-strip {
display: none
}
}

@media (max-width: 480px) {
.ft-cols-deck {
grid-template-columns: 1fr;
gap: 24px
}

.hd-nav-link {
padding: 16px;
font-size: 13px
}

.ft-bottom-bar {
flex-direction: column;
align-items: flex-start
}

.ck-popup {
right: 16px;
left: 16px;
width: auto;
bottom: 16px
}

.ck-mini {
right: 16px;
bottom: 16px
}
}

.policy-box {
max-width: 1200px;
margin: 0 auto;
padding: 48px 24px;
color: #FFF;
background: #0D1410;
line-height: 1.6
}

.policy-box h1 {
font-size: clamp(32px, 5vw, 62px);
line-height: 1.15;
color: #FFFB9A;
margin-bottom: 24px;
margin-top: 0;
letter-spacing: .04em;
text-transform: uppercase
}

.policy-box h2 {
font-size: clamp(23px, 3vw, 45px);
line-height: 1.15;
color: #FFFB9A;
margin-top: 48px;
margin-bottom: 16px;
letter-spacing: .03em;
text-transform: uppercase
}

.policy-box h3 {
font-size: clamp(15px, 2.2vw, 32px);
line-height: 1.4;
color: #FFFB9A;
margin-top: 48px;
margin-bottom: 16px
}

.policy-box h4 {
font-size: clamp(15px, 1.8vw, 23px);
line-height: 1.4;
color: #FFFB9A;
margin-top: 24px;
margin-bottom: 8px
}

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

.policy-box h6 {
font-size: 13px;
line-height: 1.6;
color: #fffb9aa6;
margin-top: 16px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: .08em
}

.policy-box ul {
margin: 16px 0;
padding-left: 24px;
list-style: none
}

.policy-box ul li {
position: relative;
padding-left: 16px;
margin-bottom: 8px;
font-size: 15px;
line-height: 1.6;
color: #ffffffe6
}

.policy-box ul li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 5px;
height: 5px;
border-radius: 2px;
background: #FFFB9A;
opacity: .7
}

.policy-box ol {
margin: 16px 0;
padding-left: 24px;
counter-reset: policy-counter;
list-style: none
}

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

.policy-box ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: -16px;
color: #FFFB9A;
font-size: 13px;
opacity: .8;
line-height: 1.6
}

.policy-box ul ul,
.policy-box ol ol,
.policy-box ul ol,
.policy-box ol ul {
margin: 8px 0
}

.policy-box em,
.policy-box i {
color: #fffb9ad9;
font-style: italic
}

.policy-box a {
color: #FFFB9A;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: #fffb9a66;
transition: color .12s cubic-bezier(0.4, 0, 1, 1), text-decoration-color .16s ease-in
}

.policy-box a:hover {
color: #FFF;
text-decoration-color: #fff9
}

.policy-box a:focus-visible {
outline: 2px solid #FFFB9A;
outline-offset: 2px;
border-radius: 2px
}

.policy-box hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, #fffb9a40 30%, #fffb9a40 70%, transparent);
margin: 48px 0
}

.policy-box div {
font-size: 15px;
line-height: 1.6;
color: #ffffffe0
}

.policy-box div+div {
margin-top: 16px
}

@media (max-width: 960px) {
.policy-box {
padding: 48px 16px
}

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

.policy-box h3 {
margin-top: 24px
}
}

@media (max-width: 480px) {
.policy-box {
padding: 24px 16px
}

.policy-box h1 {
font-size: 32px
}

.policy-box h2 {
font-size: 23px;
margin-top: 24px
}

.policy-box h3 {
font-size: 15px
}

.policy-box ul li,
.policy-box ol li {
font-size: 13px
}

.policy-box div {
font-size: 13px
}

.policy-box hr {
margin: 24px 0
}
}

.frst {
background: #0D1410;
color: #FFF;
overflow-x: clip;
padding: 0
}

.frst .pg-band {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px
}

.frst ::selection {
background: linear-gradient(to left, #FFFB9A, #0D1410);
color: #FFFB9A
}

.frst .dot-div {
border: none;
border-top: 2px dotted #fffb9a59;
margin: 0;
height: 0
}

.frst .overline-label {
display: block;
font-size: 13px;
line-height: 1.15;
letter-spacing: .12em;
text-transform: uppercase;
color: #FFFB9A;
margin-bottom: 8px
}

.frst .prefix-shape {
display: inline-block;
width: 10px;
height: 10px;
background: #FFFB9A;
border-radius: 2px;
margin-right: 8px;
vertical-align: middle;
position: relative;
top: -2px
}

.frst .title-band {
padding: 48px 0 24px;
background: linear-gradient(to left, #0D1410 60%, #fffb9a0f 100%)
}

.frst .title-band .pg-band {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px
}

.frst .title-img-col {
flex: 0 0 220px;
position: relative
}

.frst .title-img-wrap {
width: 220px;
height: 220px;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 7px 28px 0 #0d14101c
}

.frst .title-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(100%);
aspect-ratio: 1/1
}

.frst .title-deco {
position: absolute;
inset: -8px -8px -8px -8px;
border: 2px solid #fffb9a2e;
border-radius: 24px;
pointer-events: none;
z-index: 0
}

.frst .title-text-col {
flex: 1 1 0
}

.frst .title-h1 {
font-size: clamp(32px, 5vw, 62px);
line-height: 1.15;
color: #FFF;
margin: 0
}

.frst .title-h1 .acc {
color: #FFFB9A
}

.frst .current-sec {
padding: 48px 0;
background: linear-gradient(to left, #0D1410, #fffb9a0a 100%)
}

.frst .current-sec .pg-band {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
align-items: start
}

.frst .cur-lead {
grid-column: 1 / 2
}

.frst .cur-lead-h2 {
font-size: clamp(23px, 3vw, 32px);
line-height: 1.4;
color: #FFF;
margin: 0 0 16px
}

.frst .cur-lead-p {
font-size: 15px;
line-height: 1.6;
color: #ffffffd1;
margin: 0 0 16px
}

.frst .cur-stats {
grid-column: 2 / 4;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.frst .stat-card {
background: #fffb9a0d;
border: 1px solid #fffb9a24;
border-radius: 16px;
padding: 24px;
box-shadow: 2px 2px 3px 0 #0d14100f;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), background .16s ease-in
}

.frst .stat-card:hover {
border-color: #fffb9a66;
background: #fffb9a17
}

.frst .stat-num {
font-size: clamp(32px, 4vw, 45px);
line-height: 1.15;
color: #FFFB9A;
display: block;
margin-bottom: 8px
}

.frst .stat-desc {
font-size: 13px;
line-height: 1.6;
color: #ffffffbf
}

.frst .cur-img-wrap {
display: none
}

.frst .approach-sec {
padding: 48px 0;
background: #0D1410;
border-top: 1px solid #fffb9a14
}

.frst .approach-sec .pg-band {
display: flex;
flex-direction: row;
gap: 48px;
align-items: start
}

.frst .approach-img-col {
flex: 0 0 280px
}

.frst .approach-img-wrap {
width: 280px;
height: 280px;
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 9px 60px 0 #fffb9a1f
}

.frst .approach-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
aspect-ratio: 1/1;
transition: transform .18s cubic-bezier(0.4, 0, 1, 1)
}

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

.frst .approach-text {
flex: 1 1 0
}

.frst .approach-h2 {
font-size: clamp(23px, 3vw, 32px);
line-height: 1.4;
color: #FFF;
margin: 0 0 16px
}

.frst .approach-body {
font-size: 15px;
line-height: 1.6;
color: #ffffffd1;
margin: 0 0 16px
}

.frst .approach-body.narrow {
max-width: 420px
}

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

.frst .step-item {
display: flex;
flex-direction: row;
align-items: start;
gap: 16px;
padding: 16px;
border-radius: 5px;
border: 1px solid #fffb9a1a;
background: #fffb9a08;
transition: border-color .14s ease-in
}

.frst .step-item:hover {
border-color: #fffb9a4d
}

.frst .step-num {
font-size: 23px;
line-height: 1.15;
color: #FFFB9A;
flex: 0 0 32px;
font-weight: 700
}

.frst .step-body {
flex: 1 1 0
}

.frst .step-label {
font-size: 15px;
line-height: 1.4;
color: #FFF;
display: block;
margin-bottom: 8px
}

.frst .step-detail {
font-size: 13px;
line-height: 1.6;
color: #ffffffad;
margin: 0
}

.frst .rep-sec {
padding: 48px 0;
background: linear-gradient(to left, #fffb9a12 0%, #0D1410 70%)
}

.frst .rep-sec .pg-band {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.frst .rep-text {
display: flex;
flex-direction: column;
gap: 16px
}

.frst .rep-h2 {
font-size: clamp(23px, 3vw, 32px);
line-height: 1.4;
color: #FFF;
margin: 0
}

.frst .rep-intro {
font-size: 15px;
line-height: 1.6;
color: #ffffffd1;
margin: 0
}

.frst .ref-cards {
display: flex;
flex-direction: column;
gap: 16px
}

.frst .ref-card {
border-left: 3px solid #FFFB9A;
border-top: 1px solid #fffb9a26;
border-right: 1px solid #fffb9a14;
border-bottom: 1px solid #fffb9a14;
border-radius: 2px;
padding: 16px 24px;
background: #fffb9a0a;
box-shadow: 2px 2px 3px 0 #0d14100f;
transition: background .15s ease-in, border-color .12s cubic-bezier(0.4, 0, 1, 1)
}

.frst .ref-card:hover {
background: #fffb9a17
}

.frst .ref-quote {
font-size: 15px;
line-height: 1.6;
color: #ffffffe0;
margin: 0 0 8px
}

.frst .ref-name {
font-size: 13px;
line-height: 1.15;
color: #FFFB9A;
letter-spacing: .06em
}

.frst .rep-img-wrap {
width: 100%;
aspect-ratio: 1/1;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 7px 28px 0 #fffb9a1c
}

.frst .rep-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.frst .value-sec {
padding: 48px 0;
background: #0D1410;
border-top: 1px solid #fffb9a14
}

.frst .value-sec .pg-band {
display: flex;
flex-direction: column;
gap: 24px
}

.frst .value-top {
display: flex;
flex-direction: row;
gap: 48px;
align-items: start
}

.frst .value-h2 {
font-size: clamp(23px, 3vw, 32px);
line-height: 1.4;
color: #FFF;
margin: 0;
flex: 0 0 320px
}

.frst .value-intro {
font-size: 15px;
line-height: 1.6;
color: #ffffffd1;
margin: 0;
flex: 1 1 0
}

.frst .value-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.frst .val-item {
background: #fffb9a0a;
border: 1px solid #fffb9a1f;
border-radius: 16px;
padding: 24px;
position: relative;
overflow: hidden;
transition: border-color .13s cubic-bezier(0.4, 0, 1, 1)
}

.frst .val-item::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: #fffb9a0f;
transition: width .16s ease-in;
pointer-events: none;
border-radius: 16px
}

.frst .val-item:hover::after {
width: 100%
}

.frst .val-item:hover {
border-color: #fffb9a52
}

.frst .val-icon {
width: 32px;
height: 32px;
margin-bottom: 16px
}

.frst .val-heading {
font-size: 15px;
line-height: 1.4;
color: #FFFB9A;
margin: 0 0 8px
}

.frst .val-desc {
font-size: 13px;
line-height: 1.6;
color: #ffffffb8;
margin: 0
}

.frst .value-close {
font-size: 15px;
line-height: 1.6;
color: #ffffffbf;
margin: 0;
text-align: center;
max-width: 640px;
align-self: center
}

.frst .stat-card .stat-desc .ltr {
display: inline-block;
transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.frst .stat-card:hover .ltr:nth-child(1) {
color: #FFFB9A;
transition-delay: 0s
}

.frst .stat-card:hover .ltr:nth-child(2) {
color: #FFFB9A;
transition-delay: .02s
}

.frst .stat-card:hover .ltr:nth-child(3) {
color: #FFFB9A;
transition-delay: .04s
}

.frst .stat-card:hover .ltr:nth-child(4) {
color: #FFFB9A;
transition-delay: .06s
}

.frst .stat-card:hover .ltr:nth-child(5) {
color: #FFFB9A;
transition-delay: .08s
}

.frst .stat-card:hover .ltr:nth-child(6) {
color: #FFFB9A;
transition-delay: .1s
}

.frst .stat-card:hover .ltr:nth-child(7) {
color: #FFFB9A;
transition-delay: .12s
}

.frst .stat-card:hover .ltr:nth-child(8) {
color: #FFFB9A;
transition-delay: .14s
}

.frst .stat-card:hover .ltr:nth-child(9) {
color: #FFFB9A;
transition-delay: .16s
}

.frst .stat-card:hover .ltr:nth-child(10) {
color: #FFFB9A;
transition-delay: .18s
}

.frst .stat-card:hover .ltr:nth-child(n+11) {
color: #FFFB9A;
transition-delay: .2s
}

@media (max-width: 960px) {
.frst .title-band .pg-band {
flex-direction: column;
gap: 24px
}

.frst .title-img-col {
flex: 0 0 auto
}

.frst .title-img-wrap {
width: 160px;
height: 160px
}

.frst .current-sec .pg-band {
grid-template-columns: 1fr
}

.frst .cur-stats {
grid-column: 1 / 2
}

.frst .approach-sec .pg-band {
flex-direction: column
}

.frst .approach-img-col {
flex: 0 0 auto
}

.frst .approach-img-wrap {
width: 100%;
height: 240px
}

.frst .rep-sec .pg-band {
grid-template-columns: 1fr
}

.frst .rep-img-wrap {
max-width: 320px
}

.frst .value-top {
flex-direction: column;
gap: 16px
}

.frst .value-h2 {
flex: 0 0 auto
}

.frst .value-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 480px) {
.frst .cur-stats {
grid-template-columns: 1fr
}

.frst .value-grid {
grid-template-columns: 1fr
}

.frst .title-h1 {
font-size: 32px
}
}

.abt-us {
background: #0D1410;
overflow-x: clip;
position: relative
}

.abt-us .divider-asym {
display: flex;
align-items: center;
gap: 8px;
padding: 0 48px
}

.abt-us .divider-asym span {
display: block;
height: 1px;
background: #fffb9a2e
}

.abt-us .divider-asym span:first-child {
width: 60px
}

.abt-us .divider-asym span:last-child {
flex: 1
}

.abt-us .overline-label {
display: block;
font-size: 13px;
line-height: 2;
letter-spacing: .12em;
text-transform: uppercase;
color: #FFFB9A;
margin-bottom: 8px
}

.abt-us .title-block {
display: grid;
grid-template-columns: 1fr 1.6fr;
min-height: 560px;
position: relative
}

.abt-us .tb-img-col {
position: relative;
overflow: hidden;
border-radius: 0 0 0 0
}

.abt-us .tb-img-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
aspect-ratio: 1/1
}

.abt-us .tb-light-leak {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #fffb9a38 0%, transparent 45%);
pointer-events: none
}

.abt-us .tb-blob1 {
position: absolute;
width: 320px;
height: 320px;
border-radius: 50%;
background: #fffb9a12;
filter: blur(60px);
top: -80px;
right: 40px;
pointer-events: none
}

.abt-us .tb-blob2 {
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
background: #0d14108c;
filter: blur(40px);
bottom: 40px;
left: 20px;
pointer-events: none
}

.abt-us .tb-text-col {
padding: 48px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
background: linear-gradient(to left, #0D1410 60%, #0d1410d9)
}

.abt-us .tb-text-col .tb-heading {
font-size: 62px;
line-height: 1.15;
color: #FFF;
margin: 0 0 24px;
max-width: 560px
}

.abt-us .tb-text-col .tb-heading em {
font-style: normal;
border-bottom: 3px solid #FFFB9A;
padding-bottom: 2px
}

.abt-us .tb-text-col .tb-lead {
font-size: 15px;
line-height: 1.6;
color: #ffffffd1;
max-width: 440px;
margin: 0 0 24px
}

.abt-us .tb-text-col .tb-sub {
font-size: 13px;
line-height: 1.6;
color: #ffffff8c;
max-width: 400px;
margin: 0
}

.abt-us .tb-dashed-frame {
position: absolute;
top: 24px;
right: 24px;
bottom: 24px;
left: 24px;
border: 1px dashed #fffb9a24;
border-radius: 5px;
pointer-events: none
}

.abt-us .cols-three {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
margin: 48px 48px 0;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 9px 60px 0 #0d14101f
}

.abt-us .col-a {
background: linear-gradient(to left, #1a2b1f, #0D1410);
padding: 48px 24px;
border-right: 1px solid #fffb9a14
}

.abt-us .col-b {
background: linear-gradient(to left, #fffb9a17, #fffb9a08);
padding: 48px 24px;
border-right: 1px solid #fffb9a14;
position: relative
}

.abt-us .col-b::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(to left, #FFFB9A, #0D1410);
border-radius: 2px 2px 0 0
}

.abt-us .col-c {
background: #0D1410;
padding: 48px 24px;
position: relative;
overflow: hidden
}

.abt-us .col-c-img {
position: absolute;
inset: 0;
z-index: 0
}

.abt-us .col-c-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
opacity: .28
}

.abt-us .col-c-body {
position: relative;
z-index: 1
}

.abt-us .col-heading {
font-size: 23px;
line-height: 1.4;
color: #FFF;
margin: 16px 0
}

.abt-us .col-para {
font-size: 15px;
line-height: 1.6;
color: #ffffffb8;
margin: 0 0 16px
}

.abt-us .col-para:last-child {
margin-bottom: 0
}

.abt-us .col-stat {
font-size: 45px;
line-height: 1.15;
color: #FFFB9A;
margin: 24px 0 8px
}

.abt-us .col-stat-label {
font-size: 13px;
line-height: 1.6;
color: #ffffff80;
text-transform: uppercase;
letter-spacing: .1em
}

.abt-us .dense-block {
margin: 48px;
display: grid;
grid-template-columns: 1fr 1.4fr 1fr;
gap: 16px;
align-items: start
}

.abt-us .dense-edge {
padding: 24px 16px;
border-radius: 5px;
background: #ffffff08;
border: 1px solid #fffb9a12
}

.abt-us .dense-center {
padding: 48px 24px;
border-radius: 16px;
background: linear-gradient(to left, #fffb9a1c, #0d1410f2);
border: 1px solid #fffb9a2e;
box-shadow: 2px 7px 28px 0 #fffb9a1c;
position: relative
}

.abt-us .dense-center-deco {
position: absolute;
top: 16px;
right: 16px;
bottom: 16px;
left: 16px;
border: 1px dashed #fffb9a1f;
border-radius: 5px;
pointer-events: none
}

.abt-us .dense-edge-heading {
font-size: 15px;
line-height: 1.4;
color: #FFFB9A;
margin: 0 0 8px
}

.abt-us .dense-edge-text {
font-size: 13px;
line-height: 1.6;
color: #ffffffa6;
margin: 0
}

.abt-us .dense-center-heading {
font-size: 32px;
line-height: 1.4;
color: #FFF;
margin: 16px 0
}

.abt-us .dense-center-body {
font-size: 15px;
line-height: 1.6;
color: #ffffffc7;
margin: 0 0 16px
}

.abt-us .dense-center-body:last-of-type {
margin-bottom: 24px
}

.abt-us .dc-img-wrap {
border-radius: 5px;
overflow: hidden;
margin-top: 24px;
aspect-ratio: 1/1;
width: 100%
}

.abt-us .dc-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.abt-us .dense-items {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .dense-item {
padding: 16px;
border-radius: 5px;
background: #ffffff08;
border: 1px solid #fffb9a12;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), background .15s cubic-bezier(0.4, 0, 1, 1)
}

.abt-us .dense-item:hover {
border-color: #fffb9a38;
background: #fffb9a0d
}

.abt-us .di-label {
font-size: 13px;
line-height: 1.4;
color: #FFFB9A;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0 0 8px
}

.abt-us .di-text {
font-size: 13px;
line-height: 1.6;
color: #ffffff9e;
margin: 0
}

@keyframes abt-bounce-in {
0% {
opacity: 0;
transform: translateY(18px)
}

70% {
opacity: 1;
transform: translateY(-4px)
}

85% {
transform: translateY(2px)
}

100% {
opacity: 1;
transform: translateY(0)
}
}

.abt-us .col-stat {
animation: abt-bounce-in .55s cubic-bezier(0.4, 0, 1, 1) both
}

.abt-us .cols-three .col-a .col-stat {
animation-delay: .05s
}

.abt-us .cols-three .col-b .col-stat {
animation-delay: .12s
}

@media (max-width: 960px) {
.abt-us .title-block {
grid-template-columns: 1fr
}

.abt-us .tb-img-col {
height: 280px
}

.abt-us .tb-text-col .tb-heading {
font-size: 45px
}

.abt-us .cols-three {
grid-template-columns: 1fr;
margin: 24px 24px 0
}

.abt-us .col-a,
.abt-us .col-b,
.abt-us .col-c {
border-right: none;
border-bottom: 1px solid #fffb9a14
}

.abt-us .dense-block {
grid-template-columns: 1fr;
margin: 24px
}

.abt-us .tb-text-col {
padding: 24px
}

.abt-us .divider-asym {
padding: 0 24px
}
}

@media (max-width: 480px) {
.abt-us .tb-text-col .tb-heading {
font-size: 32px
}

.abt-us .cols-three {
margin: 16px 16px 0
}

.abt-us .dense-block {
margin: 16px
}

.abt-us .col-a,
.abt-us .col-b,
.abt-us .col-c {
padding: 24px 16px
}

.abt-us .dense-center {
padding: 24px 16px
}
}

@media (min-width: 1440px) {

.abt-us .title-block,
.abt-us .cols-three,
.abt-us .dense-block,
.abt-us .divider-asym {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}

.abt-us .cols-three {
margin-top: 48px;
margin-bottom: 0
}

.abt-us .dense-block {
margin-top: 48px;
margin-bottom: 48px
}
}

.qzpg {
background-color: #0D1410;
color: #FFF;
overflow-x: clip;
padding: 0
}

.qzpg .qz-hero {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
background: linear-gradient(to left, #0D1410 60%, #2a2e1a 100%);
overflow: hidden
}

.qzpg .qz-hero::before {
content: '';
position: absolute;
top: -80px;
left: -80px;
width: 340px;
height: 340px;
background: #fffb9a12;
border-radius: 50%;
filter: blur(80px);
pointer-events: none
}

.qzpg .qz-hero::after {
content: '';
position: absolute;
bottom: -60px;
right: 30%;
width: 200px;
height: 200px;
background: #fffb9a0d;
border-radius: 50%;
filter: blur(60px);
pointer-events: none
}

.qzpg .qz-hero-img {
position: relative;
overflow: hidden
}

.qzpg .qz-hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
aspect-ratio: 1/1
}

.qzpg .qz-hero-img .scanlines {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, #0d14102e 0px, #0d14102e 1px, transparent 1px, transparent 4px);
pointer-events: none
}

.qzpg .qz-hero-img .img-grad {
position: absolute;
inset: 0;
background: linear-gradient(to left, #0D1410 0%, #0d14104d 60%, transparent 100%);
pointer-events: none
}

.qzpg .qz-hero-text {
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px;
position: relative;
z-index: 1
}

.qzpg .qz-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fffb9a1a;
border: 1px solid #fffb9a40;
border-radius: 16px;
padding: 8px 16px;
font-size: 13px;
color: #FFFB9A;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 24px;
width: fit-content;
animation: fadeBlurIn .16s cubic-bezier(0.4, 0, 1, 1) both
}

.qzpg .qz-eyebrow svg {
width: 14px;
height: 14px;
flex-shrink: 0
}

.qzpg .qz-hero-h1 {
font-size: clamp(32px, 5vw, 62px);
line-height: 1.15;
color: #FFF;
margin: 0 0 24px;
animation: fadeBlurIn .14s cubic-bezier(0.4, 0, 1, 1) .04s both
}

.qzpg .qz-hero-h1 span {
color: #FFFB9A
}

.qzpg .qz-deco-strokes {
position: absolute;
bottom: 48px;
right: 48px;
display: flex;
flex-direction: column;
gap: 8px;
opacity: .18;
pointer-events: none
}

.qzpg .qz-deco-strokes span {
display: block;
height: 2px;
background: #FFFB9A;
border-radius: 2px
}

.qzpg .qz-quiz-area {
position: relative;
padding: 48px 24px;
background: #0D1410
}

.qzpg .qz-quiz-area::before {
content: '';
display: block;
height: 32px;
background: #0D1410;
border-radius: 0 0 50% 50% / 0 0 32px 32px;
margin-top: -32px;
position: relative;
z-index: 2
}

.qzpg .qz-quiz-inner {
max-width: 1200px;
margin: 0 auto
}

.qzpg .qz-quiz-label {
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #FFFB9A;
margin-bottom: 8px;
display: block
}

.qzpg .qz-quiz-h2 {
font-size: clamp(23px, 3vw, 32px);
line-height: 1.4;
color: #FFF;
margin: 0 0 48px
}

.qzpg .qz-questions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.qzpg .qz-q {
background: #fffb9a0a;
border: 1px solid #fffb9a1a;
border-radius: 16px;
padding: 24px;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), background .15s cubic-bezier(0.4, 0, 1, 1)
}

.qzpg .qz-questions:has(.qz-q:hover) .qz-q:not(:hover) {
opacity: .5;
transition: opacity .1s cubic-bezier(0.4, 0, 1, 1)
}

.qzpg .qz-q:hover {
border-color: #fffb9a66;
background: #fffb9a12
}

.qzpg .qz-q-num {
font-size: 13px;
color: #FFFB9A;
margin-bottom: 8px;
display: block;
letter-spacing: .06em
}

.qzpg .qz-q-text {
font-size: 15px;
line-height: 1.6;
color: #FFF;
margin: 0 0 16px
}

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

.qzpg .qz-opts li {
display: flex;
align-items: flex-start;
gap: 8px
}

.qzpg .qz-opts li label {
font-size: 13px;
line-height: 1.6;
color: #fffc;
cursor: pointer;
display: flex;
align-items: flex-start;
gap: 8px;
width: 100%;
border-radius: 5px;
padding: 8px;
transition: background .1s cubic-bezier(0.4, 0, 1, 1), color .12s cubic-bezier(0.4, 0, 1, 1)
}

.qzpg .qz-opts li label:hover {
background: #fffb9a14;
color: #FFFB9A
}

.qzpg .qz-opts input[type="radio"] {
accent-color: #FFFB9A;
flex-shrink: 0;
margin-top: 3px;
cursor: pointer
}

.qzpg .qz-opts input[type="radio"]:focus-visible {
outline: 2px solid #FFFB9A;
outline-offset: 2px
}

.qzpg .qz-q.wide {
grid-column: span 2
}

.qzpg .qz-submit-row {
margin-top: 48px;
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.qzpg .qz-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #FFFB9A;
color: #0D1410;
border: 2px solid #FFFB9A;
border-radius: 5px;
padding: 16px 24px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: border-color .13s cubic-bezier(0.4, 0, 1, 1), color .15s cubic-bezier(0.4, 0, 1, 1);
text-decoration: none
}

.qzpg .qz-btn:hover {
border-color: #FFF;
color: #0D1410
}

.qzpg .qz-btn:focus-visible {
outline: 2px solid #FFF;
outline-offset: 3px
}

.qzpg .qz-btn svg {
width: 16px;
height: 16px;
flex-shrink: 0
}

.qzpg .qz-note {
font-size: 13px;
color: #ffffff80;
line-height: 1.6
}

.qzpg .qz-result-box {
display: none;
margin-top: 48px;
background: #fffb9a0f;
border: 1px solid #fffb9a33;
border-radius: 16px;
padding: 24px
}

.qzpg .qz-result-box.visible {
display: block
}

.qzpg .qz-result-box h3 {
font-size: 23px;
line-height: 1.4;
color: #FFFB9A;
margin: 0 0 8px
}

.qzpg .qz-result-box p {
font-size: 15px;
line-height: 1.6;
color: #ffffffd9;
margin: 0
}

.qzpg .qz-score-line {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.qzpg .qz-score-pill {
background: #FFFB9A;
color: #0D1410;
border-radius: 24px;
padding: 8px 16px;
font-size: 23px;
font-weight: 700;
line-height: 1.15
}

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

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

@media (max-width: 960px) {
.qzpg .qz-hero {
grid-template-columns: 1fr
}

.qzpg .qz-hero-img {
height: 280px
}

.qzpg .qz-hero-img img {
aspect-ratio: auto;
height: 280px
}

.qzpg .qz-hero-text {
padding: 48px 24px
}

.qzpg .qz-questions {
grid-template-columns: 1fr
}

.qzpg .qz-q.wide {
grid-column: span 1
}

.qzpg .qz-deco-strokes {
display: none
}
}

@media (max-width: 480px) {
.qzpg .qz-hero-text {
padding: 24px 16px
}

.qzpg .qz-quiz-area {
padding: 24px 16px
}

.qzpg .qz-submit-row {
flex-direction: column;
align-items: flex-start
}
}

.ctus {
background: #0D1410;
color: #FFF;
position: relative;
overflow: hidden
}

.ctus .bg-rings {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 800px;
height: 800px;
pointer-events: none;
z-index: 0
}

.ctus .bg-rings span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid #fffb9a0a;
animation: ring-expand 6s cubic-bezier(0.4, 0, 1, 1) infinite
}

.ctus .bg-rings span:nth-child(1) {
width: 200px;
height: 200px;
animation-delay: 0s
}

.ctus .bg-rings span:nth-child(2) {
width: 400px;
height: 400px;
animation-delay: 2s
}

.ctus .bg-rings span:nth-child(3) {
width: 600px;
height: 600px;
animation-delay: 4s
}

.ctus .bg-rings span:nth-child(4) {
width: 800px;
height: 800px;
animation-delay: 1s
}

@keyframes ring-expand {
0% {
opacity: .08;
transform: translate(-50%, -50%) scale(0.8)
}

60% {
opacity: .04
}

100% {
opacity: 0;
transform: translate(-50%, -50%) scale(1.1)
}
}

.ctus .reach-block {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.ctus .reach-label {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #FFFB9A;
margin-bottom: 16px;
display: block
}

.ctus .reach-heading {
font-size: 45px;
line-height: 1.15;
color: #FFF;
margin: 0 0 24px
}

.ctus .reach-heading em {
font-style: normal;
color: #FFFB9A
}

.ctus .reach-desc {
font-size: 15px;
line-height: 1.6;
color: #ffffffbf;
margin: 0 0 24px;
max-width: 480px
}

.ctus .reach-shape {
width: 100%;
aspect-ratio: 1/1;
position: relative;
display: flex;
align-items: center;
justify-content: center
}

.ctus .reach-shape-inner {
width: 80%;
height: 80%;
background: linear-gradient(to left, #fffb9a1f, #0d141066);
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
border: 1px solid #fffb9a26;
position: relative
}

.ctus .reach-shape-inner::before {
content: '';
position: absolute;
inset: 8px;
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
border: 1px solid #fffb9a14
}

.ctus .shape-stat {
text-align: center
}

.ctus .shape-stat-num {
font-size: 45px;
line-height: 1.15;
color: #FFFB9A;
display: block
}

.ctus .shape-stat-lbl {
font-size: 13px;
color: #fff9;
text-transform: uppercase;
letter-spacing: .08em
}

.ctus .shape-divider {
width: 40px;
height: 1px;
background: #fffb9a4d
}

.ctus .contact-strip {
position: relative;
z-index: 1;
background: linear-gradient(to left, #fffb9a0f, #0d141000);
border-top: 1px solid #fffb9a1a;
border-bottom: 1px solid #fffb9a1a
}

.ctus .strip-inner {
max-width: 1200px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px
}

.ctus .contact-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 24px;
border: 1px solid #fffb9a14;
border-radius: 5px;
background: #0d141099;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1)
}

.ctus .contact-item:hover {
border-color: #fffb9a4d
}

.ctus .contact-item:hover+.contact-item {
border-color: #fffb9a2e
}

.ctus .ci-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
background: #fffb9a14
}

.ctus .ci-icon svg {
width: 20px;
height: 20px;
fill: none;
stroke: #FFFB9A;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round
}

.ctus .ci-body {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus .ci-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .1em;
color: #ffffff73
}

.ctus .ci-val {
font-size: 15px;
line-height: 1.4;
color: #FFF
}

.ctus .ci-val a {
color: #FFFB9A;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ctus .ci-val a::after {
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #FFFB9A;
margin-left: 3px;
vertical-align: middle;
position: relative;
top: -1px
}

.ctus .ci-val a:hover {
color: #FFF
}

.ctus .form-block {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 5fr 7fr;
gap: 48px;
align-items: start
}

.ctus .form-meta {
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 24px
}

.ctus .form-overline {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .12em;
color: #FFFB9A
}

.ctus .form-heading {
font-size: 32px;
line-height: 1.15;
color: #FFF;
margin: 0
}

.ctus .form-note {
font-size: 15px;
line-height: 1.6;
color: #ffffffa6;
margin: 0
}

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

.ctus .pyramid-row {
display: flex;
align-items: center;
gap: 8px
}

.ctus .pyramid-bar {
height: 28px;
border-radius: 2px;
display: flex;
align-items: center;
padding: 0 8px
}

.ctus .pyramid-bar.p-low {
width: 100%;
background: #fffb9a0f;
border: 1px solid #fffb9a1f
}

.ctus .pyramid-bar.p-mid {
width: 72%;
background: #fffb9a1a;
border: 1px solid #fffb9a33
}

.ctus .pyramid-bar.p-high {
width: 44%;
background: #fffb9a2e;
border: 1px solid #fffb9a59
}

.ctus .pyramid-bar.p-urgent {
width: 24%;
background: #fffb9a4d;
border: 1px solid #fffb9a99
}

.ctus .pyramid-txt {
font-size: 13px;
color: #ffffff8c;
white-space: nowrap
}

.ctus .pyramid-bar-lbl {
font-size: 11px;
color: #ffffff80;
white-space: nowrap;
overflow: hidden
}

.ctus .pyramid-bar.p-urgent .pyramid-bar-lbl,
.ctus .pyramid-bar.p-high .pyramid-bar-lbl {
color: #FFFB9A
}

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

.ctus .field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

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

.ctus .field-group label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .09em;
color: #ffffff8c
}

.ctus .field-group input,
.ctus .field-group select,
.ctus .field-group textarea {
background: #ffffff0a;
border: 1px solid #fffb9a26;
border-radius: 5px;
color: #FFF;
font-size: 15px;
line-height: 1.4;
padding: 12px 16px;
width: 100%;
box-sizing: border-box;
transition: border-color .14s cubic-bezier(0.4, 0, 1, 1), background .16s cubic-bezier(0.4, 0, 1, 1);
appearance: none;
-webkit-appearance: none
}

.ctus .field-group input::placeholder,
.ctus .field-group textarea::placeholder {
color: #ffffff40
}

.ctus .field-group input:focus,
.ctus .field-group select:focus,
.ctus .field-group textarea:focus {
outline: none;
border-color: #fffb9a80;
background: #fffb9a0a
}

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

.ctus .field-group select option {
background: #0D1410;
color: #FFF
}

.ctus .field-group textarea {
resize: vertical;
min-height: 100px
}

.ctus .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
padding: 16px;
border: 1px solid #fffb9a1a;
border-radius: 5px;
background: #fffb9a08
}

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

.ctus .privacy-text {
font-size: 13px;
line-height: 1.6;
color: #fff9;
margin: 0
}

.ctus .privacy-text a {
color: #FFFB9A;
text-decoration: underline;
text-underline-offset: 2px
}

.ctus .privacy-text a::after {
content: '';
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #FFFB9A;
margin-left: 2px;
vertical-align: middle;
position: relative;
top: -1px
}

.ctus .submit-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.ctus .btn-submit {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 14px 24px;
background: #FFFB9A;
color: #0D1410;
border: 2px solid #FFFB9A;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), color .14s cubic-bezier(0.4, 0, 1, 1);
letter-spacing: .04em
}

.ctus .btn-submit:hover {
border-color: #FFF;
color: #0D1410
}

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

.ctus .btn-submit svg {
width: 16px;
height: 16px;
fill: none;
stroke: #0D1410;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.ctus .submit-hint {
font-size: 13px;
color: #fff6
}

@media (max-width: 960px) {
.ctus .reach-block {
grid-template-columns: 1fr;
gap: 24px
}

.ctus .reach-shape {
max-width: 320px;
margin: 0 auto
}

.ctus .strip-inner {
grid-template-columns: 1fr;
gap: 16px
}

.ctus .form-block {
grid-template-columns: 1fr;
gap: 24px
}

.ctus .form-meta {
position: static
}

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

.ctus .reach-heading {
font-size: 32px
}
}

@media (max-width: 480px) {

.ctus .reach-block,
.ctus .form-block {
padding: 24px 16px
}

.ctus .strip-inner {
padding: 24px 16px
}

.ctus .reach-heading {
font-size: 23px
}

.ctus .form-heading {
font-size: 23px
}

.ctus .submit-row {
flex-direction: column;
align-items: flex-start
}
}

.success-pg {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
background: #0D1410
}

.success-pg .success-card {
max-width: 560px;
width: 100%;
background: linear-gradient(to left, #fffb9a0f, #0d1410fa);
border: 1px solid #fffb9a2e;
border-radius: 16px;
padding: 48px;
box-shadow: 2px 7px 28px 0 #fffb9a1c;
text-align: left
}

.success-pg .success-card .icon-wrap {
width: 56px;
height: 56px;
border-radius: 16px;
background: #fffb9a1a;
border: 1px solid #fffb9a40;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px
}

.success-pg .success-card .icon-wrap svg {
display: block
}

.success-pg .success-card .overline {
font-size: 13px;
line-height: 1.4;
letter-spacing: .12em;
text-transform: uppercase;
color: #FFFB9A;
margin-bottom: 8px
}

.success-pg .success-card .success-heading {
font-size: 32px;
line-height: 1.15;
color: #FFF;
margin-bottom: 16px
}

.success-pg .success-card .success-body {
font-size: 15px;
line-height: 1.6;
color: #ffffffb8;
margin-bottom: 24px
}

.success-pg .success-card .success-body span {
color: #FFFB9A
}

.success-pg .success-card .divider {
height: 1px;
background: linear-gradient(to left, #fffb9a2e, #fffb9a05);
margin-bottom: 24px;
border-radius: 2px
}

.success-pg .success-card .detail-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px
}

.success-pg .success-card .detail-row .dot {
width: 6px;
height: 6px;
border-radius: 5px;
background: #FFFB9A;
flex-shrink: 0;
margin-top: 8px
}

.success-pg .success-card .detail-row .detail-text {
font-size: 13px;
line-height: 1.6;
color: #fff9
}

.success-pg .success-card .back-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
padding: 16px 24px;
background: #fffb9a14;
border: 1px solid #fffb9a4d;
border-radius: 5px;
color: #FFFB9A;
font-size: 15px;
line-height: 1.4;
text-decoration: none;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1)
}

.success-pg .success-card .back-btn:hover {
border-color: #fffb9abf
}

.success-pg .success-card .back-btn:focus {
outline: 2px solid #FFFB9A;
outline-offset: 3px
}

@media (max-width: 480px) {
.success-pg .success-card {
padding: 24px
}

.success-pg .success-card .success-heading {
font-size: 23px
}
}