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

html {
scroll-behavior: smooth;
}

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

@import url('https://cdn.jsdelivr.net/npm/@fontsource/ubuntu@latest/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/ubuntu@latest/700.css');

.brand-bar {
background: linear-gradient(160deg, #1b2a14 0%, #0f1a0a 55%, #0a1208 100%);
border-bottom: 1px solid rgba(88, 146, 67, 0.18);
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
max-width: 100%;
}

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

.brand-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
border-radius: 34px;
background: rgba(88, 146, 67, 0.10);
box-shadow: 0 0 0 2px rgba(88, 146, 67, 0.35), 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
padding: 8px;
flex-shrink: 0;
}

.brand-logo-wrap img {
width: 52px;
height: 52px;
object-fit: contain;
display: block;
}

.brand-name-block {
display: flex;
flex-direction: column;
gap: 0;
}

.brand-name {
font-size: 29px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.02em;
color: #C7CEA9;
margin: 0;
}

.brand-tagline {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.01em;
color: rgba(199, 206, 169, 0.58);
margin: 0;
}

.brand-contacts {
display: flex;
align-items: center;
gap: 32px;
flex-shrink: 0;
}

.contact-item {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #C7CEA9;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.01em;
padding: 8px 16px;
border-radius: 9px;
border: 1px solid rgba(88, 146, 67, 0.22);
background: rgba(88, 146, 67, 0.06);
transition: background 0.15s cubic-bezier(0.4, 0, 1, 1), border-color 0.12s cubic-bezier(0.4, 0, 1, 1);
min-height: 44px;
}

.contact-item:hover {
background: rgba(88, 146, 67, 0.14);
border-color: rgba(88, 146, 67, 0.45);
}

.contact-item:focus {
outline: none;
transform: scale(1.02);
}

.contact-item .fi {
font-size: 17px;
color: #589243;
flex-shrink: 0;
}

.contact-item .fi-hover {
display: none;
}

.contact-item:hover .fi-default {
display: none;
}

.contact-item:hover .fi-hover {
display: inline;
font-size: 17px;
color: #589243;
}

.primary-nav-bar {
background: linear-gradient(180deg, #0f1a0a 0%, #0d1808 100%);
border-bottom: 2px solid rgba(88, 146, 67, 0.28);
padding: 0 32px;
}

.primary-nav-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}

.nav-link {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: rgba(199, 206, 169, 0.78);
font-size: 14px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
padding: 16px 16px;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: color 0.14s ease-in, border-color 0.12s ease-in;
white-space: nowrap;
min-height: 44px;
}

.nav-link:hover {
color: #C7CEA9;
border-bottom-color: #589243;
}

.nav-link:focus {
outline: none;
transform: scale(1.02);
color: #FDFDFC;
}

.nav-link.active {
color: #589243;
border-bottom-color: #589243;
}

.nav-link .fi {
font-size: 14px;
opacity: 0.7;
}

.site-header {
background: linear-gradient(160deg, #1b2a14 0%, #0f1a0a 100%);
position: relative;
}

.site-header-inner {
max-width: 1024px;
margin: 0 auto;
}

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

.site-footer {
background: linear-gradient(180deg, #0a1208 0%, #070f05 100%);
border-top: 2px solid rgba(88, 146, 67, 0.28);
}

.footer-inner {
max-width: 1024px;
margin: 0 auto;
padding: 48px 32px 32px;
}

.footer-grid {
display: flex;
gap: 48px;
align-items: flex-start;
flex-wrap: wrap;
}

.footer-brand-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
flex: 0 0 auto;
min-width: 160px;
}

.footer-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
border-radius: 31px;
background: rgba(88, 146, 67, 0.10);
box-shadow: 0 0 0 2px rgba(88, 146, 67, 0.32), 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
padding: 8px;
}

.footer-logo-wrap img {
width: 46px;
height: 46px;
object-fit: contain;
display: block;
}

.footer-brand-name {
font-size: 22px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.02em;
color: #C7CEA9;
margin: 0;
text-align: center;
}

.footer-copy {
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.01em;
color: rgba(199, 206, 169, 0.45);
text-align: center;
margin: 0;
}

.footer-links-col {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 160px;
}

.footer-col-label {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
color: #589243;
margin: 0 0 8px;
text-transform: uppercase;
}

.footer-nav-link {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: rgba(199, 206, 169, 0.65);
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.01em;
border-radius: 2px;
padding: 4px 0;
transition: color 0.14s ease-in;
min-height: 44px;
}

.footer-nav-link:hover {
color: #C7CEA9;
}

.footer-nav-link:focus {
outline: none;
transform: scale(1.02);
color: #FDFDFC;
}

.footer-nav-link .fi {
font-size: 14px;
color: rgba(88, 146, 67, 0.6);
flex-shrink: 0;
}

.footer-divider {
border: none;
border-top: 1px solid rgba(88, 146, 67, 0.14);
margin: 32px 0 16px;
}

.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.footer-address {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.01em;
color: rgba(199, 206, 169, 0.4);
margin: 0;
}

.footer-address .fi {
font-size: 14px;
color: rgba(88, 146, 67, 0.5);
}

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

.footer-legal-link {
text-decoration: none;
color: rgba(199, 206, 169, 0.45);
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.01em;
border-radius: 2px;
transition: color 0.12s ease-in;
min-height: 44px;
display: flex;
align-items: center;
}

.footer-legal-link:hover {
color: #C7CEA9;
}

.footer-legal-link:focus {
outline: none;
transform: scale(1.02);
}

.consent-popup {
position: fixed;
top: 16px;
right: 16px;
z-index: 1500;
max-width: 360px;
width: calc(100vw - 32px);
background: #0f1a0a;
border: 1px solid rgba(88, 146, 67, 0.38);
border-radius: 9px;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
padding: 16px;
display: none;
transform: translateX(-120%);
transition: transform 0.22s cubic-bezier(0.4, 0, 1, 1);
}

.consent-popup.visible {
transform: translateX(0);
}

.consent-icon-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}

.consent-icon-svg {
width: 22px;
height: 22px;
flex-shrink: 0;
}

.consent-desc {
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.01em;
color: rgba(199, 206, 169, 0.78);
margin: 0 0 16px;
font-family: 'Ubuntu', sans-serif;
}

.consent-desc strong {
color: #C7CEA9;
}

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

.consent-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 16px;
border-radius: 9px;
border: 1px solid rgba(88, 146, 67, 0.45);
background: transparent;
color: #C7CEA9;
font-size: 14px;
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
letter-spacing: 0.01em;
cursor: pointer;
min-height: 44px;
transition: background 0.15s cubic-bezier(0.4, 0, 1, 1), border-color 0.12s ease-in;
position: relative;
overflow: hidden;
}

.consent-btn:hover {
background: rgba(88, 146, 67, 0.12);
border-color: rgba(88, 146, 67, 0.7);
}

.consent-btn:focus {
outline: none;
transform: scale(1.02);
}

.consent-btn.accept {
border-color: #589243;
color: #589243;
}

.consent-btn.accept:hover {
background: rgba(88, 146, 67, 0.18);
}

@media (max-width: 960px) {
.brand-bar-inner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.brand-contacts {
gap: 16px;
}

.footer-grid {
gap: 32px;
}
}

@media (max-width: 480px) {
.brand-bar {
padding: 16px;
}

.primary-nav-bar {
padding: 0 16px;
}

.brand-contacts {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.footer-inner {
padding: 32px 16px 16px;
}

.footer-grid {
flex-direction: column;
gap: 32px;
}

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

.nav-link {
padding: 16px 8px;
font-size: 14px;
}

.consent-popup {
top: 8px;
right: 8px;
width: calc(100vw - 16px);
}
}

.kjzg-doc-content {
max-width: 1024px;
margin: 0 auto;
padding: 48px 32px;
background: linear-gradient(160deg, #1a2a14 0%, #0d1a09 100%);
color: #d4dbc8;
line-height: 1.65;
font-size: 17px;
letter-spacing: 0.015em;
}

.kjzg-doc-content h1 {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0 0 32px 0;
padding-bottom: 16px;
border-bottom: 2px solid #589243;
}

.kjzg-doc-content h2 {
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 48px 0 16px 0;
}

.kjzg-doc-content h3 {
font-size: 29px;
line-height: 1.4;
letter-spacing: 0.015em;
color: #C7CEA9;
margin: 32px 0 16px 0;
}

.kjzg-doc-content h4 {
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.015em;
color: #C7CEA9;
margin: 32px 0 8px 0;
}

.kjzg-doc-content h5 {
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #FDFDFC;
margin: 16px 0 8px 0;
text-transform: uppercase;
}

.kjzg-doc-content h6 {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #FDFDFC;
margin: 16px 0 8px 0;
text-transform: uppercase;
}

.kjzg-doc-content p {
font-size: 17px;
line-height: 1.85;
letter-spacing: 0.015em;
color: #d4dbc8;
margin: 0 0 16px 0;
}

.kjzg-doc-content ul {
margin: 0 0 16px 0;
padding: 0 0 0 32px;
list-style: none;
}

.kjzg-doc-content ol {
margin: 0 0 16px 0;
padding: 0 0 0 32px;
list-style: none;
counter-reset: policy-ol;
}

.kjzg-doc-content ul li {
font-size: 17px;
line-height: 1.85;
letter-spacing: 0.015em;
color: #d4dbc8;
margin: 0 0 8px 0;
padding: 0 0 0 16px;
position: relative;
}

.kjzg-doc-content ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.75em;
width: 6px;
height: 6px;
background: #589243;
border-radius: 2px;
transform: rotate(45deg);
}

.kjzg-doc-content ol li {
font-size: 17px;
line-height: 1.85;
letter-spacing: 0.015em;
color: #d4dbc8;
margin: 0 0 8px 0;
padding: 0 0 0 8px;
position: relative;
counter-increment: policy-ol;
}

.kjzg-doc-content ol li::before {
content: counter(policy-ol) ".";
position: absolute;
left: -24px;
color: #589243;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
}

.kjzg-doc-content strong,
.kjzg-doc-content b {
color: #FDFDFC;
font-weight: 700;
letter-spacing: 0.01em;
}

.kjzg-doc-content hr {
border: none;
border-top: 1px solid rgba(88, 146, 67, 0.25);
margin: 48px 0;
}

.kjzg-doc-content table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.015em;
border-radius: 9px;
overflow: hidden;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.kjzg-doc-content thead {
background: rgba(88, 146, 67, 0.18);
}

.kjzg-doc-content thead th {
color: #C7CEA9;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 16px;
text-align: left;
border-bottom: 2px solid rgba(88, 146, 67, 0.35);
}

.kjzg-doc-content tbody tr {
border-bottom: 1px solid rgba(199, 206, 169, 0.08);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1);
}

.kjzg-doc-content tbody tr:hover {
background: rgba(88, 146, 67, 0.07);
}

.kjzg-doc-content tbody tr:last-child {
border-bottom: none;
}

.kjzg-doc-content td {
color: #d4dbc8;
font-size: 14px;
line-height: 1.65;
padding: 16px;
vertical-align: top;
}

@media (max-width: 960px) {
.kjzg-doc-content {
padding: 48px 32px;
}

.kjzg-doc-content h1 {
font-size: 40px;
}

.kjzg-doc-content h2 {
font-size: 29px;
}

.kjzg-doc-content h3 {
font-size: 22px;
}
}

@media (max-width: 480px) {
.kjzg-doc-content {
padding: 32px 16px;
}

.kjzg-doc-content h1 {
font-size: 29px;
}

.kjzg-doc-content h2 {
font-size: 22px;
}

.kjzg-doc-content h3 {
font-size: 17px;
}

.kjzg-doc-content table {
display: block;
overflow-x: auto;
}
}

