html {
box-sizing: border-box;
font-size: 100%;
}

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

html,
body {
margin: 0;
}

body {
min-height: 100dvh;
overflow-x: hidden;
font-family: 'Cormorant', Georgia, serif;
}

.site-header {
background: #181526;
position: relative;
}

.hd-band {
background: #18A257;
height: 4px;
width: 100%;
}

.hd-body {
max-width: 1140px;
margin: 0 auto;
padding: 32px 32px 0 32px;
display: flex;
align-items: flex-start;
gap: 64px;
}

.brand-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

.brand-mark {
display: block;
width: 64px;
height: 80px;
border-radius: 13px;
background: #F4F6F8;
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06), 0 6px 20px 0 rgba(24, 21, 38, 0.10);
padding: 8px;
outline: 2px solid rgba(244, 246, 248, 0.18);
outline-offset: 2px;
flex-shrink: 0;
}

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

.brand-tagline {
font-size: 14px;
line-height: 1.4;
color: rgba(244, 246, 248, 0.72);
max-width: 160px;
letter-spacing: 0.01em;
}

.nav-col {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
padding-bottom: 32px;
}

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

.hd-contact-item {
font-size: 14px;
line-height: 1.4;
color: rgba(244, 246, 248, 0.60);
text-decoration: none;
transition: color 0.28s ease-in-out;
}

@media (min-width: 1024px) {
.hd-contact-item:hover {
color: #18A257;
}
}

.hd-contact-label {
font-size: 14px;
color: rgba(244, 246, 248, 0.38);
margin-right: 4px;
}

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

.primary-nav__item {
position: relative;
display: inline-block;
}

.primary-nav__link {
display: inline-block;
font-family: 'Cormorant', Georgia, serif;
font-size: 22px;
font-weight: 700;
line-height: 1.1;
color: #F4F6F8;
text-decoration: none;
padding: 12px 16px;
border: 2px solid transparent;
border-radius: 3px;
letter-spacing: 0.01em;
transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
min-height: 44px;
position: relative;
overflow: hidden;
z-index: 1;
}

.primary-nav__link::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #18A257;
z-index: -1;
transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
.primary-nav__link:hover {
color: #F4F6F8;
border-color: #18A257;
}

.primary-nav__link:hover::after {
height: 100%;
}
}

.primary-nav__link:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
}

.primary-nav__link.active {
border-color: #18A257;
color: #18A257;
}

.hd-accent-bar {
width: 100%;
height: 3px;
background: linear-gradient(90deg, #18A257 0%, rgba(24, 162, 87, 0.18) 100%);
border-radius: 3px;
margin-top: 0;
}

@media (max-width: 767px) {
.hd-body {
flex-direction: column;
gap: 16px;
padding: 16px 16px 0 16px;
}

.nav-col {
align-items: flex-start;
width: 100%;
padding-bottom: 16px;
}

.hd-contact-strip {
gap: 16px;
flex-wrap: wrap;
}

.primary-nav {
justify-content: flex-start;
}

.primary-nav__link {
font-size: 22px;
padding: 10px 12px;
}

.brand-tagline {
max-width: 220px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.hd-body {
gap: 32px;
padding: 32px 32px 0 32px;
}

.nav-col {
align-items: flex-end;
}

.primary-nav__link {
font-size: 22px;
}
}

.site-footer {
background: #181526;
position: relative;
}

.ft-top-rule {
width: 100%;
height: 1px;
background: rgba(244, 246, 248, 0.10);
}

.ft-upper {
max-width: 1140px;
margin: 0 auto;
padding: 64px 32px 32px 32px;
display: flex;
gap: 64px;
align-items: flex-start;
}

.ft-brand {
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}

.ft-logo-mark {
display: block;
width: 60px;
height: 74px;
border-radius: 13px;
background: #F4F6F8;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
padding: 8px;
outline: 2px solid rgba(244, 246, 248, 0.14);
outline-offset: 2px;
}

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

.ft-brand-name {
font-family: 'Cormorant', Georgia, serif;
font-size: 22px;
font-weight: 700;
color: #F4F6F8;
line-height: 1.1;
letter-spacing: 0.01em;
}

.ft-brand-sub {
font-size: 14px;
line-height: 1.6;
color: rgba(244, 246, 248, 0.50);
max-width: 180px;
}

.ft-cols {
flex: 1;
display: flex;
gap: 64px;
flex-wrap: wrap;
}

.ft-col {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 140px;
}

.ft-col-label {
font-family: 'Cormorant', Georgia, serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #18A257;
text-transform: uppercase;
letter-spacing: 0.12em;
}

.ft-col-link {
font-size: 22px;
line-height: 1.4;
font-family: 'Cormorant', Georgia, serif;
font-weight: 400;
color: rgba(244, 246, 248, 0.80);
text-decoration: none;
transition: color 0.28s ease-in-out;
display: block;
}

@media (min-width: 1024px) {
.ft-col-link:hover {
color: #18A257;
}
}

.ft-col-link:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
border-radius: 3px;
}

.ft-col-address {
font-size: 14px;
line-height: 1.6;
color: rgba(244, 246, 248, 0.50);
font-style: normal;
}

.ft-divider {
max-width: 1140px;
margin: 0 auto;
height: 1px;
background: rgba(244, 246, 248, 0.08);
margin-left: 32px;
margin-right: 32px;
}

.ft-lower {
max-width: 1140px;
margin: 0 auto;
padding: 16px 32px 32px 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.ft-copy {
font-size: 14px;
line-height: 1.4;
color: rgba(244, 246, 248, 0.38);
}

.ft-legal {
display: flex;
gap: 16px;
align-items: center;
}

.ft-legal-link {
font-size: 14px;
line-height: 1.4;
color: rgba(244, 246, 248, 0.38);
text-decoration: none;
transition: color 0.26s ease-in-out;
}

@media (min-width: 1024px) {
.ft-legal-link:hover {
color: #18A257;
}
}

.ft-legal-link:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
border-radius: 3px;
}

@media (max-width: 767px) {
.ft-upper {
flex-direction: column;
gap: 32px;
padding: 32px 16px 16px 16px;
}

.ft-cols {
gap: 32px;
}

.ft-divider {
margin-left: 16px;
margin-right: 16px;
}

.ft-lower {
padding: 16px 16px 32px 16px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.ft-upper {
gap: 32px;
padding: 64px 32px 32px 32px;
}

.ft-cols {
gap: 32px;
}
}

.cookie-tray {
position: fixed;
bottom: 32px;
right: 32px;
z-index: 8000;
max-width: 380px;
width: calc(100vw - 64px);
background: #F4F6F8;
border-radius: 13px;
box-shadow: 0 12px 60px 0 rgba(24, 21, 38, 0.12);
border: 2px solid rgba(24, 21, 38, 0.10);
padding: 32px;
display: none;
flex-direction: column;
gap: 16px;
}

.cookie-tray.tray-visible {
transform: translateX(0);
opacity: 1;
}

.cookie-tray.tray-hidden {
transform: translateX(-40px);
opacity: 0;
}

.cookie-tray {
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.tray-desc {
font-size: 14px;
line-height: 1.6;
color: #181526;
font-family: 'Cormorant', Georgia, serif;
}

.tray-head {
font-family: 'Cormorant', Georgia, serif;
font-size: 22px;
font-weight: 700;
line-height: 1.1;
color: #181526;
}

.tray-policy-ref {
font-size: 14px;
line-height: 1.4;
color: rgba(24, 21, 38, 0.55);
}

.tray-policy-ref a {
color: #18A257;
text-decoration: underline;
text-underline-offset: 2px;
}

.tray-policy-ref a:focus-visible {
outline: 2px solid #18A257;
outline-offset: 2px;
border-radius: 3px;
}

.tray-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.tray-btn {
font-family: 'Cormorant', Georgia, serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding: 12px 16px;
border-radius: 3px;
cursor: pointer;
min-height: 44px;
border: 2px solid #181526;
background: transparent;
color: #181526;
letter-spacing: 0.04em;
text-transform: uppercase;
position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.tray-btn::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #181526;
z-index: -1;
transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.tray-btn:hover {
color: #F4F6F8;
}

.tray-btn:hover::after {
height: 100%;
}

.tray-btn:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
}

.tray-btn.accept {
border-color: #18A257;
color: #18A257;
}

.tray-btn.accept::after {
background: #18A257;
}

.tray-btn.accept:hover {
color: #F4F6F8;
}

.tray-decline-txt {
font-family: 'Cormorant', Georgia, serif;
font-size: 14px;
line-height: 1.4;
color: rgba(24, 21, 38, 0.55);
background: none;
border: none;
cursor: pointer;
padding: 12px 8px;
min-height: 44px;
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.26s ease-in-out;
}

.tray-decline-txt:hover {
color: #181526;
}

.tray-decline-txt:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
border-radius: 3px;
}

@media (max-width: 767px) {
.cookie-tray {
bottom: 16px;
right: 16px;
left: 16px;
width: auto;
max-width: none;
padding: 16px;
}
}

.text-policy {
max-width: 1140px;
margin: 0 auto;
padding: 64px 32px;
color: #181526;
}

.text-policy h1 {
font-size: 55px;
line-height: 1.1;
font-weight: 800;
margin-bottom: 32px;
margin-top: 0;
letter-spacing: -0.5px;
padding-bottom: 16px;
border-bottom: 3px solid #18A257;
}

.text-policy h2 {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
margin-top: 64px;
margin-bottom: 16px;
color: #181526;
}

.text-policy h3 {
font-size: 22px;
line-height: 1.4;
font-weight: 700;
margin-top: 32px;
margin-bottom: 16px;
color: #181526;
}

.text-policy h4 {
font-size: 22px;
line-height: 1.4;
font-weight: 600;
margin-top: 32px;
margin-bottom: 8px;
color: #181526;
}

.text-policy h5 {
font-size: 14px;
line-height: 1.6;
font-weight: 700;
margin-top: 32px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #18A257;
}

.text-policy h6 {
font-size: 14px;
line-height: 1.6;
font-weight: 600;
margin-top: 16px;
margin-bottom: 8px;
color: #181526;
opacity: 0.75;
}

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

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

.text-policy ul li {
font-size: 14px;
line-height: 1.6;
margin-bottom: 8px;
padding-left: 16px;
position: relative;
}

.text-policy ul li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #18A257;
}

.text-policy ol li {
font-size: 14px;
line-height: 1.6;
margin-bottom: 8px;
padding-left: 16px;
position: relative;
counter-increment: policy-counter;
}

.text-policy ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: -16px;
top: 0;
font-weight: 700;
font-size: 14px;
color: #18A257;
line-height: 1.6;
}

.text-policy ul ul,
.text-policy ol ol,
.text-policy ul ol,
.text-policy ol ul {
margin: 8px 0 8px 16px;
}

.text-policy strong,
.text-policy b {
font-weight: 700;
color: #181526;
}

.text-policy table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 14px;
line-height: 1.6;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06);
}

.text-policy thead {
background-color: #181526;
color: #F4F6F8;
}

.text-policy thead th {
padding: 16px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
text-align: left;
border: none;
}

.text-policy tbody tr {
background-color: #ffffff;
transition: background-color 0.25s ease-in-out;
}

.text-policy tbody tr:nth-child(even) {
background-color: #F4F6F8;
}

.text-policy tbody tr:hover {
background-color: #e8f5ee;
}

.text-policy td {
padding: 16px;
font-size: 14px;
line-height: 1.6;
border-bottom: 1px solid rgba(24, 21, 38, 0.08);
vertical-align: top;
}

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

.text-policy th {
padding: 16px;
text-align: left;
}

.text-policy hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #18A257 0%, rgba(24, 162, 87, 0.15) 100%);
margin: 64px 0;
border-radius: 3px;
}

@media (max-width: 768px) {
.text-policy {
padding: 32px 16px;
}

.text-policy h1 {
font-size: 40px;
}

.text-policy h2 {
font-size: 22px;
margin-top: 32px;
}

.text-policy h3 {
font-size: 22px;
}

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

.text-policy hr {
margin: 32px 0;
}
}

@media (max-width: 360px) {
.text-policy {
padding: 32px 8px;
}

.text-policy h1 {
font-size: 40px;
}

.text-policy ul,
.text-policy ol {
padding-left: 16px;
}
}

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

.tech-req .pg-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 0 32px;
}

.tech-req .bento-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
padding: 64px 32px;
max-width: 1140px;
margin: 0 auto;
}

.tech-req .bento-cell {
background: #fff;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
}

.tech-req .bento-cell.img-cell {
grid-row: 1 / 3;
position: relative;
min-height: 420px;
}

.tech-req .bento-cell.img-cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.tech-req .bento-cell.text-main {
padding: 32px;
background: #181526;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}

.tech-req .bento-cell.text-main::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 32px;
height: 32px;
border-top: 2px solid #18A257;
border-left: 2px solid #18A257;
border-radius: 3px 0 0 0;
}

.tech-req .bento-cell.text-main::after {
content: '';
position: absolute;
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
border-bottom: 2px solid #18A257;
border-right: 2px solid #18A257;
border-radius: 0 0 3px 0;
}

.tech-req .bento-cell.text-sub {
padding: 32px;
background: #F4F6F8;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}

.tech-req .bento-h1 {
font-size: 55px;
line-height: 1.1;
color: #fff;
font-style: italic;
margin: 0 0 16px 0;
}

.tech-req .bento-h1 span {
color: #18A257;
}

.tech-req .bento-desc {
font-size: 14px;
line-height: 1.6;
color: #c8c5d8;
margin: 0;
}

.tech-req .sub-label {
font-size: 14px;
line-height: 1.4;
color: #181526;
margin: 0;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.tech-req .sub-text {
font-size: 14px;
line-height: 1.6;
color: #444;
margin: 8px 0 0 0;
}

.tech-req .dot-accent {
width: 10px;
height: 10px;
border-radius: 50%;
background: #18A257;
display: inline-block;
margin-right: 8px;
vertical-align: middle;
flex-shrink: 0;
}

.tech-req .pattern-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}

.tech-req .pattern-dots {
display: flex;
flex-direction: row;
gap: 8px;
position: absolute;
top: 32px;
right: 32px;
}

.tech-req .pattern-dots span {
width: 6px;
height: 6px;
border-radius: 50%;
background: #18A257;
opacity: 0.4;
display: block;
}

.tech-req .pattern-dots span:nth-child(2) {
opacity: 0.7;
}

.tech-req .pattern-dots span:nth-child(3) {
opacity: 1;
}

.tech-req .divider-wave {
width: 100%;
overflow: hidden;
line-height: 0;
margin: 0;
}

.tech-req .divider-wave svg {
display: block;
width: 100%;
}

.tech-req .req-block {
background: #F4F6F8;
padding: 64px 32px;
position: relative;
}

.tech-req .req-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(160deg, rgba(24, 162, 87, 0.04) 0%, transparent 60%);
pointer-events: none;
}

.tech-req .req-inner {
max-width: 1140px;
margin: 0 auto;
position: relative;
}

.tech-req .req-header {
text-align: center;
margin-bottom: 64px;
}

.tech-req .req-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
font-style: italic;
margin: 0 0 16px 0;
}

.tech-req .req-lead {
font-size: 14px;
line-height: 1.6;
color: #555;
max-width: 600px;
margin: 0 auto;
}

.tech-req .req-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
}

.tech-req .req-card {
background: #fff;
border-radius: 13px;
padding: 32px;
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06);
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
border: 2px solid transparent;
transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.tech-req .req-card:hover {
border-color: #18A257;
box-shadow: 0 6px 20px 0 rgba(24, 162, 87, 0.10);
}

.tech-req .req-card.anchor {
grid-row: 1 / 3;
background: #181526;
justify-content: space-between;
}

.tech-req .req-card.anchor:hover {
border-color: #18A257;
}