.lp-det {
background: linear-gradient(170deg, #1e2a1a 0%, #0d1509 100%);
min-height: 100vh;
color: #d4dcc8;
overflow-x: clip;
}

.lp-det .db-schema {
display: none;
}

.lp-det .title-grid {
display: grid;
grid-template-columns: 40% 60%;
min-height: 520px;
padding: 48px 0 96px;
max-width: 1024px;
margin: 0 auto;
gap: 48px;
align-items: center;
}

.lp-det .img-frame {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.lp-det .img-blob {
position: absolute;
width: 320px;
height: 320px;
background: radial-gradient(ellipse at 30% 60%, rgba(88, 146, 67, 0.22) 0%, rgba(199, 206, 169, 0.08) 60%, transparent 80%);
filter: blur(32px);
border-radius: 50%;
top: -32px;
left: -16px;
pointer-events: none;
}

.lp-det .img-blob-2 {
position: absolute;
width: 200px;
height: 200px;
background: radial-gradient(ellipse at 70% 30%, rgba(199, 206, 169, 0.14) 0%, transparent 70%);
filter: blur(24px);
border-radius: 50%;
bottom: -16px;
right: -8px;
pointer-events: none;
}

.lp-det .img-crop {
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
width: 340px;
height: 400px;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
border-radius: 2px;
animation: wipe-in 0.16s cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes wipe-in {
from {
clip-path: polygon(12% 0%, 12% 0%, 12% 100%, 0% 100%);
}

to {
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
}
}

.lp-det .img-crop img {
width: 100%;
height: 100%;
object-fit: cover;
filter: sepia(0.25) contrast(1.08) brightness(0.88) saturate(0.85);
display: block;
}

.lp-det .txt-zone {
display: flex;
flex-direction: column;
gap: 32px;
}

.lp-det .meta-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap;
}

.lp-det .tag-pill {
background: rgba(88, 146, 67, 0.18);
color: #589243;
font-size: 14px;
line-height: 1.15;
letter-spacing: 0.02em;
padding: 8px 16px;
border-radius: 9px;
border: 1px solid rgba(88, 146, 67, 0.3);
}

.lp-det .user-badge {
font-size: 14px;
line-height: 1.15;
color: #C7CEA9;
letter-spacing: 0.01em;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.lp-det .user-badge svg {
flex-shrink: 0;
}

.lp-det .read-badge {
font-size: 14px;
line-height: 1.15;
color: #a8b898;
letter-spacing: 0.01em;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.lp-det .main-heading {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #FDFDFC;
margin: 0;
position: relative;
padding-left: 16px;
}

.lp-det .main-heading::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
width: 4px;
height: 48px;
background: linear-gradient(180deg, #589243 0%, #C7CEA9 100%);
border-radius: 2px;
}

.lp-det .action-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #589243;
color: #FDFDFC;
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.01em;
padding: 16px 32px;
border-radius: 9px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.15s ease-in;
align-self: flex-start;
position: relative;
overflow: hidden;
}

.lp-det .action-link:hover {
background: #4a7d38;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.lp-det .action-link:focus {
outline: 2px solid #C7CEA9;
outline-offset: 2px;
}

.lp-det .action-link .icon-default {
display: inline-block;
}

.lp-det .action-link .icon-hover {
display: none;
}

.lp-det .action-link:hover .icon-default {
display: none;
}

.lp-det .action-link:hover .icon-hover {
display: inline-block;
}

.lp-det .price-row {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 16px;
flex-wrap: wrap;
}

.lp-det .price-val {
font-size: 40px;
line-height: 1.15;
color: #589243;
letter-spacing: 0.01em;
}

.lp-det .price-note {
font-size: 14px;
line-height: 1.65;
color: #a8b898;
letter-spacing: 0.01em;
}

.lp-det .seats-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.4;
color: #C7CEA9;
}

.lp-det .seats-dot {
width: 8px;
height: 8px;
border-radius: 2px;
background: #589243;
flex-shrink: 0;
}

.lp-det .divider-wave {
width: 100%;
overflow: hidden;
line-height: 0;
height: 32px;
}

.lp-det .divider-wave svg {
display: block;
width: 100%;
}

.lp-det .body-grid {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 60% 40%;
gap: 48px;
padding: 48px 16px 96px;
align-items: start;
}

.lp-det .desc-col {
display: flex;
flex-direction: column;
gap: 32px;
}

.lp-det .desc-col .geo-head {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.lp-det .geo-shape {
width: 18px;
height: 18px;
background: linear-gradient(135deg, #589243 0%, #C7CEA9 100%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
flex-shrink: 0;
}

.lp-det .desc-col h2 {
font-size: 29px;
line-height: 1.4;
color: #C7CEA9;
margin: 0;
letter-spacing: 0.01em;
}

.lp-det .desc-body {
font-size: 17px;
line-height: 1.65;
color: #d4dcc8;
letter-spacing: 0.01em;
}

.lp-det .desc-body p {
margin: 0 0 16px;
}

.lp-det .desc-body p:last-child {
margin-bottom: 0;
}

.lp-det .desc-body h2,
.lp-det .desc-body h3 {
color: #C7CEA9;
margin: 32px 0 8px;
}

.lp-det .desc-body h2 {
font-size: 22px;
line-height: 1.4;
}

.lp-det .desc-body h3 {
font-size: 17px;
line-height: 1.4;
}

.lp-det .desc-body ol {
padding-left: 32px;
margin: 0 0 16px;
}

.lp-det .desc-body li {
font-size: 17px;
line-height: 1.65;
color: #d4dcc8;
padding-bottom: 8px;
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
margin-bottom: 8px;
list-style: decimal;
}

.lp-det .desc-body li:last-child {
border-bottom: none;
}

.lp-det .desc-body dl {
margin: 0 0 16px;
}

.lp-det .desc-body dt {
font-size: 17px;
line-height: 1.4;
color: #589243;
letter-spacing: 0.01em;
margin-top: 16px;
}

.lp-det .desc-body dd {
font-size: 14px;
line-height: 1.65;
color: #a8b898;
margin-left: 16px;
}

.lp-det .desc-body abbr {
text-decoration: underline dotted rgba(88, 146, 67, 0.5);
cursor: help;
}

.lp-det .desc-body em {
color: #C7CEA9;
font-style: italic;
}

.lp-det .blockquote-para {
border-left: 3px solid #589243;
border-top: 1px solid rgba(88, 146, 67, 0.2);
padding: 16px 16px 16px 32px;
background: rgba(88, 146, 67, 0.06);
border-radius: 2px;
font-size: 17px;
line-height: 1.65;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
}

.lp-det .program-col {
display: flex;
flex-direction: column;
gap: 32px;
position: sticky;
top: 32px;
}

.lp-det .prog-card {
background: linear-gradient(160deg, rgba(88, 146, 67, 0.1) 0%, rgba(13, 21, 9, 0.6) 100%);
border: 1px solid rgba(88, 146, 67, 0.2);
border-radius: 16px;
padding: 32px;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
display: flex;
flex-direction: column;
gap: 24px;
}

.lp-det .prog-card h3 {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
margin: 0;
letter-spacing: 0.01em;
}

.lp-det .prog-body {
font-size: 14px;
line-height: 1.65;
color: #d4dcc8;
}

.lp-det .prog-body p {
margin: 0 0 8px;
}

.lp-det .prog-body h2 {
font-size: 17px;
line-height: 1.4;
color: #589243;
margin: 16px 0 8px;
}

.lp-det .prog-body h3 {
font-size: 14px;
line-height: 1.4;
color: #C7CEA9;
margin: 8px 0 4px;
}

.lp-det .prog-body small {
font-size: 14px;
color: #a8b898;
}

.lp-det .prog-body em {
color: #C7CEA9;
font-style: italic;
}

.lp-det .prog-body ol {
padding-left: 16px;
margin: 0 0 8px;
}

.lp-det .prog-body li {
font-size: 14px;
line-height: 1.65;
color: #d4dcc8;
padding-bottom: 8px;
border-bottom: 1px solid rgba(199, 206, 169, 0.1);
margin-bottom: 8px;
list-style: decimal;
}

.lp-det .prog-body li:last-child {
border-bottom: none;
}

.lp-det .prog-body dl {
margin: 0 0 8px;
}

.lp-det .prog-body dt {
font-size: 14px;
color: #589243;
margin-top: 8px;
}

.lp-det .prog-body dd {
font-size: 14px;
color: #a8b898;
margin-left: 8px;
}

.lp-det .prog-body figure {
margin: 8px 0;
}

.lp-det .prog-body figcaption {
font-size: 14px;
color: #a8b898;
}

.lp-det .prog-body details {
border: 1px solid rgba(88, 146, 67, 0.2);
border-radius: 9px;
padding: 8px 16px;
margin-bottom: 8px;
}

.lp-det .prog-body summary {
cursor: pointer;
font-size: 14px;
color: #C7CEA9;
padding: 8px 0;
letter-spacing: 0.01em;
}

.lp-det .prog-body summary:focus {
outline: 2px solid #589243;
outline-offset: 2px;
}

.lp-det .like-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #a8b898;
}

.lp-det .like-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: rgba(88, 146, 67, 0.1);
border: 1px solid rgba(88, 146, 67, 0.25);
border-radius: 9px;
padding: 8px 16px;
color: #C7CEA9;
font-size: 14px;
cursor: pointer;
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), color 0.1s ease-in;
type: button;
}

.lp-det .like-btn:hover {
background: rgba(88, 146, 67, 0.22);
color: #FDFDFC;
}

.lp-det .like-btn:focus {
outline: 2px solid #589243;
outline-offset: 2px;
}

.lp-det .prog-divider {
height: 1px;
background: linear-gradient(90deg, rgba(88, 146, 67, 0.4) 0%, rgba(199, 206, 169, 0.1) 100%);
border: none;
margin: 0;
}

.lp-det .mesh-bg {
background:
radial-gradient(ellipse at 20% 30%, rgba(88, 146, 67, 0.13) 0%, transparent 55%),
radial-gradient(ellipse at 80% 70%, rgba(199, 206, 169, 0.07) 0%, transparent 50%),
radial-gradient(ellipse at 50% 90%, rgba(88, 146, 67, 0.06) 0%, transparent 45%),
linear-gradient(170deg, #111d0d 0%, #0a1207 100%);
}

@media (max-width: 960px) {
.lp-det .title-grid {
grid-template-columns: 1fr;
padding: 32px 16px 48px;
gap: 32px;
}

.lp-det .img-frame {
justify-content: flex-start;
}

.lp-det .img-crop {
width: 100%;
max-width: 400px;
height: 280px;
}

.lp-det .main-heading {
font-size: 40px;
}

.lp-det .body-grid {
grid-template-columns: 1fr;
padding: 32px 16px 48px;
}

.lp-det .program-col {
position: static;
}
}

@media (max-width: 480px) {
.lp-det .main-heading {
font-size: 29px;
}

.lp-det .price-val {
font-size: 29px;
}

.lp-det .img-crop {
height: 220px;
}

.lp-det .action-link {
width: 100%;
justify-content: center;
}
}

.lp-pg {
background: linear-gradient(180deg, #1e2a18 0%, #111a0d 100%);
min-height: 100vh;
overflow-x: hidden;
position: relative;
}

.lp-pg .divider {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #589243 40%, #C7CEA9 60%, transparent 100%);
opacity: 0.35;
margin: 0;
}

.lp-pg .pg-lead {
max-width: 1024px;
margin: 0 auto;
padding: 96px 32px 48px;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start;
position: relative;
}

.lp-pg .pg-lead::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(88, 146, 67, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(88, 146, 67, 0.06) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
}

.lp-pg .lead-stat {
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 8px;
}

.lp-pg .stat-num {
font-size: 70px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
font-weight: 700;
}

.lp-pg .stat-label {
font-size: 14px;
line-height: 1.4;
color: #C7CEA9;
letter-spacing: 0.02em;
margin-top: -24px;
text-transform: uppercase;
}

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

.lp-pg .lead-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(88, 146, 67, 0.12);
border: 1px solid rgba(88, 146, 67, 0.3);
border-radius: 2px;
padding: 8px 16px;
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
width: fit-content;
}

.lp-pg .lead-h1 {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #FDFDFC;
margin: 0;
}

.lp-pg .lead-h1 span {
color: #589243;
}

.lp-pg .lead-desc {
font-size: 17px;
line-height: 1.65;
color: #b8c4a8;
letter-spacing: 0.01em;
max-width: 560px;
}

.lp-pg .lead-quote {
border-left: 3px solid #589243;
border-top: 1px solid rgba(199, 206, 169, 0.2);
border-bottom: 1px solid rgba(199, 206, 169, 0.2);
padding: 16px 16px 16px 32px;
font-size: 17px;
line-height: 1.65;
color: #C7CEA9;
font-style: italic;
letter-spacing: 0.01em;
background: rgba(88, 146, 67, 0.04);
border-radius: 2px;
}

.lp-pg .cards-band {
max-width: 1024px;
margin: 0 auto;
padding: 48px 32px 96px;
}

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

.lp-pg .prog-card {
background: linear-gradient(160deg, #1e2d16 0%, #141e0f 100%);
border: 1px solid rgba(88, 146, 67, 0.2);
border-top: 3px solid #589243;
border-radius: 9px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 1, 1);
}

.lp-pg .prog-card:hover {
border-color: rgba(88, 146, 67, 0.6);
border-top-color: #C7CEA9;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.lp-pg .card-img-wrap {
width: 100%;
height: 180px;
overflow: hidden;
}

.lp-pg .card-img-wrap img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.lp-pg .card-body {
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.lp-pg .card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.lp-pg .card-tag {
font-size: 14px;
color: #589243;
background: rgba(88, 146, 67, 0.1);
border-radius: 2px;
padding: 4px 8px;
letter-spacing: 0.02em;
}

.lp-pg .card-level {
font-size: 14px;
color: #C7CEA9;
background: rgba(199, 206, 169, 0.08);
border-radius: 2px;
padding: 4px 8px;
letter-spacing: 0.02em;
}

.lp-pg .card-readtime {
font-size: 14px;
color: #7a9468;
margin-left: auto;
letter-spacing: 0.01em;
}

.lp-pg .card-title {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 8px 0 0;
}

.lp-pg .card-desc {
font-size: 14px;
line-height: 1.65;
color: #8fa882;
letter-spacing: 0.01em;
}

.lp-pg .card-sep {
height: 1px;
background: linear-gradient(90deg, rgba(88, 146, 67, 0.3) 0%, transparent 100%);
margin: 8px 0;
}

.lp-pg .card-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
flex-wrap: wrap;
}

.lp-pg .card-price-wrap {
display: flex;
flex-direction: column;
gap: 0;
}

.lp-pg .card-price {
font-size: 29px;
line-height: 1.15;
color: #589243;
letter-spacing: 0.01em;
font-weight: 700;
}

.lp-pg .card-price-note {
font-size: 14px;
color: #7a9468;
letter-spacing: 0.01em;
}

.lp-pg .card-stats {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}

.lp-pg .card-seats {
font-size: 14px;
color: #C7CEA9;
letter-spacing: 0.01em;
}

.lp-pg .card-likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
color: #7a9468;
}

.lp-pg .like-icon {
width: 14px;
height: 14px;
display: inline-block;
}

.lp-pg .card-btn {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 8px;
padding: 12px 24px;
background: #589243;
color: #FDFDFC;
font-size: 14px;
letter-spacing: 0.02em;
border-radius: 2px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.12s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden;
width: fit-content;
}

.lp-pg .card-btn:hover {
background: #4a7d39;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.lp-pg .card-btn:focus {
outline: 2px solid #C7CEA9;
outline-offset: 2px;
}

.lp-pg .card-btn:active {
background: #3d6830;
box-shadow: inset 0 4px 10px 0 rgba(88, 146, 67, 0.18);
}

.lp-pg .about-strip {
background: linear-gradient(0deg, #1a2812 0%, #243318 100%);
padding: 96px 0 48px;
position: relative;
}

.lp-pg .about-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 32px;
align-items: start;
}

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

.lp-pg .about-side-num {
font-size: 40px;
line-height: 1.15;
color: #589243;
letter-spacing: 0.01em;
font-weight: 700;
}

.lp-pg .about-side-lbl {
font-size: 14px;
color: #C7CEA9;
line-height: 1.4;
letter-spacing: 0.02em;
border-bottom: 1px solid rgba(199, 206, 169, 0.15);
padding-bottom: 8px;
}

.lp-pg .about-side-item {
font-size: 14px;
color: #7a9468;
line-height: 1.65;
letter-spacing: 0.01em;
border-bottom: 1px solid rgba(88, 146, 67, 0.12);
padding-bottom: 8px;
}

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

.lp-pg .about-geo {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
}

.lp-pg .about-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
}

.lp-pg .about-h2 span {
color: #C7CEA9;
}

.lp-pg .about-body {
font-size: 17px;
line-height: 1.65;
color: #8fa882;
letter-spacing: 0.01em;
}

.lp-pg .about-accent-row {
font-size: 17px;
line-height: 1.65;
color: #589243;
letter-spacing: 0.01em;
font-weight: 600;
}

.lp-pg .about-img-wrap {
width: 100%;
border-radius: 9px;
overflow: hidden;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.lp-pg .about-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}

.lp-pg .method-band {
max-width: 1024px;
margin: 0 auto;
padding: 96px 32px 48px;
display: flex;
flex-direction: column;
gap: 48px;
}

.lp-pg .method-head {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 32px;
}

.lp-pg .method-shape {
width: 32px;
height: 32px;
flex-shrink: 0;
margin-top: 4px;
}

.lp-pg .method-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
}

.lp-pg .method-list {
display: flex;
flex-direction: column;
gap: 0;
}

.lp-pg .method-item {
display: grid;
grid-template-columns: 48px 1fr 200px;
gap: 32px;
align-items: start;
padding: 16px 0;
border-bottom: 1px solid rgba(88, 146, 67, 0.15);
transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
}

.lp-pg .method-item:hover {
background: rgba(88, 146, 67, 0.04);
}

.lp-pg .method-num {
font-size: 29px;
line-height: 1.15;
color: rgba(88, 146, 67, 0.4);
letter-spacing: 0.01em;
font-weight: 700;
}

.lp-pg .method-text {
display: flex;
flex-direction: column;
gap: 8px;
}

.lp-pg .method-name {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
letter-spacing: 0.01em;
}

.lp-pg .method-desc {
font-size: 14px;
line-height: 1.65;
color: #7a9468;
letter-spacing: 0.01em;
}

.lp-pg .method-detail {
font-size: 14px;
line-height: 1.65;
color: #C7CEA9;
letter-spacing: 0.01em;
text-align: right;
padding-top: 4px;
}

.lp-pg .cta-strip {
background: linear-gradient(180deg, #111a0d 0%, #1e2d16 100%);
padding: 96px 0;
text-align: center;
position: relative;
}

.lp-pg .cta-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}

.lp-pg .cta-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
}

.lp-pg .cta-sub {
font-size: 17px;
line-height: 1.65;
color: #8fa882;
letter-spacing: 0.01em;
max-width: 560px;
}

.lp-pg .cta-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 48px;
background: #589243;
color: #FDFDFC;
font-size: 17px;
letter-spacing: 0.02em;
border-radius: 9px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: background 0.14s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.14s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden;
}

.lp-pg .cta-btn:hover {
background: #4a7d39;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.lp-pg .cta-btn:focus {
outline: 2px solid #C7CEA9;
outline-offset: 2px;
}

.lp-pg .cta-btn:active {
background: #3d6830;
box-shadow: inset 0 6px 10px 0 rgba(88, 146, 67, 0.18);
}

@keyframes flicker-bg {

0%,
100% {
opacity: 1;
}

47% {
opacity: 0.97;
}

53% {
opacity: 0.99;
}

61% {
opacity: 0.96;
}

70% {
opacity: 1;
}
}

.lp-pg .cta-strip {
animation: flicker-bg 8s infinite;
}

@media (max-width: 960px) {
.lp-pg .pg-lead {
grid-template-columns: 1fr;
padding: 48px 32px 32px;
}

.lp-pg .lead-stat {
flex-direction: row;
align-items: center;
gap: 32px;
}

.lp-pg .stat-num {
font-size: 55px;
}

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

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

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

.lp-pg .about-side {
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}

.lp-pg .method-item {
grid-template-columns: 48px 1fr;
}

.lp-pg .method-detail {
display: none;
}
}

@media (max-width: 480px) {
.lp-pg .pg-lead {
padding: 32px 16px 32px;
}

.lp-pg .lead-h1 {
font-size: 29px;
}

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

.lp-pg .cards-band {
padding: 32px 16px 48px;
}

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

.lp-pg .method-band {
padding: 48px 16px 32px;
}

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

.lp-pg .cta-h2 {
font-size: 29px;
}

.lp-pg .method-item {
grid-template-columns: 40px 1fr;
gap: 16px;
}
}