.tech-req .card-icon {
width: 40px;
height: 40px;
border-radius: 13px;
background: rgba(24, 162, 87, 0.12);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.tech-req .card-icon svg {
width: 20px;
height: 20px;
stroke: #18A257;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}

.tech-req .req-card.anchor .card-icon {
background: rgba(24, 162, 87, 0.2);
}

.tech-req .card-h {
font-size: 22px;
line-height: 1.4;
color: #181526;
margin: 0;
font-style: italic;
}

.tech-req .req-card.anchor .card-h {
color: #fff;
font-size: 22px;
}

.tech-req .card-body {
font-size: 14px;
line-height: 1.6;
color: #555;
margin: 0;
}

.tech-req .req-card.anchor .card-body {
color: #c8c5d8;
}

.tech-req .status-bar {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
}

.tech-req .status-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.tech-req .status-label {
font-size: 14px;
line-height: 1.4;
color: #c8c5d8;
width: 80px;
flex-shrink: 0;
}

.tech-req .status-track {
flex: 1;
height: 6px;
background: rgba(255, 255, 255, 0.12);
border-radius: 3px;
overflow: hidden;
}

.tech-req .status-fill {
height: 100%;
border-radius: 3px;
background: #18A257;
animation: fill-grow 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
transform-origin: left center;
}

.tech-req .status-fill.lvl-1 {
width: 30%;
animation-delay: 0.1s;
}

.tech-req .status-fill.lvl-2 {
width: 55%;
animation-delay: 0.2s;
}

.tech-req .status-fill.lvl-3 {
width: 80%;
animation-delay: 0.3s;
}

.tech-req .status-fill.lvl-4 {
width: 95%;
animation-delay: 0.4s;
}

@keyframes fill-grow {
from {
transform: scaleX(0);
}

to {
transform: scaleX(1);
}
}

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

.tech-req .compact-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 14px;
line-height: 1.6;
color: #444;
}

.tech-req .compact-list li::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #18A257;
margin-top: 6px;
flex-shrink: 0;
}

.tech-req .req-card.anchor .compact-list li {
color: #c8c5d8;
}

.tech-req .req-card.anchor .compact-list li::before {
background: #18A257;
}

.tech-req .card-tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.4;
color: #18A257;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.tech-req .card-tag::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #18A257;
display: block;
}

.tech-req .frame-line {
position: absolute;
pointer-events: none;
}

.tech-req .frame-line.tl {
top: 0;
left: 32px;
width: 80px;
height: 2px;
background: linear-gradient(90deg, #18A257 0%, transparent 100%);
}

.tech-req .frame-line.br {
bottom: 0;
right: 32px;
width: 80px;
height: 2px;
background: linear-gradient(270deg, #18A257 0%, transparent 100%);
}

.tech-req .btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
border: 2px solid #18A257;
border-radius: 3px;
background: transparent;
color: #18A257;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.25s ease-in-out;
align-self: flex-start;
}

.tech-req .btn-primary::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #18A257;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}

.tech-req .btn-primary:hover::before {
height: 100%;
}

.tech-req .btn-primary:hover {
color: #fff;
}

.tech-req .btn-primary span {
position: relative;
z-index: 1;
}

.tech-req .btn-primary:focus-visible {
outline: 2px solid #18A257;
outline-offset: 3px;
}

.tech-req .btn-primary:active {
box-shadow: inset 0 2px 6px 0 rgba(24, 162, 87, 0.3);
}

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

.tech-req .prof-thumb {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
border: 2px solid #18A257;
flex-shrink: 0;
}

.tech-req .prof-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

@media (max-width: 1024px) {
.tech-req .bento-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
padding: 64px 32px;
}

.tech-req .bento-cell.img-cell {
grid-column: 1 / 3;
grid-row: 1;
min-height: 280px;
}

.tech-req .bento-cell.text-main {
grid-column: 1 / 2;
grid-row: 2;
}

.tech-req .bento-cell.text-sub {
grid-column: 2 / 3;
grid-row: 2;
}

.tech-req .req-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}

.tech-req .req-card.anchor {
grid-column: 1 / 3;
grid-row: auto;
}

.tech-req .bento-h1 {
font-size: 40px;
}
}

@media (max-width: 768px) {
.tech-req .bento-grid {
grid-template-columns: 1fr;
padding: 32px 16px;
gap: 16px;
}

.tech-req .bento-cell.img-cell {
display: none;
}

.tech-req .bento-cell.text-main {
grid-column: 1;
grid-row: auto;
}

.tech-req .bento-cell.text-sub {
grid-column: 1;
grid-row: auto;
}

.tech-req .bento-h1 {
font-size: 40px;
}

.tech-req .req-block {
padding: 32px 16px;
}

.tech-req .req-grid {
grid-template-columns: 1fr;
}

.tech-req .req-card.anchor {
grid-column: 1;
grid-row: auto;
}

.tech-req .req-h2 {
font-size: 40px;
}

.tech-req .req-header {
margin-bottom: 32px;
}
}

@media (max-width: 360px) {
.tech-req .bento-h1 {
font-size: 40px;
}

.tech-req .pg-wrap {
padding: 0 16px;
}

.tech-req .bento-grid {
padding: 32px 16px;
}
}

@media (min-width: 1025px) {
.tech-req .bento-cell.img-cell {
grid-column: 1;
grid-row: 1 / 3;
}

.tech-req .bento-cell.text-main {
grid-column: 2;
grid-row: 1;
}

.tech-req .bento-cell.text-sub {
grid-column: 2;
grid-row: 2;
}
}

@media (prefers-reduced-motion: reduce) {
.tech-req .status-fill {
animation: none;
transform: scaleX(1);
}
}