.ct-us {
background: linear-gradient(170deg, #1e2a1a 0%, #0d1509 100%);
min-height: 100vh;
overflow-x: clip;
}

.ct-us .pg-band {
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
}

.ct-us .top-bar {
padding: 96px 32px 48px;
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 48px;
position: relative;
}

.ct-us .top-bar::before {
content: '';
position: absolute;
top: 48px;
left: 32px;
width: 120px;
height: 2px;
background: #589243;
border-radius: 2px;
}

.ct-us .top-label {
font-size: 14px;
letter-spacing: 0.02em;
color: #589243;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 16px;
display: block;
}

.ct-us .top-left {
flex: 0 0 30%;
max-width: 30%;
}

.ct-us .top-right {
flex: 1;
padding-bottom: 8px;
}

.ct-us .pg-h1 {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0 0 16px 0;
}

.ct-us .pg-desc {
font-size: 17px;
line-height: 1.65;
color: #C7CEA9;
margin: 0;
max-width: 560px;
}

.ct-us .deco-dash {
position: absolute;
right: 32px;
top: 64px;
width: 180px;
height: 120px;
pointer-events: none;
}

.ct-us .deco-dash svg {
width: 100%;
height: 100%;
}

.ct-us .split-row {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px 96px;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.ct-us .info-col {
flex: 0 0 30%;
max-width: 30%;
display: flex;
flex-direction: column;
gap: 32px;
}

.ct-us .form-col {
flex: 1;
}

.ct-us .info-card {
background: linear-gradient(135deg, #1a2e14 0%, #111e0c 100%);
border: 1px solid rgba(88, 146, 67, 0.18);
border-radius: 9px;
padding: 24px;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
position: relative;
overflow: hidden;
}

.ct-us .info-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #589243;
border-radius: 2px 0 0 2px;
border-right: 1px solid rgba(88, 146, 67, 0.3);
}

.ct-us .info-card-lbl {
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
line-height: 1.4;
margin-bottom: 8px;
display: block;
}

.ct-us .info-card-val {
font-size: 17px;
color: #FDFDFC;
line-height: 1.65;
margin: 0;
word-break: break-word;
}

.ct-us .info-card-val a {
color: #C7CEA9;
text-decoration: none;
transition: color 0.12s cubic-bezier(0.4, 0, 1, 1);
}

.ct-us .info-card-val a:hover {
color: #589243;
}

.ct-us .stat-anchor {
background: #589243;
border-radius: 9px;
padding: 24px;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.ct-us .stat-num {
font-size: 70px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
display: block;
}

.ct-us .stat-desc {
font-size: 14px;
color: #FDFDFC;
line-height: 1.65;
opacity: 0.88;
margin: 0;
}

.ct-us .form-panel {
background: linear-gradient(160deg, #1a2e14 0%, #0f1c0b 100%);
border: 1px solid rgba(88, 146, 67, 0.22);
border-radius: 16px;
padding: 48px;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.ct-us .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.ct-us .form-full {
grid-column: 1 / -1;
}

.ct-us .f-group {
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .f-lbl {
font-size: 14px;
color: #C7CEA9;
letter-spacing: 0.02em;
line-height: 1.4;
}

.ct-us .f-lbl span {
color: #589243;
}

.ct-us .f-inp {
background: rgba(13, 21, 9, 0.8);
border: 1px solid rgba(88, 146, 67, 0.25);
border-radius: 9px;
padding: 12px 16px;
color: #FDFDFC;
font-size: 17px;
line-height: 1.4;
width: 100%;
box-sizing: border-box;
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 1, 1);
outline: none;
}

.ct-us .f-inp::placeholder {
color: rgba(199, 206, 169, 0.4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.ct-us .f-inp:focus {
border-color: #589243;
box-shadow: inset 0 4px 8px 0 rgba(88, 146, 67, 0.08), 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.ct-us .f-select {
background: rgba(13, 21, 9, 0.8);
border: 1px solid rgba(88, 146, 67, 0.25);
border-radius: 9px;
padding: 12px 16px;
color: #FDFDFC;
font-size: 17px;
line-height: 1.4;
width: 100%;
box-sizing: border-box;
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1);
outline: none;
appearance: none;
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='%23589243' 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;
}

.ct-us .f-select:focus {
border-color: #589243;
}

.ct-us .f-select option {
background: #1a2e14;
color: #FDFDFC;
}

.ct-us .f-textarea {
resize: vertical;
min-height: 120px;
}

.ct-us .form-divider {
border: none;
border-top: 1px solid rgba(88, 146, 67, 0.15);
margin: 16px 0;
grid-column: 1 / -1;
}

.ct-us .priority-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.ct-us .prio-opt {
position: relative;
}

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

.ct-us .prio-opt label {
display: block;
padding: 8px 16px;
border: 1px solid rgba(88, 146, 67, 0.3);
border-radius: 9px;
font-size: 14px;
color: #C7CEA9;
cursor: pointer;
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), border-color 0.12s cubic-bezier(0.4, 0, 1, 1), color 0.12s cubic-bezier(0.4, 0, 1, 1);
line-height: 1.4;
letter-spacing: 0.01em;
}

.ct-us .prio-opt input[type="radio"]:checked+label {
background: #589243;
border-color: #589243;
color: #FDFDFC;
}

.ct-us .prio-opt label:hover {
border-color: #589243;
color: #FDFDFC;
}

.ct-us .prio-opt input[type="radio"]:focus+label {
outline: 2px solid #589243;
outline-offset: 2px;
}

.ct-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
grid-column: 1 / -1;
}

.ct-us .privacy-row input[type="checkbox"] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
accent-color: #589243;
cursor: pointer;
border-radius: 2px;
}

.ct-us .privacy-txt {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
margin: 0;
}

.ct-us .privacy-txt a {
color: #589243;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.12s cubic-bezier(0.4, 0, 1, 1);
}

.ct-us .privacy-txt a:hover {
color: #C7CEA9;
}

.ct-us .submit-row {
grid-column: 1 / -1;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.ct-us .btn-submit {
background: #589243;
color: #FDFDFC;
border: none;
border-radius: 9px;
padding: 16px 32px;
font-size: 17px;
letter-spacing: 0.01em;
line-height: 1.4;
cursor: pointer;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.12s cubic-bezier(0.4, 0, 1, 1), transform 0.1s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden;
}

.ct-us .btn-submit:hover {
background: #4a7d38;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
transform: translateY(-1px);
}

.ct-us .btn-submit:active {
transform: translateY(0);
box-shadow: inset 0 4px 10px 0 rgba(88, 146, 67, 0.15);
}

.ct-us .btn-submit:focus {
outline: 2px solid #C7CEA9;
outline-offset: 3px;
}

.ct-us .btn-submit .btn-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}

.ct-us .btn-submit .btn-icon-hover {
display: none;
width: 18px;
height: 18px;
flex-shrink: 0;
}

.ct-us .btn-submit:hover .btn-icon {
display: none;
}

.ct-us .btn-submit:hover .btn-icon-hover {
display: block;
}

.ct-us .form-note {
font-size: 14px;
color: rgba(199, 206, 169, 0.55);
line-height: 1.65;
margin: 0;
}

.ct-us .form-sec-head {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0 0 24px 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.ct-us .form-sec-head::before {
content: '';
display: block;
width: 8px;
height: 8px;
background: #589243;
border-radius: 2px;
flex-shrink: 0;
}

.ct-us .urgency-lbl {
font-size: 14px;
color: #C7CEA9;
letter-spacing: 0.02em;
line-height: 1.4;
margin-bottom: 8px;
display: block;
}

.ct-us .urgency-lbl span {
color: #589243;
}

@media (max-width: 960px) {
.ct-us .top-bar {
flex-direction: column;
gap: 16px;
padding: 48px 32px 32px;
}

.ct-us .top-left,
.ct-us .top-right {
flex: none;
max-width: 100%;
}

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

.ct-us .split-row {
flex-direction: column;
padding-bottom: 48px;
}

.ct-us .info-col {
flex: none;
max-width: 100%;
flex-direction: row;
flex-wrap: wrap;
}

.ct-us .info-card {
flex: 1;
min-width: 200px;
}

.ct-us .stat-anchor {
flex: 0 0 160px;
}

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

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

.ct-us .deco-dash {
display: none;
}
}

@media (max-width: 480px) {
.ct-us .top-bar {
padding: 48px 16px 32px;
}

.ct-us .split-row {
padding: 0 16px 48px;
}

.ct-us .pg-h1 {
font-size: 29px;
}

.ct-us .form-grid {
grid-template-columns: 1fr;
}

.ct-us .form-full {
grid-column: 1;
}

.ct-us .privacy-row {
grid-column: 1;
}

.ct-us .submit-row {
grid-column: 1;
flex-direction: column;
align-items: flex-start;
}

.ct-us .form-panel {
padding: 24px 16px;
}

.ct-us .info-col {
flex-direction: column;
}

.ct-us .stat-num {
font-size: 55px;
}

.ct-us .priority-row {
gap: 8px;
}
}

.bs-root {
background: linear-gradient(170deg, #1e2a1a 0%, #0f1a0c 100%);
min-height: 100vh;
color: #d4dbc8;
overflow-x: clip;
}

.bs-root .pg-strip {
width: 100%;
height: 220px;
position: relative;
overflow: hidden;
}

.bs-root .pg-strip img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
display: block;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
filter: brightness(0.55) saturate(0.7);
}

.bs-root .pg-strip .atm-spot {
position: absolute;
border-radius: 50%;
filter: blur(48px);
pointer-events: none;
}

.bs-root .pg-strip .atm-spot.a1 {
width: 280px;
height: 180px;
background: rgba(88, 146, 67, 0.13);
top: -40px;
left: 10%;
}

.bs-root .pg-strip .atm-spot.a2 {
width: 200px;
height: 140px;
background: rgba(199, 206, 169, 0.08);
top: 20px;
right: 15%;
}

.bs-root .pg-txt-zone {
max-width: 1024px;
margin: 0 auto;
padding: 32px 48px 48px 48px;
}

.bs-root .pg-txt-zone h1 {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0 0 16px 0;
max-width: 700px;
}

.bs-root .pg-txt-zone .pg-sub {
font-size: 17px;
line-height: 1.65;
color: #b8c4a0;
max-width: 560px;
margin: 0;
}

.bs-root .divider-dots {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 32px 0;
}

.bs-root .divider-dots span {
width: 5px;
height: 5px;
border-radius: 50%;
background: #589243;
opacity: 0.5;
display: block;
}

.bs-root .rel-sec {
max-width: 1024px;
margin: 0 auto;
padding: 48px 48px;
display: grid;
grid-template-columns: 60fr 40fr;
gap: 48px;
align-items: start;
}

.bs-root .rel-sec .rel-left h2 {
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #C7CEA9;
margin: 0 0 16px 0;
}

.bs-root .rel-sec .rel-left h2::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: #589243;
border-radius: 2px;
margin-right: 16px;
vertical-align: middle;
position: relative;
top: -2px;
}

.bs-root .rel-sec .rel-left p {
font-size: 17px;
line-height: 1.65;
margin: 0 0 16px 0;
color: #c2ccb0;
}

.bs-root .rel-sec .rel-left .bq-para {
border-left: 3px solid #589243;
border-top: 1px solid rgba(88, 146, 67, 0.2);
padding: 16px 16px 16px 24px;
background: rgba(88, 146, 67, 0.06);
border-radius: 2px;
font-size: 17px;
line-height: 1.65;
color: #d4dbc8;
margin: 16px 0 0 0;
}

.bs-root .rel-sec .rel-right {
position: relative;
}

.bs-root .rel-sec .rel-right img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 9px;
display: block;
clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.bs-root .sit-sec {
background: linear-gradient(135deg, #162010 55%, #1e2d16 100%);
padding: 48px 0;
position: relative;
overflow: hidden;
}

.bs-root .sit-sec .diag-bg {
position: absolute;
inset: 0;
background: linear-gradient(118deg, rgba(88, 146, 67, 0.07) 0%, transparent 50%);
pointer-events: none;
}

.bs-root .sit-sec .corner-lines {
position: absolute;
top: 0;
right: 0;
width: 220px;
height: 220px;
pointer-events: none;
overflow: hidden;
}

.bs-root .sit-sec .corner-lines svg {
width: 100%;
height: 100%;
opacity: 0.07;
}

.bs-root .sit-sec-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 48px;
}

.bs-root .sit-sec-inner h2 {
font-size: 29px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #FDFDFC;
margin: 0 0 32px 0;
}

.bs-root .sit-sec-inner h2::before {
content: '';
display: inline-block;
width: 14px;
height: 3px;
background: #589243;
border-radius: 2px;
margin-right: 16px;
vertical-align: middle;
}

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

.bs-root .sit-item {
padding: 24px 16px;
border-top: 2px solid rgba(88, 146, 67, 0.3);
border-bottom: 1px solid rgba(199, 206, 169, 0.08);
background: rgba(255, 255, 255, 0.02);
border-radius: 2px;
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1), background 0.12s ease-in;
}

.bs-root .sit-item:hover {
border-top-color: #589243;
background: rgba(88, 146, 67, 0.07);
}

.bs-root .sit-item h4 {
font-size: 17px;
line-height: 1.4;
color: #C7CEA9;
margin: 0 0 8px 0;
}

.bs-root .sit-item p {
font-size: 14px;
line-height: 1.65;
color: #a8b490;
margin: 0;
}

.bs-root .scale-sec {
max-width: 1024px;
margin: 0 auto;
padding: 48px 48px;
}

.bs-root .scale-sec h2 {
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0 0 32px 0;
text-align: center;
}

.bs-root .scale-row {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 32px;
align-items: start;
}

.bs-root .scale-main {
position: relative;
}

.bs-root .scale-main img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 9px;
display: block;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.bs-root .scale-badge {
position: absolute;
top: 16px;
right: 16px;
background: #589243;
color: #FDFDFC;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 16px;
font-weight: 700;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.bs-root .scale-side {
display: flex;
flex-direction: column;
gap: 16px;
}

.bs-root .scale-stat {
padding: 16px;
background: rgba(88, 146, 67, 0.08);
border-radius: 9px;
border: 1px solid rgba(88, 146, 67, 0.18);
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.bs-root .scale-stat .num {
font-size: 40px;
line-height: 1.15;
color: #589243;
font-weight: 700;
letter-spacing: 0.01em;
}

.bs-root .scale-stat .lbl {
font-size: 14px;
line-height: 1.4;
color: #a8b490;
margin-top: 8px;
}

.bs-root .scale-desc {
margin-top: 16px;
font-size: 17px;
line-height: 1.65;
color: #c2ccb0;
}

.bs-root .adapt-sec {
background: linear-gradient(160deg, #0f1a0c 0%, #1a2614 100%);
padding: 48px 0;
}

.bs-root .adapt-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: 40fr 60fr;
gap: 48px;
align-items: center;
}

.bs-root .adapt-img-wrap {
position: relative;
}

.bs-root .adapt-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
border-radius: 16px;
display: block;
clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.bs-root .adapt-txt h2 {
font-size: 29px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #FDFDFC;
margin: 0 0 16px 0;
}

.bs-root .adapt-txt h2::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border: 2px solid #589243;
border-radius: 2px;
margin-right: 16px;
vertical-align: middle;
}

.bs-root .adapt-txt p {
font-size: 17px;
line-height: 1.65;
color: #c2ccb0;
margin: 0 0 16px 0;
}

.bs-root .adapt-list {
list-style: none;
margin: 16px 0 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}

.bs-root .adapt-list li {
font-size: 14px;
line-height: 1.65;
color: #a8b490;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
}

.bs-root .adapt-list li.accent-row {
color: #C7CEA9;
font-size: 17px;
}

.bs-root .team-sec {
max-width: 1024px;
margin: 0 auto;
padding: 48px 48px;
}

.bs-root .team-sec h2 {
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #C7CEA9;
margin: 0 0 32px 0;
}

.bs-root .team-sec h2::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: transparent;
border: 2px solid #589243;
border-radius: 50%;
margin-right: 16px;
vertical-align: middle;
}

.bs-root .team-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}

.bs-root .team-card {
padding: 24px;
background: rgba(199, 206, 169, 0.04);
border-radius: 9px;
border: 1px solid rgba(199, 206, 169, 0.1);
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
transition: box-shadow 0.18s cubic-bezier(0.4, 0, 1, 1), border-color 0.12s ease-in;
}

.bs-root .team-card:hover {
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
border-color: rgba(88, 146, 67, 0.3);
}

.bs-root .team-card h5 {
font-size: 17px;
line-height: 1.4;
color: #FDFDFC;
margin: 0 0 8px 0;
}

.bs-root .team-card .role {
font-size: 14px;
color: #589243;
margin: 0 0 16px 0;
line-height: 1.4;
}

.bs-root .team-card p {
font-size: 14px;
line-height: 1.65;
color: #a8b490;
margin: 0;
}

.bs-root .team-img-row {
margin-top: 32px;
position: relative;
}

.bs-root .team-img-row img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 9px;
display: block;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, transparent 100%);
}

.bs-root .diff-sec {
background: linear-gradient(118deg, #162010 0%, #1e2a1a 60%, #0f1a0c 100%);
padding: 48px 0;
position: relative;
overflow: hidden;
}

.bs-root .diff-sec .bg-anim {
position: absolute;
inset: 0;
background-size: 200% 200%;
animation: bgzoom 12s ease-in-out infinite alternate;
background-image: radial-gradient(ellipse at 80% 20%, rgba(88, 146, 67, 0.06) 0%, transparent 60%);
pointer-events: none;
}

@keyframes bgzoom {
from {
background-size: 200% 200%;
background-position: 80% 20%;
}

to {
background-size: 240% 240%;
background-position: 75% 25%;
}
}

.bs-root .diff-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 48px;
}

.bs-root .diff-inner h2 {
font-size: 29px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #FDFDFC;
margin: 0 0 32px 0;
text-align: center;
}

.bs-root .diff-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.bs-root .diff-col {
padding: 32px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(199, 206, 169, 0.1);
box-shadow: inset 0 6px 10px 0 rgba(88, 146, 67, 0.05);
position: relative;
}

.bs-root .diff-col.prominent {
border-color: rgba(88, 146, 67, 0.35);
background: rgba(88, 146, 67, 0.07);
box-shadow: inset 0 8px 10px 0 rgba(88, 146, 67, 0.08), 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transform: translateY(-8px);
}

.bs-root .diff-col h4 {
font-size: 22px;
line-height: 1.4;
color: #C7CEA9;
margin: 0 0 16px 0;
}

.bs-root .diff-col p {
font-size: 17px;
line-height: 1.65;
color: #c2ccb0;
margin: 0 0 16px 0;
}

.bs-root .diff-col .note {
font-size: 14px;
line-height: 1.65;
color: #a8b490;
margin: 0;
}

.bs-root .diff-col .badge-num {
position: absolute;
top: -12px;
right: 24px;
background: #589243;
color: #FDFDFC;
font-size: 14px;
font-weight: 700;
padding: 4px 16px;
border-radius: 24px;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.bs-root .faq-focus {
max-width: 1024px;
margin: 0 auto;
padding: 32px 48px 48px 48px;
}

.bs-root .faq-focus h3 {
font-size: 22px;
line-height: 1.4;
color: #C7CEA9;
margin: 0 0 24px 0;
letter-spacing: 0.01em;
}

.bs-root .faq-item {
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
padding: 16px 0;
}

.bs-root .faq-item:last-child {
border-bottom: none;
}

.bs-root .faq-q {
font-size: 17px;
line-height: 1.4;
color: #FDFDFC;
margin: 0 0 8px 0;
}

.bs-root .faq-a {
font-size: 14px;
line-height: 1.65;
color: #a8b490;
margin: 0;
}

@media (max-width: 960px) {
.bs-root .pg-txt-zone {
padding: 24px 32px 32px 32px;
}

.bs-root .pg-txt-zone h1 {
font-size: 40px;
}

.bs-root .rel-sec {
grid-template-columns: 1fr;
padding: 32px 32px;
gap: 32px;
}

.bs-root .sit-sec-inner {
padding: 0 32px;
}

.bs-root .sit-grid {
grid-template-columns: 1fr 1fr;
}

.bs-root .scale-sec {
padding: 32px 32px;
}

.bs-root .scale-row {
grid-template-columns: 1fr;
}

.bs-root .adapt-inner {
grid-template-columns: 1fr;
padding: 0 32px;
gap: 32px;
}

.bs-root .team-sec {
padding: 32px 32px;
}

.bs-root .diff-inner {
padding: 0 32px;
}

.bs-root .diff-cols {
grid-template-columns: 1fr;
}

.bs-root .diff-col.prominent {
transform: none;
}

.bs-root .faq-focus {
padding: 24px 32px 32px 32px;
}
}

@media (max-width: 480px) {
.bs-root .pg-strip {
height: 160px;
}

.bs-root .pg-txt-zone {
padding: 16px 16px 32px 16px;
}

.bs-root .pg-txt-zone h1 {
font-size: 29px;
}

.bs-root .rel-sec {
padding: 32px 16px;
}

.bs-root .sit-sec-inner {
padding: 0 16px;
}

.bs-root .sit-grid {
grid-template-columns: 1fr;
}

.bs-root .scale-sec {
padding: 32px 16px;
}

.bs-root .adapt-inner {
padding: 0 16px;
}

.bs-root .team-sec {
padding: 32px 16px;
}

.bs-root .team-grid {
grid-template-columns: 1fr;
}

.bs-root .diff-inner {
padding: 0 16px;
}

.bs-root .faq-focus {
padding: 16px 16px 32px 16px;
}
}

.ss-pg {
background: linear-gradient(170deg, #1e2a1a 0%, #0d1509 100%);
min-height: 100vh;
overflow-x: clip;
position: relative;
}

.ss-pg .dot-scatter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 340px;
pointer-events: none;
overflow: hidden;
z-index: 0;
}

.ss-pg .dot-scatter span {
position: absolute;
width: 3px;
height: 3px;
border-radius: 50%;
background: #589243;
opacity: 0.18;
}

.ss-pg .dot-scatter span:nth-child(1) {
top: 12%;
left: 8%;
}

.ss-pg .dot-scatter span:nth-child(2) {
top: 28%;
left: 19%;
}

.ss-pg .dot-scatter span:nth-child(3) {
top: 8%;
left: 33%;
}

.ss-pg .dot-scatter span:nth-child(4) {
top: 41%;
left: 47%;
}

.ss-pg .dot-scatter span:nth-child(5) {
top: 18%;
left: 61%;
}

.ss-pg .dot-scatter span:nth-child(6) {
top: 35%;
left: 75%;
}

.ss-pg .dot-scatter span:nth-child(7) {
top: 6%;
left: 88%;
}

.ss-pg .dot-scatter span:nth-child(8) {
top: 50%;
left: 92%;
}

.ss-pg .dot-scatter span:nth-child(9) {
top: 22%;
left: 54%;
}

.ss-pg .dot-scatter span:nth-child(10) {
top: 44%;
left: 28%;
}

.ss-pg .dot-scatter span:nth-child(11) {
top: 15%;
left: 71%;
width: 2px;
height: 2px;
}

.ss-pg .dot-scatter span:nth-child(12) {
top: 60%;
left: 5%;
width: 2px;
height: 2px;
}

.ss-pg .read-arrow {
position: absolute;
right: 32px;
bottom: -24px;
width: 18px;
height: 28px;
opacity: 0.22;
pointer-events: none;
z-index: 1;
}

.ss-pg .read-arrow svg {
display: block;
}

.ss-pg .pg-band {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
}

.ss-pg .title-row {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 32px;
padding: 48px 0 32px;
position: relative;
z-index: 1;
}

.ss-pg .title-img-strip {
width: 88px;
flex-shrink: 0;
border-radius: 9px;
overflow: hidden;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
position: relative;
}

.ss-pg .title-img-strip img {
width: 88px;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.35) brightness(0.75);
}

.ss-pg .title-img-strip::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(88, 146, 67, 0.18) 0%, rgba(13, 21, 9, 0.55) 100%);
border-radius: 9px;
}

.ss-pg .title-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}

.ss-pg .geo-anchor {
display: inline-block;
width: 10px;
height: 10px;
background: #589243;
border-radius: 2px;
margin-right: 8px;
vertical-align: middle;
flex-shrink: 0;
}

.ss-pg .pg-h1 {
color: #589243;
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
margin: 0;
display: flex;
align-items: flex-start;
gap: 0;
}

.ss-pg .pg-h1 .geo-anchor {
margin-top: 10px;
}

.ss-pg .pg-sub {
color: #C7CEA9;
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.015em;
margin: 0;
max-width: 560px;
}

.ss-pg .curved-div {
width: 100%;
height: 40px;
overflow: hidden;
line-height: 0;
}

.ss-pg .curved-div svg {
display: block;
width: 100%;
height: 40px;
}