@media (min-width: 1025px) {
.tech-req .req-card {
transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.tech-req .btn-primary::before {
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.tech-req .btn-primary {
transition: color 0.25s ease-in-out;
}
}

@media (max-width: 1024px) {
.tech-req .req-card {
transition: none;
}

.tech-req .btn-primary::before {
transition: none;
}

.tech-req .btn-primary {
transition: none;
}
}

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

.lp-pg .lp-inner {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.lp-pg .lp-title-block {
background-color: #181526;
padding-top: 64px;
padding-bottom: 96px;
position: relative;
}

.lp-pg .lp-title-block::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: linear-gradient(to bottom, #18A257, transparent);
}

.lp-pg .lp-title-block .lp-kicker {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #18A257;
margin-bottom: 16px;
}

.lp-pg .lp-title-block .lp-h1 {
font-size: 55px;
line-height: 1.1;
color: #F4F6F8;
margin-bottom: 32px;
max-width: 760px;
font-style: italic;
}

.lp-pg .lp-title-block .lp-h1 .lp-accent-word {
background: linear-gradient(135deg, #18A257, #a8f0c8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.lp-pg .lp-title-block .lp-lead {
font-size: 22px;
line-height: 1.6;
color: #b8bcc8;
max-width: 600px;
margin-bottom: 32px;
}

.lp-pg .lp-title-block .lp-meta-row {
display: flex;
flex-direction: row;
gap: 32px;
flex-wrap: wrap;
}

.lp-pg .lp-title-block .lp-meta-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.lp-pg .lp-title-block .lp-meta-label {
font-size: 14px;
line-height: 1.4;
color: #7a7f96;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.lp-pg .lp-title-block .lp-meta-val {
font-size: 22px;
line-height: 1.4;
color: #F4F6F8;
}

.lp-pg .lp-divider-a {
height: 2px;
background: linear-gradient(to right, #18A257 30%, transparent 100%);
border: none;
margin: 0;
}

.lp-pg .lp-structure {
background-color: #F4F6F8;
padding-top: 96px;
padding-bottom: 96px;
}

.lp-pg .lp-structure .lp-sec-label {
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #18A257;
text-align: center;
margin-bottom: 16px;
}

.lp-pg .lp-structure .lp-sec-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
text-align: center;
font-style: italic;
margin-bottom: 16px;
}

.lp-pg .lp-structure .lp-sec-sub {
font-size: 22px;
line-height: 1.6;
color: #4a4f66;
text-align: center;
max-width: 580px;
margin-left: auto;
margin-right: auto;
margin-bottom: 64px;
}

.lp-pg .lp-modules {
display: flex;
flex-direction: column;
gap: 16px;
}

.lp-pg .lp-module-row {
display: flex;
flex-direction: row;
align-items: stretch;
border: 2px solid #dde1ea;
border-radius: 13px;
overflow: hidden;
background: #ffffff;
transition: border-color 0.28s ease-in-out, box-shadow 0.28s ease-in-out;
}

.lp-pg .lp-module-row:hover {
border-color: #18A257;
box-shadow: 0 6px 20px 0 rgba(24, 162, 87, 0.10);
}

.lp-pg .lp-module-num {
min-width: 72px;
background-color: #181526;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1.1;
color: #18A257;
font-style: italic;
padding: 16px;
}

.lp-pg .lp-module-body {
padding: 16px 32px;
flex: 1;
}

.lp-pg .lp-module-body .lp-mod-title {
font-size: 22px;
line-height: 1.4;
color: #181526;
margin-bottom: 8px;
}

.lp-pg .lp-module-body .lp-mod-desc {
font-size: 14px;
line-height: 1.6;
color: #5a5f7a;
}

.lp-pg .lp-module-tag {
display: flex;
align-items: center;
padding: 16px 32px;
font-size: 14px;
line-height: 1.4;
color: #7a7f96;
white-space: nowrap;
}

.lp-pg .lp-divider-b {
height: 2px;
background: linear-gradient(to right, #181526 20%, transparent 100%);
border: none;
margin: 0;
}

.lp-pg .lp-detail {
background-color: #181526;
padding-top: 96px;
padding-bottom: 64px;
}

.lp-pg .lp-detail .lp-detail-grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 32px;
align-items: start;
}

.lp-pg .lp-detail .lp-col-side {
display: flex;
flex-direction: column;
gap: 32px;
}

.lp-pg .lp-detail .lp-stat-card {
border: 2px solid #2e2b45;
border-radius: 13px;
padding: 32px 16px;
text-align: center;
transition: border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-pg .lp-detail .lp-stat-card:hover {
border-color: #18A257;
}

.lp-pg .lp-detail .lp-stat-num {
font-size: 40px;
line-height: 1.1;
color: #18A257;
font-style: italic;
margin-bottom: 8px;
}

.lp-pg .lp-detail .lp-stat-desc {
font-size: 14px;
line-height: 1.6;
color: #8a8fa8;
}

.lp-pg .lp-detail .lp-col-center {
display: flex;
flex-direction: column;
gap: 32px;
}

.lp-pg .lp-detail .lp-center-img-wrap {
border-radius: 13px;
overflow: hidden;
position: relative;
}

.lp-pg .lp-detail .lp-center-img-wrap::after {
content: "";
display: block;
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(24, 21, 38, 0.55) 100%);
pointer-events: none;
}

.lp-pg .lp-detail .lp-center-img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
display: block;
}

.lp-pg .lp-detail .lp-center-text-h {
font-size: 40px;
line-height: 1.1;
color: #F4F6F8;
font-style: italic;
margin-bottom: 16px;
}

.lp-pg .lp-detail .lp-center-text-p {
font-size: 14px;
line-height: 1.6;
color: #9a9fb8;
}

.lp-pg .lp-detail .lp-tools-list {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}

.lp-pg .lp-detail .lp-tools-list li {
font-size: 14px;
line-height: 1.6;
color: #b8bcc8;
padding-left: 16px;
border-left: 3px solid #18A257;
border-bottom: 1px solid #2e2b45;
padding-bottom: 8px;
}

.lp-pg .lp-divider-c {
height: 2px;
background: linear-gradient(to right, #18A257 10%, transparent 80%);
border: none;
margin: 0;
}

.lp-pg .lp-reviews {
background-color: #ffffff;
padding-top: 96px;
padding-bottom: 96px;
}

.lp-pg .lp-reviews .lp-rev-header {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 64px;
gap: 32px;
flex-wrap: wrap;
}

.lp-pg .lp-reviews .lp-rev-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
font-style: italic;
max-width: 480px;
}

.lp-pg .lp-reviews .lp-rating-box {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}

.lp-pg .lp-reviews .lp-rating-num {
font-size: 55px;
line-height: 1.1;
color: #181526;
font-style: italic;
}

.lp-pg .lp-reviews .lp-rating-sub {
font-size: 14px;
line-height: 1.4;
color: #7a7f96;
}

.lp-pg .lp-reviews .lp-stars {
display: flex;
flex-direction: row;
gap: 8px;
}

.lp-pg .lp-reviews .lp-star {
width: 16px;
height: 16px;
background-color: #18A257;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.lp-pg .lp-reviews .lp-rev-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}

.lp-pg .lp-reviews .lp-rev-card {
border: 2px solid #e8ecf2;
border-radius: 13px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
transition: border-color 0.26s ease-in-out, box-shadow 0.26s ease-in-out;
}

.lp-pg .lp-reviews .lp-rev-card:hover {
border-color: #181526;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
}

.lp-pg .lp-reviews .lp-rev-person {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.lp-pg .lp-reviews .lp-rev-portrait {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
object-position: center;
flex-shrink: 0;
}

.lp-pg .lp-reviews .lp-rev-name {
font-size: 22px;
line-height: 1.4;
color: #181526;
}

.lp-pg .lp-reviews .lp-rev-role {
font-size: 14px;
line-height: 1.4;
color: #7a7f96;
}

.lp-pg .lp-reviews .lp-rev-text {
font-size: 14px;
line-height: 1.6;
color: #4a4f66;
}

.lp-pg .lp-reviews .lp-rev-card-wide {
grid-column: span 2;
}

.lp-pg .lp-reviews .lp-offer-strip {
margin-top: 64px;
border: 2px solid #181526;
border-radius: 24px;
padding: 32px 64px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}

.lp-pg .lp-reviews .lp-offer-text {
flex: 1;
}

.lp-pg .lp-reviews .lp-offer-h3 {
font-size: 22px;
line-height: 1.4;
color: #181526;
margin-bottom: 8px;
}

.lp-pg .lp-reviews .lp-offer-p {
font-size: 14px;
line-height: 1.6;
color: #5a5f7a;
}

.lp-pg .lp-reviews .lp-price-col {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
flex-shrink: 0;
}

.lp-pg .lp-reviews .lp-price-val {
font-size: 40px;
line-height: 1.1;
color: #181526;
font-style: italic;
}

.lp-pg .lp-reviews .lp-price-note {
font-size: 14px;
line-height: 1.4;
color: #7a7f96;
}

.lp-pg .lp-btn {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #181526;
background-color: transparent;
border: 3px solid #181526;
border-radius: 3px;
padding: 16px 32px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}

.lp-pg .lp-btn::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background-color: #181526;
transition: height 0.28s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}

.lp-pg .lp-btn:hover {
color: #F4F6F8;
}

.lp-pg .lp-btn:hover::after {
height: 100%;
}

.lp-pg .lp-btn:focus {
outline: 3px solid #18A257;
outline-offset: 3px;
}

.lp-pg .lp-btn:active {
box-shadow: inset 0 2px 6px 0 rgba(24, 21, 38, 0.18);
}

.lp-pg .lp-btn-green {
color: #18A257;
border-color: #18A257;
}

.lp-pg .lp-btn-green::after {
background-color: #18A257;
}

.lp-pg .lp-btn-green:hover {
color: #ffffff;
}

@media (max-width: 1024px) {
.lp-pg .lp-title-block .lp-h1 {
font-size: 40px;
}

.lp-pg .lp-detail .lp-detail-grid {
grid-template-columns: 1fr 1fr;
}

.lp-pg .lp-detail .lp-col-side:last-child {
grid-column: span 2;
flex-direction: row;
flex-wrap: wrap;
}

.lp-pg .lp-detail .lp-stat-card {
flex: 1;
min-width: 160px;
}
}

@media (max-width: 768px) {
.lp-pg .lp-inner {
padding-left: 16px;
padding-right: 16px;
}

.lp-pg .lp-title-block {
padding-top: 64px;
padding-bottom: 64px;
}

.lp-pg .lp-title-block .lp-h1 {
font-size: 40px;
}

.lp-pg .lp-title-block .lp-lead {
font-size: 22px;
}

.lp-pg .lp-module-row {
flex-direction: column;
}

.lp-pg .lp-module-num {
min-width: unset;
padding: 16px 32px;
justify-content: flex-start;
}

.lp-pg .lp-module-tag {
padding: 8px 32px 16px;
}

.lp-pg .lp-detail .lp-detail-grid {
grid-template-columns: 1fr;
}

.lp-pg .lp-detail .lp-col-side:last-child {
grid-column: span 1;
flex-direction: column;
}

.lp-pg .lp-reviews .lp-rev-grid {
grid-template-columns: 1fr;
}

.lp-pg .lp-reviews .lp-rev-card-wide {
grid-column: span 1;
}

.lp-pg .lp-reviews .lp-rev-header {
flex-direction: column;
align-items: flex-start;
}

.lp-pg .lp-reviews .lp-rating-box {
align-items: flex-start;
}

.lp-pg .lp-reviews .lp-offer-strip {
padding: 32px;
flex-direction: column;
align-items: flex-start;
}

.lp-pg .lp-reviews .lp-price-col {
align-items: flex-start;
}

.lp-pg .lp-structure {
padding-top: 64px;
padding-bottom: 64px;
}

.lp-pg .lp-detail {
padding-top: 64px;
padding-bottom: 64px;
}

.lp-pg .lp-reviews {
padding-top: 64px;
padding-bottom: 64px;
}

.lp-pg .lp-title-block .lp-meta-row {
gap: 16px;
}
}

@media (max-width: 360px) {
.lp-pg .lp-title-block .lp-h1 {
font-size: 40px;
}

.lp-pg .lp-reviews .lp-rating-num {
font-size: 40px;
}
}

@media (min-width: 769px) {
.lp-pg .lp-module-row {
transition: border-color 0.28s ease-in-out, box-shadow 0.28s ease-in-out;
}

.lp-pg .lp-detail .lp-stat-card {
transition: border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-pg .lp-reviews .lp-rev-card {
transition: border-color 0.26s ease-in-out, box-shadow 0.26s ease-in-out;
}

.lp-pg .lp-btn {
transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-pg .lp-btn::after {
transition: height 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
}

@media (max-width: 768px) {

.lp-pg .lp-module-row,
.lp-pg .lp-detail .lp-stat-card,
.lp-pg .lp-reviews .lp-rev-card,
.lp-pg .lp-btn,
.lp-pg .lp-btn::after {
transition: none;
}
}

.lp-pg .lp-anim-list .lp-module-row {
opacity: 0;
transform: translateY(20px);
animation: lp-slide-in 0.38s ease-in-out forwards;
}

.lp-pg .lp-anim-list .lp-module-row:nth-child(1) {
animation-delay: 0.05s;
}

.lp-pg .lp-anim-list .lp-module-row:nth-child(2) {
animation-delay: 0.13s;
}

.lp-pg .lp-anim-list .lp-module-row:nth-child(3) {
animation-delay: 0.21s;
}

.lp-pg .lp-anim-list .lp-module-row:nth-child(4) {
animation-delay: 0.29s;
}

.lp-pg .lp-anim-list .lp-module-row:nth-child(5) {
animation-delay: 0.37s;
}

@keyframes lp-slide-in {
to {
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 768px) {
.lp-pg .lp-anim-list .lp-module-row {
opacity: 1;
transform: none;
animation: none;
}
}

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

.prm .pm-container {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

@keyframes pm-scale-in {
from {
opacity: 0;
transform: scale(0.9);
}

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

@keyframes pm-fade-up {
from {
opacity: 0;
transform: translateY(24px);
}

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

.prm .pm-reveal {
animation: pm-scale-in 0.55s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.prm .pm-reveal-up {
animation: pm-fade-up 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.prm .pm-reveal-up:nth-child(2) {
animation-delay: 0.1s;
}

.prm .pm-reveal-up:nth-child(3) {
animation-delay: 0.2s;
}

.prm .pm-reveal-up:nth-child(4) {
animation-delay: 0.3s;
}

.prm .pm-t1 {
background: #181526;
padding: 96px 0 64px;
}

.prm .pm-t1-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.prm .pm-t1-img-col {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.prm .pm-t1-img-frame {
position: relative;
width: 100%;
max-width: 460px;
}

.prm .pm-t1-img-border {
position: absolute;
top: -16px;
left: -16px;
right: 16px;
bottom: 16px;
border: 2px dashed #18A257;
border-radius: 13px;
pointer-events: none;
z-index: 1;
}

.prm .pm-t1-img-shape {
position: absolute;
bottom: -32px;
right: -32px;
width: 96px;
height: 96px;
background: linear-gradient(135deg, #18A257 0%, transparent 100%);
border-radius: 40px;
opacity: 0.22;
pointer-events: none;
z-index: 0;
}

.prm .pm-t1-img-shape2 {
position: absolute;
top: -24px;
right: -24px;
width: 48px;
height: 48px;
border: 2px solid #18A257;
border-radius: 24px;
opacity: 0.35;
pointer-events: none;
z-index: 0;
}

.prm .pm-t1-photo {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
border-radius: 13px;
display: block;
position: relative;
z-index: 2;
filter: sepia(0.28) contrast(1.08) brightness(0.96) saturate(0.85);
}

.prm .pm-t1-text {
display: flex;
flex-direction: column;
gap: 32px;
}

.prm .pm-t1-label {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #18A257;
border: 2px solid #18A257;
border-radius: 3px;
padding: 8px 16px;
width: fit-content;
}

.prm .pm-t1-h1 {
font-size: 55px;
line-height: 1.1;
color: #F4F6F8;
margin: 0;
font-style: italic;
}

.prm .pm-t1-h1 em {
color: #18A257;
font-style: normal;
}

.prm .pm-t1-quote {
font-size: 22px;
line-height: 1.6;
color: #F4F6F8;
opacity: 0.72;
margin: 0;
border-left: 3px solid #18A257;
padding-left: 16px;
}

.prm .pm-t1-cta {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #18A257;
border: 2.5px solid #18A257;
border-radius: 3px;
padding: 16px 32px;
text-decoration: none;
width: fit-content;
position: relative;
overflow: hidden;
transition: color 0.28s ease-in-out;
background: transparent;
}

.prm .pm-t1-cta::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #18A257;
transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}

.prm .pm-t1-cta:hover::before {
height: 100%;
}

.prm .pm-t1-cta:hover {
color: #181526;
}

.prm .pm-t1-cta span {
position: relative;
z-index: 1;
}

.prm .pm-hesitation {
background: #F4F6F8;
padding: 96px 0;
}

.prm .pm-hes-inner {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 64px;
align-items: start;
}

.prm .pm-hes-aside {
display: flex;
flex-direction: column;
gap: 32px;
}

.prm .pm-hes-tag {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #181526;
opacity: 0.5;
}

.prm .pm-hes-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
margin: 0;
font-style: italic;
}

.prm .pm-hes-img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
border-radius: 13px;
display: block;
border: 3px solid #181526;
border-radius: 13px;
}

.prm .pm-hes-body {
display: flex;
flex-direction: column;
gap: 32px;
}

.prm .pm-hes-accent-box {
background: #181526;
border-radius: 13px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
border: 2px dashed #18A257;
}

.prm .pm-hes-accent-box p {
font-size: 22px;
line-height: 1.6;
color: #F4F6F8;
margin: 0;
}

.prm .pm-hes-accent-box strong {
color: #18A257;
}

.prm .pm-hes-p {
font-size: 22px;
line-height: 1.6;
color: #181526;
margin: 0;
opacity: 0.85;
}

.prm .pm-hes-steps {
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 0;
list-style: none;
margin: 0;
}

.prm .pm-hes-step {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.prm .pm-hes-dot {
flex-shrink: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #18A257;
margin-top: 6px;
position: relative;
}

.prm .pm-hes-dot::after {
content: '';
position: absolute;
left: 5px;
top: 12px;
width: 2px;
height: 32px;
background: linear-gradient(to bottom, #18A257, transparent);
}

.prm .pm-hes-step:last-child .pm-hes-dot::after {
display: none;
}

.prm .pm-hes-step-text {
font-size: 14px;
line-height: 1.6;
color: #181526;
margin: 0;
}

.prm .pm-social {
background: #181526;
padding: 64px 0;
}

.prm .pm-soc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.prm .pm-soc-head {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
}

.prm .pm-soc-label {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #18A257;
}

.prm .pm-soc-h2 {
font-size: 40px;
line-height: 1.1;
color: #F4F6F8;
margin: 0;
font-style: italic;
}

.prm .pm-card {
background: #F4F6F8;
border-radius: 13px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
transition: box-shadow 0.28s ease-in-out, transform 0.28s ease-in-out;
}

.prm .pm-card:hover {
box-shadow: 0 12px 60px 0 rgba(24, 21, 38, 0.12);
transform: translateY(-4px);
}

.prm .pm-card-portrait {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.prm .pm-card-img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
object-position: center;
flex-shrink: 0;
border: 2px solid #18A257;
}

.prm .pm-card-person {
display: flex;
flex-direction: column;
gap: 8px;
}

.prm .pm-card-name {
font-size: 14px;
line-height: 1.4;
color: #181526;
font-weight: 700;
margin: 0;
}

.prm .pm-card-role {
font-size: 14px;
line-height: 1.4;
color: #181526;
opacity: 0.55;
margin: 0;
}

.prm .pm-card-quote {
font-size: 22px;
line-height: 1.6;
color: #181526;
margin: 0;
font-style: italic;
}

.prm .pm-card-detail {
font-size: 14px;
line-height: 1.6;
color: #181526;
opacity: 0.75;
margin: 0;
}

.prm .pm-card.wide {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
align-items: center;
}

.prm .pm-card.wide .pm-card-portrait {
flex-direction: column;
align-items: flex-start;
}

.prm .pm-card.wide .pm-card-img {
width: 96px;
height: 96px;
}

.prm .pm-card-img-content {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
border-radius: 13px;
display: block;
}

.prm .pm-numbers {
background: #F4F6F8;
padding: 96px 0;
}

.prm .pm-num-top {
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
margin-bottom: 64px;
}

.prm .pm-num-tag {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #18A257;
}

.prm .pm-num-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
margin: 0;
font-style: italic;
}

.prm .pm-num-sub {
font-size: 22px;
line-height: 1.6;
color: #181526;
opacity: 0.7;
margin: 0;
max-width: 640px;
}

.prm .pm-stats-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
margin-bottom: 64px;
}

.prm .pm-stat {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
text-align: center;
padding: 32px 16px;
border-radius: 13px;
border: 2px solid #181526;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06);
transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.prm .pm-stat:hover {
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
border-color: #18A257;
}

.prm .pm-stat-num {
font-size: 55px;
line-height: 1.1;
color: #181526;
font-weight: 700;
}

.prm .pm-stat-num em {
color: #18A257;
font-style: normal;
}

.prm .pm-stat-desc {
font-size: 14px;
line-height: 1.6;
color: #181526;
opacity: 0.7;
margin: 0;
}

.prm .pm-num-img-row {
display: grid;
grid-template-columns: 3fr 2fr 2fr;
gap: 32px;
align-items: stretch;
}

.prm .pm-num-img-large {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
border-radius: 13px;
display: block;
}

.prm .pm-num-img-sm {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
border-radius: 13px;
display: block;
}

.prm .pm-num-text-box {
background: #181526;
border-radius: 13px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
}

.prm .pm-num-text-box p {
font-size: 22px;
line-height: 1.6;
color: #F4F6F8;
margin: 0;
}

.prm .pm-num-text-box strong {
color: #18A257;
}

@media (max-width: 1024px) {
.prm .pm-t1-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.prm .pm-t1-img-col {
display: none;
}

.prm .pm-hes-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.prm .pm-hes-img {
display: none;
}

.prm .pm-stats-row {
grid-template-columns: repeat(2, 1fr);
}

.prm .pm-num-img-row {
grid-template-columns: 1fr 1fr;
}

.prm .pm-num-img-large {
grid-column: 1 / -1;
}

.prm .pm-soc-grid {
grid-template-columns: 1fr;
}

.prm .pm-card.wide {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
.prm .pm-t1 {
padding: 64px 0 32px;
}

.prm .pm-t1-h1 {
font-size: 40px;
}

.prm .pm-hesitation {
padding: 64px 0;
}

.prm .pm-numbers {
padding: 64px 0;
}

.prm .pm-stats-row {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}

.prm .pm-num-img-row {
grid-template-columns: 1fr;
}

.prm .pm-num-img-sm:last-child {
display: none;
}

.prm .pm-container {
padding-left: 16px;
padding-right: 16px;
}

.prm .pm-social {
padding: 64px 0;
}
}

@media (max-width: 360px) {
.prm .pm-t1-h1 {
font-size: 40px;
}

.prm .pm-stats-row {
grid-template-columns: 1fr;
}

.prm .pm-hes-h2 {
font-size: 40px;
}
}

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

.ct-us .pg-band {
position: relative;
padding: 96px 16px;
background: #181526;
overflow: hidden;
}

.ct-us .pg-band::before {
content: "";
position: absolute;
inset: 0;
background:
repeating-linear-gradient(0deg,
transparent,
transparent 38px,
rgba(24, 162, 87, 0.045) 38px,
rgba(24, 162, 87, 0.045) 39px);
animation: scanline-drift 18s linear infinite;
pointer-events: none;
}

.ct-us .pg-band::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 50%, transparent 40%, rgba(24, 21, 38, 0.82) 100%);
pointer-events: none;
}

@keyframes scanline-drift {
0% {
transform: translateY(0);
}

100% {
transform: translateY(39px);
}
}

.ct-us .pg-band .geo-corner-tl {
position: absolute;
top: 32px;
left: 32px;
width: 64px;
height: 64px;
border-top: 1px solid rgba(24, 162, 87, 0.5);
border-left: 1px solid rgba(24, 162, 87, 0.5);
z-index: 1;
pointer-events: none;
}

.ct-us .pg-band .geo-corner-br {
position: absolute;
bottom: 32px;
right: 32px;
width: 64px;
height: 64px;
border-bottom: 1px solid rgba(24, 162, 87, 0.5);
border-right: 1px solid rgba(24, 162, 87, 0.5);
z-index: 1;
pointer-events: none;
}

.ct-us .pg-band .band-inner {
position: relative;
z-index: 2;
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 64px;
}

.ct-us .pg-band .band-left {
flex: 0 0 33.333%;
display: flex;
flex-direction: column;
gap: 32px;
}

.ct-us .pg-band .band-right {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.ct-us .pg-band .lbl-tag {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #18A257;
border: 1.5px solid rgba(24, 162, 87, 0.4);
border-radius: 3px;
padding: 8px 16px;
width: fit-content;
}

.ct-us .pg-band .band-heading {
font-size: 55px;
line-height: 1.1;
color: #fff;
font-style: italic;
margin: 0;
}

.ct-us .pg-band .band-heading em {
color: #18A257;
font-style: normal;
}

.ct-us .pg-band .band-sub {
font-size: 14px;
line-height: 1.6;
color: rgba(244, 246, 248, 0.7);
margin: 0;
}

.ct-us .pg-band .coord-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.ct-us .pg-band .coord-list li {
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .pg-band .coord-label {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(244, 246, 248, 0.45);
}

.ct-us .pg-band .coord-val {
font-size: 22px;
line-height: 1.4;
color: #F4F6F8;
}

.ct-us .pg-band .coord-val a {
color: #F4F6F8;
text-decoration: none;
border-bottom: 1px solid rgba(24, 162, 87, 0.5);
transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.ct-us .pg-band .coord-val a:hover {
color: #18A257;
border-color: #18A257;
}

.ct-us .pg-band .divider-line {
width: 40px;
height: 2px;
background: #18A257;
border: none;
margin: 0;
}

.ct-us .pg-band .num-anchor {
font-size: 70px;
line-height: 1.1;
color: rgba(24, 162, 87, 0.18);
font-style: italic;
display: block;
margin-bottom: 8px;
}

.ct-us .form-block {
padding: 96px 16px;
background: #F4F6F8;
position: relative;
}

.ct-us .form-block .iso-bg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.ct-us .form-block .iso-bg svg {
position: absolute;
right: 0;
top: 0;
width: 420px;
height: 420px;
opacity: 0.06;
}

.ct-us .form-block .form-wrap {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
}

.ct-us .form-block .form-aside {
flex: 0 0 33.333%;
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 8px;
}

.ct-us .form-block .aside-heading {
font-size: 40px;
line-height: 1.1;
color: #181526;
font-style: italic;
margin: 0;
}

.ct-us .form-block .aside-body {
font-size: 14px;
line-height: 1.6;
color: #3d3a52;
margin: 0;
}

.ct-us .form-block .step-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}

.ct-us .form-block .step-list::before {
content: "";
position: absolute;
left: 10px;
top: 10px;
bottom: 10px;
width: 1px;
background: linear-gradient(to bottom, #18A257, transparent);
}

.ct-us .form-block .step-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
position: relative;
}

.ct-us .form-block .step-dot {
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 40px;
background: #18A257;
margin-top: 2px;
display: flex;
align-items: center;
justify-content: center;
}

.ct-us .form-block .step-dot.dim {
background: #fff;
border: 2px solid rgba(24, 162, 87, 0.4);
}

.ct-us .form-block .step-text {
font-size: 14px;
line-height: 1.6;
color: #181526;
}

.ct-us .form-block .form-main {
flex: 1 1 0;
}

.ct-us .form-block .card-form {
background: #fff;
border-radius: 13px;
padding: 64px;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
border: 1.5px solid rgba(24, 21, 38, 0.06);
position: relative;
}

.ct-us .form-block .card-form::before {
content: "";
position: absolute;
inset: -1px;
border-radius: 13px;
border: 1px dashed rgba(24, 162, 87, 0.25);
pointer-events: none;
}

.ct-us .form-block .f-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 16px;
}

.ct-us .form-block .f-group {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 0;
margin-bottom: 16px;
}

.ct-us .form-block .f-group.no-mb {
margin-bottom: 0;
}

.ct-us .form-block .f-label {
font-size: 14px;
line-height: 1.4;
color: #181526;
letter-spacing: 0.04em;
}

.ct-us .form-block .f-label span {
color: #18A257;
margin-left: 2px;
}

.ct-us .form-block .f-input {
width: 100%;
padding: 16px;
font-size: 14px;
line-height: 1.4;
color: #181526;
background: #F4F6F8;
border: 2px solid rgba(24, 21, 38, 0.12);
border-radius: 3px;
outline: none;
box-sizing: border-box;
transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .form-block .f-input::placeholder {
font-size: 13px;
color: #9a97ab;
}

.ct-us .form-block .f-input:focus {
border-color: #18A257;
box-shadow: 0 1px 6px 0 rgba(24, 162, 87, 0.06);
background: #fff;
}

.ct-us .form-block .f-select {
width: 100%;
padding: 16px;
font-size: 14px;
line-height: 1.4;
color: #181526;
background: #F4F6F8;
border: 2px solid rgba(24, 21, 38, 0.12);
border-radius: 3px;
outline: none;
box-sizing: border-box;
appearance: none;
cursor: pointer;
transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .form-block .f-select:focus {
border-color: #18A257;
}

.ct-us .form-block .f-select-wrap {
position: relative;
}

.ct-us .form-block .f-select-wrap::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #181526;
pointer-events: none;
}

.ct-us .form-block .cond-trigger {
display: none;
}

.ct-us .form-block .cond-block {
display: none;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}

.ct-us .form-block .cond-trigger:checked~.cond-block {
display: flex;
}

.ct-us .form-block .toggle-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
padding: 16px;
background: #F4F6F8;
border-radius: 3px;
border: 1.5px solid rgba(24, 21, 38, 0.08);
cursor: pointer;
}

.ct-us .form-block .toggle-row input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #18A257;
cursor: pointer;
flex-shrink: 0;
}

.ct-us .form-block .toggle-label {
font-size: 14px;
line-height: 1.4;
color: #181526;
cursor: pointer;
}

.ct-us .form-block .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 32px;
padding: 16px;
border-radius: 3px;
border: 1.5px solid rgba(24, 21, 38, 0.08);
}

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

.ct-us .form-block .privacy-text {
font-size: 14px;
line-height: 1.6;
color: #3d3a52;
}

.ct-us .form-block .privacy-text a {
color: #18A257;
text-decoration: none;
border-bottom: 1px solid rgba(24, 162, 87, 0.4);
transition: border-color 0.25s ease-in-out;
}

.ct-us .form-block .privacy-text a:hover {
border-color: #18A257;
}

.ct-us .form-block .btn-send {
display: inline-block;
position: relative;
padding: 16px 32px;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #181526;
background: transparent;
border: 2.5px solid #181526;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
text-align: center;
}

.ct-us .form-block .btn-send::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #18A257;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}

.ct-us .form-block .btn-send:hover::before {
height: 100%;
}

.ct-us .form-block .btn-send:hover {
color: #fff;
border-color: #18A257;
}

.ct-us .form-block .btn-send:active {
box-shadow: inset 0 2px 8px 0 rgba(24, 162, 87, 0.18);
}

.ct-us .form-block .btn-send span {
position: relative;
z-index: 1;
}

.ct-us .form-block .section-note {
font-size: 14px;
line-height: 1.6;
color: #9a97ab;
margin-top: 16px;
text-align: center;
}

.ct-us .form-block .section-note a {
color: #18A257;
text-decoration: none;
border-bottom: 1px solid rgba(24, 162, 87, 0.35);
transition: border-color 0.25s ease-in-out;
}

.ct-us .form-block .section-note a:hover {
border-color: #18A257;
}

.ct-us .form-block .form-heading {
font-size: 22px;
line-height: 1.4;
color: #181526;
margin: 0 0 32px 0;
font-style: italic;
}

@media (max-width: 1024px) {
.ct-us .pg-band .band-inner {
flex-direction: column;
gap: 32px;
}

.ct-us .pg-band .band-left {
flex: none;
width: 100%;
}

.ct-us .pg-band .band-heading {
font-size: 40px;
}

.ct-us .form-block .form-wrap {
flex-direction: column;
gap: 32px;
}

.ct-us .form-block .form-aside {
flex: none;
width: 100%;
}

.ct-us .form-block .card-form {
padding: 32px;
}
}

@media (max-width: 768px) {
.ct-us .pg-band {
padding: 64px 16px;
}

.ct-us .pg-band .band-heading {
font-size: 40px;
}

.ct-us .pg-band .geo-corner-tl,
.ct-us .pg-band .geo-corner-br {
display: none;
}

.ct-us .form-block {
padding: 64px 16px;
}

.ct-us .form-block .f-row {
flex-direction: column;
gap: 0;
}

.ct-us .form-block .card-form {
padding: 32px 16px;
}

.ct-us .form-block .aside-heading {
font-size: 22px;
}

.ct-us .form-block .iso-bg svg {
width: 200px;
height: 200px;
}
}

@media (max-width: 360px) {
.ct-us .pg-band .band-heading {
font-size: 40px;
}

.ct-us .form-block .card-form {
padding: 16px;
}
}

@media (min-width: 769px) {
.ct-us .form-block .toggle-row {
transition: background 0.28s ease-in-out;
}

.ct-us .form-block .toggle-row:hover {
background: rgba(24, 162, 87, 0.06);
}
}

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

.abt-pg .abt-inner {
max-width: 1140px;
margin: 0 auto;
padding: 0 32px;
}

.abt-pg .abt-lead {
position: relative;
padding: 96px 0 64px;
background: #181526;
overflow: hidden;
}

.abt-pg .abt-lead::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(112deg, #181526 0%, #18A257 100%);
opacity: 0.18;
pointer-events: none;
}

.abt-pg .abt-lead-glow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
box-shadow:
0 0 60px 0 rgba(24, 162, 87, 0.12),
inset 0 0 80px 0 rgba(24, 162, 87, 0.07);
animation: edgeglow 3.8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes edgeglow {
0% {
box-shadow:
0 0 40px 0 rgba(24, 162, 87, 0.07),
inset 0 0 60px 0 rgba(24, 162, 87, 0.04);
}

100% {
box-shadow:
0 0 90px 0 rgba(24, 162, 87, 0.18),
inset 0 0 100px 0 rgba(24, 162, 87, 0.12);
}
}

.abt-pg .abt-lead-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
position: relative;
z-index: 1;
}

.abt-pg .abt-lead-text {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-pg .abt-eyebrow {
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #18A257;
border-bottom: 2px solid #18A257;
padding-bottom: 8px;
width: fit-content;
}

.abt-pg .abt-h1 {
font-size: 55px;
line-height: 1.1;
color: #F4F6F8;
margin: 0;
font-style: italic;
}

.abt-pg .abt-h1 .kw-line {
display: inline;
text-decoration: underline;
text-decoration-color: #18A257;
text-decoration-thickness: 3px;
text-underline-offset: 6px;
}

.abt-pg .abt-lead-desc {
font-size: 22px;
line-height: 1.6;
color: #c8cdd8;
margin: 0;
}

.abt-pg .abt-metrics-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 8px;
}

.abt-pg .abt-metric {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .abt-metric-num {
font-size: 40px;
line-height: 1.1;
color: #18A257;
font-style: italic;
}

.abt-pg .abt-metric-label {
font-size: 14px;
line-height: 1.4;
color: #8a91a0;
}

.abt-pg .abt-metric-divider {
width: 1px;
background: linear-gradient(to bottom, transparent, #18A257, transparent);
align-self: stretch;
margin: 0 8px;
}

.abt-pg .abt-lead-img-col {
position: relative;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end;
}

.abt-pg .abt-lead-decor {
position: absolute;
top: -32px;
left: -32px;
width: 180px;
height: 180px;
border: 1px solid rgba(24, 162, 87, 0.18);
border-radius: 24px;
pointer-events: none;
z-index: 0;
}

.abt-pg .abt-lead-decor::after {
content: "";
position: absolute;
top: 16px;
left: 16px;
right: -16px;
bottom: -16px;
border: 1px solid rgba(24, 162, 87, 0.09);
border-radius: 24px;
}

.abt-pg .abt-img-frame {
position: relative;
z-index: 1;
border-radius: 24px;
overflow: hidden;
width: 100%;
max-width: 420px;
aspect-ratio: 4/3;
box-shadow: 0 12px 60px 0 rgba(24, 21, 38, 0.12);
}

.abt-pg .abt-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.82) saturate(1.1) sepia(0.18);
transition: filter 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-pg .abt-img-frame:hover img {
filter: brightness(1.05) saturate(1.15) sepia(0.06);
}

.abt-pg .abt-img-caption {
font-size: 14px;
line-height: 1.4;
color: #8a91a0;
text-align: right;
padding-right: 8px;
}

.abt-pg .abt-detail {
padding: 96px 0;
background: #F4F6F8;
position: relative;
}

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

.abt-pg .abt-col-divider {
background: linear-gradient(to bottom, transparent, #18A257 30%, #18A257 70%, transparent);
align-self: stretch;
border-radius: 3px;
min-height: 320px;
}

.abt-pg .abt-col-left {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-pg .abt-col-right {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-pg .abt-h2 {
font-size: 40px;
line-height: 1.1;
color: #181526;
margin: 0;
font-style: italic;
}

.abt-pg .abt-body {
font-size: 22px;
line-height: 1.6;
color: #2e2c3e;
margin: 0;
}

.abt-pg .abt-body-sm {
font-size: 14px;
line-height: 1.6;
color: #4a4860;
margin: 0;
}

.abt-pg .abt-trail {
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 8px;
}

.abt-pg .abt-trail-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
position: relative;
}

.abt-pg .abt-trail-item::before {
content: "";
display: block;
width: 10px;
height: 10px;
min-width: 10px;
border-radius: 40px;
background: #18A257;
margin-top: 6px;
box-shadow: 0 1px 6px 0 rgba(24, 162, 87, 0.10);
}

.abt-pg .abt-trail-item:not(:last-child)::after {
content: "";
position: absolute;
left: 4px;
top: 16px;
width: 2px;
bottom: -16px;
background: linear-gradient(to bottom, #18A257, rgba(24, 162, 87, 0.12));
}

.abt-pg .abt-trail-text {
font-size: 14px;
line-height: 1.6;
color: #2e2c3e;
}

.abt-pg .abt-trail-text strong {
font-size: 22px;
line-height: 1.1;
display: block;
color: #181526;
margin-bottom: 8px;
}

.abt-pg .abt-img-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.abt-pg .abt-img-sm {
border-radius: 13px;
overflow: hidden;
aspect-ratio: 3/2;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
}

.abt-pg .abt-img-sm img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.88);
transition: filter 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-pg .abt-img-sm:hover img {
filter: brightness(1.06);
}

.abt-pg .abt-img-wide {
border-radius: 13px;
overflow: hidden;
aspect-ratio: 16/7;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
}

.abt-pg .abt-img-wide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.88);
transition: filter 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-pg .abt-img-wide:hover img {
filter: brightness(1.06);
}

.abt-pg .abt-team-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
background: #fff;
border-radius: 13px;
border: 1.5px solid rgba(24, 162, 87, 0.15);
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06);
}

.abt-pg .abt-portrait {
width: 72px;
min-width: 72px;
height: 90px;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 1px 6px 0 rgba(24, 21, 38, 0.06);
}

.abt-pg .abt-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-pg .abt-team-info {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .abt-team-name {
font-size: 22px;
line-height: 1.1;
color: #181526;
margin: 0;
}

.abt-pg .abt-team-role {
font-size: 14px;
line-height: 1.4;
color: #18A257;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.abt-pg .abt-team-bio {
font-size: 14px;
line-height: 1.6;
color: #4a4860;
margin: 0;
}

.abt-pg .abt-big-num-row {
display: flex;
flex-direction: row;
gap: 0;
align-items: stretch;
background: #181526;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 6px 20px 0 rgba(24, 21, 38, 0.10);
}

.abt-pg .abt-big-num {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 16px;
gap: 8px;
}

.abt-pg .abt-big-num+.abt-big-num {
border-left: 1px solid rgba(244, 246, 248, 0.08);
}

.abt-pg .abt-big-num-val {
font-size: 55px;
line-height: 1.1;
color: #18A257;
font-style: italic;
}

.abt-pg .abt-big-num-desc {
font-size: 14px;
line-height: 1.4;
color: #8a91a0;
text-align: center;
}

.abt-pg .abt-underline-link {
display: inline;
color: #18A257;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
transition: text-decoration-thickness 0.25s ease-in-out, color 0.25s ease-in-out;
}

.abt-pg .abt-underline-link:hover {
text-decoration-thickness: 4px;
color: #181526;
}

.abt-pg .abt-detail-bottom {
margin-top: 64px;
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-pg .abt-blueprint {
position: absolute;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(24, 162, 87, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(24, 162, 87, 0.04) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
}

.abt-pg .abt-detail>.abt-inner {
position: relative;
z-index: 1;
}

@media (max-width: 1024px) {
.abt-pg .abt-lead-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.abt-pg .abt-lead-img-col {
align-items: flex-start;
display: none;
}

.abt-pg .abt-h1 {
font-size: 40px;
}

.abt-pg .abt-detail-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.abt-pg .abt-col-divider {
display: none;
}

.abt-pg .abt-big-num-val {
font-size: 40px;
}
}

@media (max-width: 768px) {
.abt-pg .abt-lead {
padding: 64px 0 48px;
}

.abt-pg .abt-inner {
padding: 0 16px;
}

.abt-pg .abt-h1 {
font-size: 40px;
}

.abt-pg .abt-lead-desc {
font-size: 14px;
}

.abt-pg .abt-metrics-row {
flex-direction: column;
gap: 16px;
}

.abt-pg .abt-metric-divider {
display: none;
}

.abt-pg .abt-detail {
padding: 64px 0;
}

.abt-pg .abt-img-pair {
grid-template-columns: 1fr;
}

.abt-pg .abt-big-num-row {
flex-direction: column;
}

.abt-pg .abt-big-num+.abt-big-num {
border-left: none;
border-top: 1px solid rgba(244, 246, 248, 0.08);
}

.abt-pg .abt-h2 {
font-size: 40px;
}
}

@media (max-width: 360px) {
.abt-pg .abt-h1 {
font-size: 40px;
}

.abt-pg .abt-inner {
padding: 0 8px;
}

.abt-pg .abt-big-num-val {
font-size: 40px;
}
}

@media (min-width: 769px) {

.abt-pg .abt-img-frame,
.abt-pg .abt-img-sm,
.abt-pg .abt-img-wide {
transition: box-shadow 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-pg .abt-img-frame:hover,
.abt-pg .abt-img-sm:hover,
.abt-pg .abt-img-wide:hover {
box-shadow: 0 12px 60px 0 rgba(24, 21, 38, 0.12);
}
}

.success-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
background-color: #F4F6F8;
}

.success-page .success-card {
max-width: 560px;
width: 100%;
background: #ffffff;
border-radius: 24px;
padding: 64px 32px;
text-align: center;
box-shadow: 0 12px 60px 0 rgba(24, 162, 87, 0.12);
border-top: 4px solid #18A257;
}

.success-page .success-icon {
width: 72px;
height: 72px;
margin: 0 auto 32px;
display: flex;
align-items: center;
justify-content: center;
}

.success-page .success-icon svg {
width: 72px;
height: 72px;
}

.success-page .success-heading {
font-size: 40px;
line-height: 1.1;
color: #181526;
margin: 0 0 16px;
font-style: italic;
}

.success-page .success-subtext {
font-size: 22px;
line-height: 1.4;
color: #181526;
margin: 0 0 32px;
opacity: 0.75;
}

.success-page .success-detail {
font-size: 14px;
line-height: 1.6;
color: #181526;
opacity: 0.6;
margin: 0 0 64px;
}

.success-page .success-divider {
width: 48px;
height: 3px;
background: #18A257;
border-radius: 3px;
margin: 0 auto 64px;
}

.success-page .back-btn {
display: inline-block;
font-size: 14px;
line-height: 1.4;
color: #181526;
background: transparent;
border: 3px solid #181526;
border-radius: 13px;
padding: 16px 32px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.28s ease-in-out, border-color 0.28s ease-in-out;
z-index: 0;
}

.success-page .back-btn::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #181526;
border-radius: 0;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}

.success-page .back-btn:hover {
color: #ffffff;
border-color: #181526;
}

.success-page .back-btn:hover::before {
height: 100%;
}

.success-page .back-btn:focus {
outline: 3px solid #18A257;
outline-offset: 3px;
}

.success-page .back-btn:active {
box-shadow: inset 0 2px 6px 0 rgba(24, 21, 38, 0.18);
}

@media (max-width: 768px) {
.success-page {
padding: 64px 16px;
}

.success-page .success-card {
padding: 32px 16px;
}

.success-page .success-heading {
font-size: 22px;
}

.success-page .success-subtext {
font-size: 14px;
}
}