.ss-pg .stories-band {
background: linear-gradient(170deg, #162010 0%, #0d1509 100%);
padding: 48px 0;
position: relative;
}

.ss-pg .stories-grid {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.ss-pg .story-card {
background: linear-gradient(145deg, #1e2d16 0%, #131d0e 100%);
border-radius: 16px;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
padding: 32px;
position: relative;
display: flex;
flex-direction: column;
gap: 16px;
opacity: 0;
animation: card-in 0.18s cubic-bezier(0.4, 0, 1, 1) forwards;
border: 1px solid rgba(88, 146, 67, 0.12);
border-top: 2px solid rgba(88, 146, 67, 0.28);
}

.ss-pg .story-card:nth-child(1) {
animation-delay: 0.05s;
}

.ss-pg .story-card:nth-child(2) {
animation-delay: 0.10s;
}

.ss-pg .story-card:nth-child(3) {
animation-delay: 0.15s;
}

.ss-pg .story-card:nth-child(4) {
animation-delay: 0.18s;
}

@keyframes card-in {
from {
opacity: 0;
transform: translateY(12px) scale(0.98);
}

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

.ss-pg .story-card.wide {
grid-column: span 2;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.ss-pg .card-img-wrap {
border-radius: 9px;
overflow: hidden;
flex-shrink: 0;
position: relative;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.ss-pg .card-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(88, 146, 67, 0.15) 0%, transparent 60%);
}

.ss-pg .card-img-wrap img {
display: block;
object-fit: cover;
filter: saturate(0.55) brightness(0.8);
width: 100%;
height: 100%;
}

.ss-pg .story-card.wide .card-img-wrap {
width: 260px;
height: 200px;
}

.ss-pg .story-card:not(.wide) .card-img-wrap {
width: 100%;
height: 160px;
}

.ss-pg .card-body {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
}

.ss-pg .card-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(88, 146, 67, 0.13);
border-radius: 2px;
padding: 4px 8px;
color: #C7CEA9;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 1.4;
width: fit-content;
position: relative;
}

.ss-pg .card-tag .dot-ind {
width: 7px;
height: 7px;
border-radius: 50%;
background: #589243;
flex-shrink: 0;
animation: dot-pulse 2.2s ease-in infinite;
}

@keyframes dot-pulse {

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

50% {
transform: scale(1.18);
opacity: 0.7;
}
}

.ss-pg .card-h {
color: #FDFDFC;
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.01em;
margin: 0;
display: flex;
align-items: flex-start;
gap: 8px;
}

.ss-pg .card-h .geo-anchor {
margin-top: 4px;
width: 8px;
height: 8px;
flex-shrink: 0;
}

.ss-pg .card-who {
display: flex;
align-items: center;
gap: 8px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
}

.ss-pg .card-who .avatar {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, #589243 0%, #2e4d20 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.ss-pg .card-who .avatar svg {
width: 18px;
height: 18px;
fill: #FDFDFC;
}

.ss-pg .card-who-txt {
display: flex;
flex-direction: column;
gap: 2px;
}

.ss-pg .card-name {
color: #C7CEA9;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 1.4;
}

.ss-pg .card-role {
color: rgba(199, 206, 169, 0.55);
font-size: 14px;
letter-spacing: 0.015em;
line-height: 1.4;
}

.ss-pg .card-quote {
border-left: 3px solid #589243;
border-radius: 2px;
padding: 8px 16px;
background: rgba(88, 146, 67, 0.07);
color: #FDFDFC;
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.01em;
margin: 0;
font-style: italic;
}

.ss-pg .card-body-txt {
color: rgba(253, 253, 252, 0.75);
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.015em;
margin: 0;
}

.ss-pg .card-metrics {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}

.ss-pg .metric-item {
display: flex;
flex-direction: column;
gap: 4px;
border-bottom: 2px solid rgba(88, 146, 67, 0.35);
padding-bottom: 8px;
min-width: 80px;
}

.ss-pg .metric-val {
color: #589243;
font-size: 22px;
line-height: 1.15;
letter-spacing: 0.01em;
}

.ss-pg .metric-lbl {
color: rgba(199, 206, 169, 0.65);
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.015em;
}

.ss-pg .card-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}

.ss-pg .card-list li {
color: rgba(253, 253, 252, 0.78);
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.015em;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.1);
display: flex;
align-items: flex-start;
gap: 8px;
}

.ss-pg .card-list li:last-child {
border-bottom: none;
}

.ss-pg .card-list li svg {
margin-top: 3px;
flex-shrink: 0;
}

.ss-pg .accent-row {
color: #589243;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.4;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.1);
display: flex;
align-items: center;
gap: 8px;
}

.ss-pg .curved-div2 {
width: 100%;
height: 40px;
overflow: hidden;
line-height: 0;
}

.ss-pg .curved-div2 svg {
display: block;
width: 100%;
height: 40px;
}

.ss-pg .summary-band {
padding: 48px 0 96px;
position: relative;
background: linear-gradient(170deg, #0d1509 0%, #0a1207 100%);
}

.ss-pg .summary-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
align-items: start;
}

.ss-pg .sum-left {
display: flex;
flex-direction: column;
gap: 32px;
}

.ss-pg .sum-h2 {
color: #C7CEA9;
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
margin: 0;
display: flex;
align-items: flex-start;
gap: 8px;
}

.ss-pg .sum-h2 .geo-anchor {
margin-top: 7px;
width: 9px;
height: 9px;
}

.ss-pg .sum-blockquote {
border-left: 3px solid #589243;
border-radius: 2px;
padding: 16px 16px;
background: rgba(88, 146, 67, 0.06);
color: #FDFDFC;
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.01em;
margin: 0;
font-style: italic;
}

.ss-pg .sum-body {
color: rgba(253, 253, 252, 0.75);
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.015em;
margin: 0;
}

.ss-pg .sum-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}

.ss-pg .sum-list li {
color: rgba(253, 253, 252, 0.78);
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.015em;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
display: flex;
align-items: flex-start;
gap: 8px;
}

.ss-pg .sum-list li:last-child {
border-bottom: none;
}

.ss-pg .sum-list .accent-row-full {
color: #589243;
font-size: 17px;
font-weight: 600;
}

.ss-pg .sum-right {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}

.ss-pg .sum-img-wrap {
border-radius: 16px;
overflow: hidden;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
position: relative;
animation: soft-pulse 3.5s ease-in infinite;
}

@keyframes soft-pulse {

0%,
100% {
transform: scale(1);
}

50% {
transform: scale(1.02);
}
}

.ss-pg .sum-img-wrap img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
filter: saturate(0.45) brightness(0.72);
}

.ss-pg .sum-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(10, 18, 7, 0.82) 100%);
}

.ss-pg .sum-stat-stack {
display: flex;
flex-direction: column;
gap: 8px;
background: linear-gradient(145deg, #1e2d16 0%, #131d0e 100%);
border-radius: 9px;
padding: 16px;
border: 1px solid rgba(88, 146, 67, 0.14);
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.ss-pg .stat-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.1);
}

.ss-pg .stat-row:last-child {
border-bottom: none;
}

.ss-pg .stat-label {
color: rgba(199, 206, 169, 0.65);
font-size: 14px;
letter-spacing: 0.015em;
line-height: 1.4;
}

.ss-pg .stat-num {
color: #589243;
font-size: 22px;
letter-spacing: 0.01em;
line-height: 1.15;
}

.ss-pg .sum-cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #589243 0%, #3d6a2e 100%);
color: #FDFDFC;
font-size: 17px;
letter-spacing: 0.015em;
line-height: 1.4;
padding: 16px 32px;
border-radius: 9px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 1, 1);
width: fit-content;
position: relative;
overflow: hidden;
}

.ss-pg .sum-cta-link:hover {
background: linear-gradient(135deg, #3d6a2e 0%, #2b4d20 100%);
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

.ss-pg .sum-cta-link:focus {
outline: 2px solid #589243;
outline-offset: 3px;
}

.ss-pg .sum-cta-link:active {
box-shadow: inset 0 4px 10px 0 rgba(88, 146, 67, 0.18);
}

.ss-pg .sum-cta-link .icon-normal {
display: inline;
}

.ss-pg .sum-cta-link .icon-hover {
display: none;
}

.ss-pg .sum-cta-link:hover .icon-normal {
display: none;
}

.ss-pg .sum-cta-link:hover .icon-hover {
display: inline;
}

@media (max-width: 960px) {
.ss-pg .stories-grid {
grid-template-columns: 1fr;
}

.ss-pg .story-card.wide {
grid-column: span 1;
flex-direction: column;
}

.ss-pg .story-card.wide .card-img-wrap {
width: 100%;
height: 180px;
}

.ss-pg .summary-inner {
grid-template-columns: 1fr;
gap: 32px;
}

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

.ss-pg .sum-h2 {
font-size: 29px;
}
}

@media (max-width: 480px) {
.ss-pg .title-row {
flex-direction: column;
gap: 16px;
padding: 32px 0 16px;
}

.ss-pg .title-img-strip {
width: 100%;
height: 120px;
}

.ss-pg .title-img-strip img {
width: 100%;
height: 120px;
}

.ss-pg .pg-h1 {
font-size: 29px;
}

.ss-pg .sum-h2 {
font-size: 22px;
}

.ss-pg .pg-band,
.ss-pg .stories-grid,
.ss-pg .summary-inner {
padding: 0 16px;
}

.ss-pg .story-card {
padding: 16px;
}

.ss-pg .card-metrics {
gap: 8px;
}
}

.abt-us {
background: linear-gradient(170deg, #1e2a1a 0%, #0d1509 100%);
min-height: 100vh;
overflow-x: clip;
position: relative;
}

.abt-us .pg-schema {
display: none;
}

@keyframes drop-bounce {
0% {
opacity: 0;
transform: translateY(-32px);
}

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

85% {
transform: translateY(-3px);
}

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

@keyframes drop-bounce-slow {
0% {
opacity: 0;
transform: translateY(-24px);
}

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

88% {
transform: translateY(-2px);
}

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

@keyframes ripple-out {
0% {
box-shadow: 0 0 0 0 rgba(88, 146, 67, 0.28);
}

100% {
box-shadow: 0 0 0 14px rgba(88, 146, 67, 0);
}
}

.abt-us .tb {
position: relative;
max-width: 1024px;
margin: 0 auto;
padding: 96px 48px 48px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 32px;
animation: drop-bounce 0.55s cubic-bezier(0.4, 0, 1, 1) both;
}

.abt-us .tb-diag {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
border-radius: 0;
}

.abt-us .tb-diag::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(135deg,
rgba(88, 146, 67, 0.04) 0px,
rgba(88, 146, 67, 0.04) 1px,
transparent 1px,
transparent 18px);
}

.abt-us .tb-text {
grid-column: 1 / 2;
grid-row: 1 / 2;
z-index: 1;
}

.abt-us .tb-label {
display: inline-block;
font-size: 14px;
letter-spacing: 0.02em;
color: #C7CEA9;
border: 1px solid rgba(199, 206, 169, 0.25);
border-radius: 2px;
padding: 8px 16px;
margin-bottom: 32px;
line-height: 1.15;
}

.abt-us .tb-h1 {
font-size: 70px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0 0 16px;
font-weight: 800;
}

.abt-us .tb-sub {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
max-width: 420px;
}

.abt-us .tb-img-wrap {
grid-column: 2 / 3;
grid-row: 1 / 3;
position: relative;
z-index: 1;
border-radius: 16px;
overflow: hidden;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
align-self: end;
}

.abt-us .tb-img-wrap img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
filter: saturate(0.7) brightness(0.82) hue-rotate(0deg);
}

.abt-us .tb-meta {
grid-column: 1 / 2;
grid-row: 2 / 3;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
z-index: 1;
}

.abt-us .tb-stat {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .tb-stat-num {
font-size: 40px;
line-height: 1.15;
color: #589243;
font-weight: 700;
letter-spacing: 0.01em;
}

.abt-us .tb-stat-desc {
font-size: 14px;
line-height: 1.65;
color: #C7CEA9;
letter-spacing: 0.01em;
}

.abt-us .story {
max-width: 1024px;
margin: 0 auto;
padding: 96px 48px 48px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
align-items: start;
animation: drop-bounce-slow 0.6s cubic-bezier(0.4, 0, 1, 1) 0.12s both;
}

.abt-us .story-main {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-us .story-anchor {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 8px;
}

.abt-us .story-shape {
width: 14px;
height: 14px;
background: #589243;
border-radius: 2px;
flex-shrink: 0;
transform: rotate(45deg);
}

.abt-us .story-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin: 0;
font-weight: 700;
}

.abt-us .story-lead {
font-size: 22px;
line-height: 1.65;
color: #C7CEA9;
letter-spacing: 0.01em;
border-left: 3px solid #589243;
border-top: 1px solid rgba(88, 146, 67, 0.2);
padding: 16px 16px 16px 32px;
border-radius: 2px;
margin: 0;
}

.abt-us .story-body {
font-size: 17px;
line-height: 1.65;
color: #d8dcc8;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .story-accent-row {
font-size: 17px;
line-height: 1.4;
color: #589243;
letter-spacing: 0.01em;
padding: 8px 0;
border-bottom: 1px dotted rgba(199, 206, 169, 0.3);
border-top: 1px dotted rgba(199, 206, 169, 0.3);
}

.abt-us .story-sidebar {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 32px;
}

.abt-us .story-card {
background: linear-gradient(135deg, rgba(88, 146, 67, 0.10) 0%, rgba(13, 21, 9, 0.6) 100%);
border: 1px solid rgba(199, 206, 169, 0.15);
border-radius: 9px;
padding: 16px;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.abt-us .story-card-label {
font-size: 14px;
color: #C7CEA9;
letter-spacing: 0.02em;
line-height: 1.4;
margin-bottom: 8px;
display: block;
}

.abt-us .story-card-val {
font-size: 29px;
color: #589243;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.01em;
display: block;
}

.abt-us .story-card-note {
font-size: 14px;
color: #d8dcc8;
line-height: 1.65;
margin-top: 8px;
display: block;
}

.abt-us .story-img-wrap {
border-radius: 9px;
overflow: hidden;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

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

.abt-us .divider-dot {
max-width: 1024px;
margin: 0 auto;
padding: 0 48px;
border: none;
border-top: 2px dotted rgba(199, 206, 169, 0.18);
}

.abt-us .team-wrap {
position: relative;
overflow: hidden;
margin: 0;
}

.abt-us .team-diag-bg {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}

.abt-us .team-diag-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
background: rgba(88, 146, 67, 0.07);
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}

.abt-us .team-diag-bg::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 55%;
height: 100%;
background: rgba(199, 206, 169, 0.04);
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

.abt-us .team {
position: relative;
z-index: 1;
max-width: 1024px;
margin: 0 auto;
padding: 96px 48px 48px;
animation: drop-bounce-slow 0.58s cubic-bezier(0.4, 0, 1, 1) 0.18s both;
}

.abt-us .team-hdr {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 48px;
}

.abt-us .team-shape {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 17px solid #589243;
flex-shrink: 0;
}

.abt-us .team-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
margin: 0;
letter-spacing: 0.01em;
font-weight: 700;
}

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

.abt-us .team-member {
background: rgba(13, 21, 9, 0.7);
border: 1px solid rgba(199, 206, 169, 0.12);
border-radius: 16px;
padding: 32px 16px 16px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 1, 1);
}

.abt-us .team-member:hover {
border-color: rgba(88, 146, 67, 0.45);
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.abt-us .team-role {
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
line-height: 1.4;
}

.abt-us .team-name {
font-size: 22px;
color: #FDFDFC;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .team-desc {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
letter-spacing: 0.01em;
padding-top: 8px;
border-top: 1px dotted rgba(199, 206, 169, 0.2);
margin-top: 8px;
}

.abt-us .team-img-row {
margin-top: 48px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
}

.abt-us .team-img-wrap {
border-radius: 16px;
overflow: hidden;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
}

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

.abt-us .team-quote-block {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .team-quote {
font-size: 29px;
line-height: 1.4;
color: #589243;
letter-spacing: 0.01em;
font-weight: 700;
margin: 0;
}

.abt-us .team-quote-body {
font-size: 17px;
line-height: 1.65;
color: #d8dcc8;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .approach-wrap {
background: linear-gradient(160deg, rgba(88, 146, 67, 0.08) 0%, rgba(13, 21, 9, 0.0) 100%);
border-top: 1px solid rgba(199, 206, 169, 0.12);
}

.abt-us .approach {
max-width: 1024px;
margin: 0 auto;
padding: 96px 48px 96px;
animation: drop-bounce-slow 0.6s cubic-bezier(0.4, 0, 1, 1) 0.22s both;
}

.abt-us .approach-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
margin-bottom: 48px;
align-items: start;
}

.abt-us .approach-hdr-wrap {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .approach-shape {
width: 22px;
height: 4px;
background: #589243;
border-radius: 2px;
}

.abt-us .approach-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
margin: 0;
letter-spacing: 0.01em;
font-weight: 700;
}

.abt-us .approach-lead {
font-size: 17px;
line-height: 1.65;
color: #C7CEA9;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .approach-right {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .approach-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px 0;
border-bottom: 1px dotted rgba(199, 206, 169, 0.18);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1);
}

.abt-us .approach-item:last-child {
border-bottom: none;
}

.abt-us .approach-num {
font-size: 40px;
line-height: 1.15;
color: rgba(88, 146, 67, 0.25);
font-weight: 800;
letter-spacing: 0.01em;
min-width: 48px;
flex-shrink: 0;
}

.abt-us .approach-item-body {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .approach-item-title {
font-size: 17px;
color: #FDFDFC;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .approach-item-text {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
letter-spacing: 0.01em;
margin: 0;
}

.abt-us .approach-data-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
border-top: 1px solid rgba(199, 206, 169, 0.12);
padding-top: 48px;
}

.abt-us .approach-metric {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
background: rgba(88, 146, 67, 0.06);
border-radius: 9px;
border: 1px solid rgba(199, 206, 169, 0.10);
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
transition: border-color 0.1s ease-in, box-shadow 0.1s ease-in;
}

.abt-us .approach-metric:hover {
border-color: rgba(88, 146, 67, 0.35);
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.abt-us .approach-metric-val {
font-size: 40px;
line-height: 1.15;
color: #589243;
font-weight: 800;
letter-spacing: 0.01em;
}

.abt-us .approach-metric-label {
font-size: 14px;
color: #C7CEA9;
line-height: 1.4;
letter-spacing: 0.02em;
}

.abt-us .approach-cta-row {
margin-top: 48px;
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
}

.abt-us .btn-primary {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #589243;
color: #FDFDFC;
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.01em;
padding: 16px 32px;
border-radius: 9px;
border: none;
cursor: pointer;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
transition: background 0.12s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.12s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden;
text-decoration: none;
font-weight: 700;
}

.abt-us .btn-primary:hover {
background: #4a7c38;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
animation: ripple-out 0.45s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.abt-us .btn-primary:focus {
outline: 2px solid #C7CEA9;
outline-offset: 2px;
}

.abt-us .btn-secondary {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: transparent;
color: #C7CEA9;
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.01em;
padding: 16px 32px;
border-radius: 9px;
border: 1px solid rgba(199, 206, 169, 0.3);
cursor: pointer;
transition: border-color 0.15s cubic-bezier(0.4, 0, 1, 1), color 0.15s cubic-bezier(0.4, 0, 1, 1);
text-decoration: none;
}

.abt-us .btn-secondary:hover {
border-color: rgba(199, 206, 169, 0.7);
color: #FDFDFC;
}

.abt-us .btn-secondary:focus {
outline: 2px solid #589243;
outline-offset: 2px;
}

.abt-us .math-symbol {
position: absolute;
font-size: 280px;
line-height: 1.15;
color: rgba(88, 146, 67, 0.04);
font-weight: 900;
pointer-events: none;
user-select: none;
right: -32px;
top: -48px;
letter-spacing: -0.02em;
z-index: 0;
}

.abt-us .approach-inner {
position: relative;
}

@media (max-width: 960px) {
.abt-us .tb {
grid-template-columns: 1fr;
padding: 48px 32px 32px;
gap: 16px;
}

.abt-us .tb-img-wrap {
grid-column: 1 / 2;
grid-row: 3 / 4;
}

.abt-us .tb-meta {
grid-column: 1 / 2;
grid-row: 2 / 3;
}

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

.abt-us .story {
grid-template-columns: 1fr;
padding: 48px 32px 32px;
gap: 32px;
}

.abt-us .team {
padding: 48px 32px 32px;
}

.abt-us .team-grid {
grid-template-columns: 1fr 1fr;
}

.abt-us .team-img-row {
grid-template-columns: 1fr;
}

.abt-us .approach {
padding: 48px 32px 48px;
}

.abt-us .approach-top {
grid-template-columns: 1fr;
gap: 32px;
}

.abt-us .approach-data-row {
grid-template-columns: 1fr 1fr;
}

.abt-us .divider-dot {
padding: 0 32px;
}
}

@media (max-width: 480px) {
.abt-us .tb {
padding: 32px 16px 16px;
}

.abt-us .tb-h1 {
font-size: 29px;
}

.abt-us .tb-sub {
font-size: 17px;
}

.abt-us .tb-meta {
flex-direction: column;
gap: 16px;
}

.abt-us .story {
padding: 32px 16px 16px;
}

.abt-us .story-h2 {
font-size: 29px;
}

.abt-us .team {
padding: 32px 16px 16px;
}

.abt-us .team-grid {
grid-template-columns: 1fr;
}

.abt-us .team-h2 {
font-size: 29px;
}

.abt-us .approach {
padding: 32px 16px 32px;
}

.abt-us .approach-h2 {
font-size: 29px;
}

.abt-us .approach-data-row {
grid-template-columns: 1fr 1fr;
gap: 8px;
}

.abt-us .approach-cta-row {
flex-direction: column;
align-items: flex-start;
}

.abt-us .divider-dot {
padding: 0 16px;
}

.abt-us .math-symbol {
font-size: 140px;
}
}

.srvs-pg {
background: linear-gradient(170deg, #1e2a1a 0%, #0f1a0c 100%);
min-height: 100vh;
overflow-x: clip;
}

.srvs-pg .drop-anim {
opacity: 0;
transform: translateY(-32px);
animation: dropIn 0.16s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.srvs-pg .drop-anim:nth-child(1) {
animation-delay: 0.05s;
}

.srvs-pg .drop-anim:nth-child(2) {
animation-delay: 0.12s;
}

.srvs-pg .drop-anim:nth-child(3) {
animation-delay: 0.19s;
}

.srvs-pg .drop-anim:nth-child(4) {
animation-delay: 0.26s;
}

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

.srvs-pg .pg-band {
position: relative;
padding: 48px 32px 32px;
background: radial-gradient(ellipse at 8% 30%, rgba(88, 146, 67, 0.22) 0%, transparent 62%);
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
overflow: hidden;
}

.srvs-pg .pg-band .blob-a {
position: absolute;
width: 320px;
height: 220px;
background: rgba(88, 146, 67, 0.13);
filter: blur(64px);
border-radius: 50%;
top: -48px;
left: -64px;
pointer-events: none;
}

.srvs-pg .pg-band .blob-b {
position: absolute;
width: 180px;
height: 180px;
background: rgba(199, 206, 169, 0.07);
filter: blur(48px);
border-radius: 50%;
bottom: -32px;
right: 80px;
pointer-events: none;
}

.srvs-pg .pg-band .band-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
}

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

.srvs-pg .pg-band .strokes-deco {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
align-self: flex-start;
margin-top: 8px;
}

.srvs-pg .pg-band .strokes-deco span {
display: block;
height: 2px;
background: rgba(88, 146, 67, 0.55);
border-radius: 2px;
}

.srvs-pg .pg-band .strokes-deco span:nth-child(1) {
width: 32px;
}

.srvs-pg .pg-band .strokes-deco span:nth-child(2) {
width: 22px;
}

.srvs-pg .pg-band .strokes-deco span:nth-child(3) {
width: 16px;
}

.srvs-pg .pg-band .strokes-deco span:nth-child(4) {
width: 28px;
}

.srvs-pg .pg-band .band-img-wrap {
flex-shrink: 0;
width: 260px;
height: 180px;
border-radius: 9px;
overflow: hidden;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
filter: grayscale(1);
}

.srvs-pg .pg-band .band-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.srvs-pg .band-eyebrow {
font-size: 14px;
letter-spacing: 0.02em;
color: #589243;
line-height: 1.4;
margin-bottom: 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.srvs-pg .band-eyebrow .geo-sq {
width: 8px;
height: 8px;
background: #589243;
border-radius: 2px;
flex-shrink: 0;
}

.srvs-pg .band-h1 {
font-size: 55px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #FDFDFC;
margin-bottom: 16px;
}

.srvs-pg .band-h1 .accent-phrase {
color: #589243;
}

.srvs-pg .band-desc {
font-size: 17px;
line-height: 1.65;
color: #C7CEA9;
max-width: 520px;
}

.srvs-pg .svc-grid-sec {
padding: 96px 32px 48px;
background: linear-gradient(180deg, #0f1a0c 0%, #152010 100%);
border-bottom: 1px solid rgba(88, 146, 67, 0.10);
}

.srvs-pg .svc-grid-sec .sec-inner {
max-width: 1024px;
margin: 0 auto;
}

.srvs-pg .svc-grid-sec .sec-label {
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
line-height: 1.4;
margin-bottom: 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.srvs-pg .svc-grid-sec .sec-label .tri-deco {
width: 0;
height: 0;
border-left: 6px solid #589243;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
flex-shrink: 0;
}

.srvs-pg .svc-grid-sec .sec-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin-bottom: 48px;
max-width: 600px;
}

.srvs-pg .four-col {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 16px;
align-items: stretch;
}

.srvs-pg .svc-card {
background: rgba(88, 146, 67, 0.06);
border: 1px solid rgba(199, 206, 169, 0.10);
border-radius: 9px;
padding: 32px 24px;
position: relative;
transition: border-color 0.14s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.14s cubic-bezier(0.4, 0, 1, 1);
cursor: default;
}

.srvs-pg .svc-card:hover {
border-color: rgba(88, 146, 67, 0.40);
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.srvs-pg .svc-card.accent-left {
background: linear-gradient(160deg, rgba(88, 146, 67, 0.18) 0%, rgba(88, 146, 67, 0.05) 100%);
border-color: rgba(88, 146, 67, 0.30);
border-left: 3px solid #589243;
border-top: 1px solid rgba(199, 206, 169, 0.15);
border-right: 1px solid rgba(199, 206, 169, 0.10);
border-bottom: 1px solid rgba(199, 206, 169, 0.10);
}

.srvs-pg .svc-card .fold-corner {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 24px 24px 0;
border-color: transparent rgba(88, 146, 67, 0.18) transparent transparent;
border-radius: 0 9px 0 0;
transition: border-width 0.14s cubic-bezier(0.4, 0, 1, 1);
}

.srvs-pg .svc-card:hover .fold-corner {
border-width: 0 36px 36px 0;
border-color: transparent rgba(88, 146, 67, 0.38) transparent transparent;
}

.srvs-pg .svc-card .card-icon {
width: 36px;
height: 36px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}

.srvs-pg .svc-card .card-icon svg {
width: 28px;
height: 28px;
}

.srvs-pg .svc-card .card-h {
font-size: 22px;
line-height: 1.4;
color: #FDFDFC;
letter-spacing: 0.01em;
margin-bottom: 8px;
}

.srvs-pg .svc-card.accent-left .card-h {
font-size: 29px;
}

.srvs-pg .svc-card .card-sub {
font-size: 14px;
color: #589243;
letter-spacing: 0.02em;
margin-bottom: 16px;
line-height: 1.4;
}

.srvs-pg .svc-card .card-body {
font-size: 14px;
line-height: 1.65;
color: #C7CEA9;
}

.srvs-pg .svc-card .card-list {
list-style: none;
padding: 0;
margin: 16px 0 0;
}

.srvs-pg .svc-card .card-list li {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.12);
}

.srvs-pg .svc-card .card-list li:last-child {
border-bottom: none;
}

.srvs-pg .svc-card .ring-wrap {
display: flex;
align-items: center;
gap: 16px;
margin-top: 16px;
}

.srvs-pg .ring-fig {
position: relative;
width: 64px;
height: 64px;
flex-shrink: 0;
}

.srvs-pg .ring-fig svg {
width: 64px;
height: 64px;
transform: rotate(-90deg);
}

.srvs-pg .ring-fig .ring-num {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #FDFDFC;
line-height: 1.15;
letter-spacing: 0.01em;
}

.srvs-pg .ring-label {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
}

.srvs-pg .svc-card .multi-level {
margin-top: 16px;
}

.srvs-pg .svc-card .ml-row {
padding: 8px 0;
border-bottom: 1px solid rgba(199, 206, 169, 0.10);
}

.srvs-pg .svc-card .ml-row:last-child {
border-bottom: none;
}

.srvs-pg .svc-card .ml-h4 {
font-size: 17px;
color: #FDFDFC;
line-height: 1.4;
letter-spacing: 0.01em;
margin-bottom: 4px;
}

.srvs-pg .svc-card .ml-p {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
}

.srvs-pg .svc-card .cta-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 24px;
padding: 12px 24px;
background: #589243;
color: #FDFDFC;
font-size: 14px;
letter-spacing: 0.02em;
border-radius: 9px;
text-decoration: none;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 0.14s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.14s cubic-bezier(0.4, 0, 1, 1);
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
}

.srvs-pg .svc-card .cta-btn:hover {
background: #4a7d38;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

.srvs-pg .svc-card .cta-btn:active {
background: #3d6830;
box-shadow: inset 0 6px 10px 0 rgba(88, 146, 67, 0.18);
}

.srvs-pg .svc-card .cta-btn .ripple-layer {
position: absolute;
border-radius: 50%;
background: rgba(253, 253, 252, 0.22);
width: 0;
height: 0;
transform: translate(-50%, -50%);
pointer-events: none;
}

.srvs-pg .svc-card .cta-btn:active .ripple-layer {
width: 200px;
height: 200px;
transition: width 0.16s cubic-bezier(0.4, 0, 1, 1), height 0.16s cubic-bezier(0.4, 0, 1, 1);
}

.srvs-pg .svc-card .accent-line {
font-size: 14px;
color: #589243;
line-height: 1.4;
letter-spacing: 0.01em;
padding: 8px 0;
border-top: 1px solid rgba(88, 146, 67, 0.22);
border-bottom: 1px solid rgba(88, 146, 67, 0.22);
margin: 16px 0;
}

.srvs-pg .process-sec {
padding: 96px 32px;
background: linear-gradient(160deg, #152010 0%, #1a2814 60%, #0f1a0c 100%);
}

.srvs-pg .process-sec .sec-inner {
max-width: 1024px;
margin: 0 auto;
}

.srvs-pg .process-sec .top-row {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 48px;
margin-bottom: 48px;
}

.srvs-pg .process-sec .top-text {
flex: 1 1 0;
}

.srvs-pg .process-sec .sec-h2 {
font-size: 40px;
line-height: 1.15;
color: #FDFDFC;
letter-spacing: 0.01em;
margin-bottom: 16px;
}

.srvs-pg .process-sec .sec-desc {
font-size: 17px;
line-height: 1.65;
color: #C7CEA9;
max-width: 460px;
}

.srvs-pg .process-sec .quote-block {
flex: 0 0 280px;
background: rgba(199, 206, 169, 0.06);
border-left: 3px solid #C7CEA9;
border-top: 1px solid rgba(199, 206, 169, 0.12);
border-right: 1px solid rgba(199, 206, 169, 0.08);
border-bottom: 1px solid rgba(199, 206, 169, 0.08);
border-radius: 9px;
padding: 24px;
}

.srvs-pg .process-sec .quote-block .q-text {
font-size: 17px;
line-height: 1.65;
color: #FDFDFC;
letter-spacing: 0.01em;
}

.srvs-pg .process-sec .quote-block .q-attr {
font-size: 14px;
color: #589243;
margin-top: 8px;
letter-spacing: 0.02em;
}

.srvs-pg .step-tracker {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0;
position: relative;
}

.srvs-pg .step-item {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}

.srvs-pg .step-item .step-connector {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 16px;
}

.srvs-pg .step-item .step-num {
width: 36px;
height: 36px;
border-radius: 50%;
background: #589243;
color: #FDFDFC;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
letter-spacing: 0.01em;
line-height: 1.15;
}

.srvs-pg .step-item .step-line {
flex: 1 1 0;
height: 2px;
background: linear-gradient(90deg, rgba(88, 146, 67, 0.50), rgba(88, 146, 67, 0.12));
}

.srvs-pg .step-item:last-child .step-line {
display: none;
}

.srvs-pg .step-item .step-h {
font-size: 17px;
color: #FDFDFC;
line-height: 1.4;
letter-spacing: 0.01em;
margin-bottom: 8px;
padding-right: 16px;
}

.srvs-pg .step-item .step-p {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
padding-right: 16px;
}

.srvs-pg .rating-strip {
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
margin-top: 48px;
padding: 24px 32px;
background: rgba(88, 146, 67, 0.07);
border-radius: 9px;
border: 1px solid rgba(88, 146, 67, 0.15);
}

.srvs-pg .rating-strip .r-num {
font-size: 55px;
color: #589243;
line-height: 1.15;
letter-spacing: 0.01em;
flex-shrink: 0;
}

.srvs-pg .rating-strip .r-stars {
display: flex;
flex-direction: row;
gap: 4px;
flex-shrink: 0;
}

.srvs-pg .rating-strip .r-stars .star {
width: 18px;
height: 18px;
}

.srvs-pg .rating-strip .r-info {
font-size: 14px;
color: #C7CEA9;
line-height: 1.65;
}

.srvs-pg .rating-strip .r-divider {
width: 1px;
height: 48px;
background: rgba(199, 206, 169, 0.18);
flex-shrink: 0;
}

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

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

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

.srvs-pg .four-col {
grid-template-columns: 1fr 1fr;
}

.srvs-pg .svc-card.accent-left {
grid-column: 1 / -1;
}

.srvs-pg .process-sec .top-row {
flex-direction: column;
gap: 32px;
}

.srvs-pg .process-sec .quote-block {
flex: 0 0 auto;
width: 100%;
}

.srvs-pg .step-tracker {
flex-direction: column;
gap: 32px;
}

.srvs-pg .step-item .step-connector {
width: auto;
}

.srvs-pg .step-item .step-line {
display: none;
}

.srvs-pg .rating-strip {
flex-wrap: wrap;
gap: 16px;
}
}

@media (max-width: 480px) {
.srvs-pg .pg-band {
padding: 32px 16px 24px;
}

.srvs-pg .band-h1 {
font-size: 29px;
}

.srvs-pg .svc-grid-sec {
padding: 48px 16px 32px;
}

.srvs-pg .four-col {
grid-template-columns: 1fr;
}

.srvs-pg .process-sec {
padding: 48px 16px;
}

.srvs-pg .svc-grid-sec .sec-h2 {
font-size: 29px;
}

.srvs-pg .process-sec .sec-h2 {
font-size: 29px;
}

.srvs-pg .rating-strip {
padding: 16px;
}

.srvs-pg .rating-strip .r-num {
font-size: 40px;
}
}

.success-pg {
min-height: 100vh;
background: linear-gradient(170deg, #1e2a1a 0%, #0d1509 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
}

.success-pg .result-card {
max-width: 1024px;
width: 100%;
margin: 0 auto;
background: linear-gradient(155deg, #1a2614 0%, #111a0d 100%);
border: 1px solid #589243;
border-radius: 16px;
padding: 48px;
box-shadow: 1px 8px 52px 0 rgba(88, 146, 67, 0.10);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}

.success-pg .icon-wrap {
width: 64px;
height: 64px;
border-radius: 9px;
background: linear-gradient(135deg, #589243 0%, #2e4d22 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
flex-shrink: 0;
}

.success-pg .icon-wrap svg {
width: 32px;
height: 32px;
}

.success-pg .result-heading {
font-size: 40px;
line-height: 1.15;
letter-spacing: 0.01em;
color: #589243;
margin: 0;
}

.success-pg .result-sub {
font-size: 17px;
line-height: 1.65;
letter-spacing: 0.015em;
color: #C7CEA9;
margin: 0;
max-width: 560px;
}

.success-pg .divider-line {
width: 100%;
height: 1px;
background: linear-gradient(90deg, #589243 0%, transparent 100%);
border: none;
}

.success-pg .detail-row {
display: flex;
flex-direction: row;
gap: 32px;
width: 100%;
flex-wrap: wrap;
}

.success-pg .detail-item {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
min-width: 180px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(88, 146, 67, 0.25);
}

.success-pg .detail-item .label {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #589243;
text-transform: uppercase;
}

.success-pg .detail-item .value {
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #FDFDFC;
}

.success-pg .back-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: #589243;
color: #FDFDFC;
font-size: 17px;
line-height: 1.15;
letter-spacing: 0.01em;
border: none;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
box-shadow: 1px 3px 6px 0 rgba(88, 146, 67, 0.05);
transition: background 0.15s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.12s ease-in;
position: relative;
overflow: hidden;
}

.success-pg .back-btn:hover {
background: #4a7a38;
box-shadow: 1px 7px 28px 0 rgba(88, 146, 67, 0.09);
}

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

.success-pg .back-btn:active {
background: #3d6630;
box-shadow: inset 0 4px 10px 0 rgba(88, 146, 67, 0.18);
}

.success-pg .note-block {
background: rgba(88, 146, 67, 0.07);
border-left: 3px solid #589243;
border-right: 1px solid rgba(199, 206, 169, 0.15);
border-top: 1px solid rgba(199, 206, 169, 0.15);
border-bottom: 1px solid rgba(199, 206, 169, 0.15);
border-radius: 2px;
padding: 16px 32px;
width: 100%;
box-sizing: border-box;
}

.success-pg .note-block p {
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.015em;
color: #C7CEA9;
margin: 0;
}

@media (max-width: 480px) {
.success-pg {
padding: 48px 16px;
}

.success-pg .result-card {
padding: 32px 16px;
gap: 16px;
}

.success-pg .result-heading {
font-size: 29px;
}

.success-pg .detail-row {
flex-direction: column;
gap: 16px;
}

.success-pg .back-btn {
width: 100%;
justify-content: center;
}
}

@media (min-width: 481px) and (max-width: 960px) {
.success-pg .result-card {
padding: 48px 32px;
}
}