html,
body {
margin: 0;
padding: 0;
}

body {
min-height: 100dvh;
overflow-x: hidden;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #2a2340;
background-color: #ffffff;
}

.top_strip {
background: linear-gradient(90deg, #7F63BF 0%, #9b82d4 100%);
padding: 8px 20px;
}

.top_strip_box {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

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

.top_contact_item {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #EAE7F0;
text-decoration: none;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.top_contact_item:hover,
.top_contact_item:focus {
color: #ffffff;
}

.top_contact_item:focus {
outline: none;
position: relative;
}

.top_contact_item:focus::before {
content: 'link';
position: absolute;
top: -20px;
left: 0;
font-size: 16px;
color: #ffffff;
background: #2a2340;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.contact_icon_shape {
width: 16px;
height: 16px;
flex-shrink: 0;
}

.region_tag {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #EAE7F0;
background: rgba(127, 99, 191, 0.35);
border: 1px solid rgba(234, 231, 240, 0.3);
border-radius: 28px;
padding: 4px 12px;
}

.brand_band {
background: #ffffff;
border-bottom: 1px solid #EAE7F0;
padding: 20px 20px;
}

.brand_band_box {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 40px;
}

.brand_mark_box {
border-top: 2px solid #7F63BF;
border-bottom: 2px solid #7F63BF;
border-radius: 28px;
padding: 8px 20px;
background: #ffffff;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08), 0 6px 18px 0 rgba(127, 99, 191, 0.11);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 80px;
height: 72px;
}

.brand_mark_box img {
width: 60px;
height: 60px;
object-fit: contain;
display: block;
}

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

.brand_name_text {
font-family: 'Fira Sans', sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.15;
color: #2a2340;
letter-spacing: 0;
}

.brand_tagline {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.4;
color: #7F63BF;
font-style: italic;
}

.primary_nav_strip {
background: #EAE7F0;
border-bottom: 2px solid #ACACD0;
}

.primary_nav_box {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}

.nav_item_link {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #2a2340;
text-decoration: none;
padding: 20px 20px;
border-bottom: 3px solid transparent;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.45s ease-in-out;
white-space: nowrap;
position: relative;
overflow: hidden;
}

.nav_item_link:hover,
.nav_item_link:focus {
color: #7F63BF;
border-bottom-color: #7F63BF;
background-color: rgba(127, 99, 191, 0.06);
}

.nav_item_link:focus {
outline: none;
}

.nav_item_link:focus::before {
content: 'nav';
position: absolute;
top: 4px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
color: #ffffff;
background: #2a2340;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
z-index: 10;
}

.nav_item_link.active_page {
color: #7F63BF;
border-bottom-color: #7F63BF;
}

.nav_dot {
width: 6px;
height: 6px;
border-radius: 28px;
background: #ACACD0;
flex-shrink: 0;
transition: background-color 0.5s ease-in-out;
}

.nav_item_link:hover .nav_dot,
.nav_item_link:focus .nav_dot {
background: #7F63BF;
}

@media (max-width: 768px) {
.top_contact_row {
gap: 12px;
}

.brand_band_box {
gap: 20px;
}

.brand_name_text {
font-size: 32px;
}

.primary_nav_box {
padding: 0 8px;
}

.nav_item_link {
padding: 12px 12px;
font-size: 16px;
}
}

@media (max-width: 375px) {
.top_strip {
padding: 8px 12px;
}

.top_contact_item span {
display: none;
}

.brand_band {
padding: 12px 12px;
}

.brand_name_text {
font-size: 32px;
}

.nav_item_link {
padding: 12px 8px;
font-size: 16px;
}
}

.site_footer {
background: #2a2340;
margin-top: 80px;
}

.footer_upper {
padding: 80px 20px 40px;
border-bottom: 1px solid rgba(172, 172, 208, 0.2);
}

.footer_upper_box {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 80px;
flex-wrap: wrap;
}

.footer_left_zone {
flex: 1;
min-width: 220px;
display: flex;
flex-direction: column;
gap: 20px;
}

.footer_brand_desc {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #ACACD0;
max-width: 320px;
}

.footer_right_zone {
display: flex;
gap: 80px;
flex-wrap: wrap;
}

.footer_col {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 160px;
}

.footer_col_heading {
font-family: 'Fira Sans', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
color: #ffffff;
margin: 0 0 8px 0;
}

.footer_nav_link {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #ACACD0;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.footer_nav_link:hover,
.footer_nav_link:focus {
color: #EAE7F0;
}

.footer_nav_link:focus {
outline: none;
}

.footer_nav_link:focus::before {
content: 'link';
position: absolute;
top: -20px;
left: 0;
font-size: 16px;
color: #ffffff;
background: #7F63BF;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.footer_contact_item {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #ACACD0;
text-decoration: none;
display: flex;
align-items: flex-start;
gap: 8px;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.footer_contact_item:hover,
.footer_contact_item:focus {
color: #EAE7F0;
}

.footer_contact_item:focus {
outline: none;
}

.footer_contact_item:focus::before {
content: 'contact';
position: absolute;
top: -20px;
left: 0;
font-size: 16px;
color: #ffffff;
background: #7F63BF;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.footer_contact_label {
font-size: 16px;
color: #7F63BF;
font-weight: 700;
display: block;
margin-bottom: 4px;
}

.footer_lower {
padding: 40px 20px;
background: #1e1930;
}

.footer_lower_box {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}

.footer_logo_frame {
border-top: 2px solid #7F63BF;
border-bottom: 2px solid #7F63BF;
border-radius: 28px;
padding: 8px 20px;
background: #ffffff;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08), 0 6px 18px 0 rgba(127, 99, 191, 0.11);
display: flex;
align-items: center;
justify-content: center;
min-width: 80px;
height: 72px;
}

.footer_logo_frame img {
width: 60px;
height: 60px;
object-fit: contain;
display: block;
}

.footer_legal_row {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}

.footer_legal_link {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #ACACD0;
text-decoration: none;
transition: color 0.5s ease-in-out;
position: relative;
}

.footer_legal_link:hover,
.footer_legal_link:focus {
color: #EAE7F0;
}

.footer_legal_link:focus {
outline: none;
}

.footer_legal_link:focus::before {
content: 'link';
position: absolute;
top: -20px;
left: 0;
font-size: 16px;
color: #ffffff;
background: #7F63BF;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.footer_sep_dot {
width: 4px;
height: 4px;
border-radius: 28px;
background: #7F63BF;
flex-shrink: 0;
}

.footer_copy {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #ACACD0;
text-align: center;
}

.footer_address_text {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #ACACD0;
font-style: normal;
}

@media (max-width: 768px) {
.footer_upper_box {
gap: 40px;
}

.footer_right_zone {
gap: 40px;
}
}

@media (max-width: 375px) {
.footer_upper {
padding: 40px 12px 20px;
}

.footer_lower {
padding: 20px 12px;
}
}

.cookie_bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #2a2340;
border-top: 2px solid #7F63BF;
z-index: 2000;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
}

.cookie_bar_inner {
max-width: 1200px;
margin: 0 auto;
padding: 20px 20px;
display: flex;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap;
}

.cookie_text_group {
flex: 1;
min-width: 220px;
}

.cookie_headline {
font-family: 'Fira Sans', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
color: #ffffff;
margin: 0 0 8px 0;
}

.cookie_desc {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.65;
color: #ACACD0;
margin: 0;
}

.cookie_actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
flex-shrink: 0;
}

.cookie_btn {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: 700;
border-radius: 28px;
padding: 12px 20px;
cursor: pointer;
border: 2px solid #7F63BF;
min-width: 120px;
text-align: center;
transition: background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.cookie_btn:focus {
outline: none;
}

.cookie_btn:focus::before {
content: 'button';
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
color: #ffffff;
background: #7F63BF;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.cookie_btn_accept {
background: #7F63BF;
color: #ffffff;
}

.cookie_btn_accept:hover {
background: #6a50a8;
color: #ffffff;
}

.cookie_btn_decline {
background: transparent;
color: #ACACD0;
}

.cookie_btn_decline:hover {
background: rgba(172, 172, 208, 0.1);
color: #EAE7F0;
}

.cookie_settings_link {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #7F63BF;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
padding: 8px 4px;
transition: color 0.5s ease-in-out;
position: relative;
}

.cookie_settings_link:hover {
color: #9b82d4;
}

.cookie_settings_link:focus {
outline: none;
}

.cookie_settings_link:focus::before {
content: 'settings';
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
color: #ffffff;
background: #7F63BF;
padding: 4px 8px;
border-radius: 3px;
white-space: nowrap;
}

.cookie_toggles_panel {
width: 100%;
display: none;
flex-direction: column;
gap: 12px;
padding-top: 12px;
border-top: 1px solid rgba(172, 172, 208, 0.2);
margin-top: 12px;
}

.cookie_toggle_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.cookie_toggle_label {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #ACACD0;
}

.cookie_toggle_input {
width: 40px;
height: 22px;
cursor: pointer;
accent-color: #7F63BF;
}

.legal-text {
max-width: 1200px;
margin: 0 auto;
padding: 80px 40px;
}

.legal-text h1 {
font-size: 72px;
line-height: 1.15;
color: #2a1f4a;
margin-bottom: 40px;
margin-top: 0;
}

.legal-text h2 {
font-size: 32px;
line-height: 1.4;
color: #2a1f4a;
margin-top: 80px;
margin-bottom: 20px;
}

.legal-text h3 {
font-size: 18px;
line-height: 1.4;
color: #2a1f4a;
margin-top: 40px;
margin-bottom: 12px;
}

.legal-text h4,
.legal-text h5,
.legal-text h6 {
font-size: 16px;
line-height: 1.65;
color: #2a1f4a;
margin-top: 20px;
margin-bottom: 8px;
}

.legal-text p {
font-size: 16px;
line-height: 1.85;
color: #3b2f5e;
margin-top: 0;
margin-bottom: 20px;
}

.legal-text ul,
.legal-text ol {
font-size: 16px;
line-height: 1.85;
color: #3b2f5e;
margin-top: 0;
margin-bottom: 20px;
padding-left: 40px;
}

.legal-text ul {
list-style-type: disc;
}

.legal-text ol {
list-style-type: decimal;
}

.legal-text li {
margin-bottom: 8px;
line-height: 1.85;
}

.legal-text li:last-child {
margin-bottom: 0;
}

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

.legal-text em,
.legal-text i {
color: #5a3fa0;
font-style: italic;
}

.legal-text table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.65;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
border-radius: 3px;
overflow: hidden;
}

.legal-text thead {
background-color: #EAE7F0;
}

.legal-text thead tr {
border-bottom: 2px solid #ACACD0;
}

.legal-text tbody tr {
border-bottom: 1px solid #EAE7F0;
transition: background-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

.legal-text tbody tr:hover {
background-color: #f5f3fa;
}

.legal-text th {
padding: 12px 20px;
text-align: left;
font-size: 16px;
line-height: 1.4;
color: #2a1f4a;
font-weight: 700;
}

.legal-text td {
padding: 12px 20px;
font-size: 16px;
line-height: 1.65;
color: #3b2f5e;
vertical-align: top;
}

.legal-text div {
font-size: 16px;
line-height: 1.65;
color: #3b2f5e;
}

@media (max-width: 768px) {
.legal-text {
padding: 40px 20px;
}

.legal-text h1 {
font-size: 32px;
line-height: 1.15;
margin-bottom: 20px;
}

.legal-text h2 {
font-size: 18px;
margin-top: 40px;
margin-bottom: 12px;
}

.legal-text h3,
.legal-text h4,
.legal-text h5,
.legal-text h6 {
font-size: 16px;
margin-top: 20px;
}

.legal-text table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.legal-text ul,
.legal-text ol {
padding-left: 20px;
}
}

@media (max-width: 375px) {
.legal-text {
padding: 40px 12px;
}

.legal-text h1 {
font-size: 32px;
}

.legal-text th,
.legal-text td {
padding: 8px 12px;
}
}

.abt_us {
background-color: #ffffff;
overflow-x: clip;
}

.abt_us .pg_band {
background: linear-gradient(to bottom, #2a1f3d, #1a1230);
padding: 40px 20px;
position: relative;
}

.abt_us .pg_band .band_inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
}

.abt_us .pg_band .geo_deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}

.abt_us .pg_band .geo_deco svg {
position: absolute;
opacity: 0.07;
}

.abt_us .pg_band .geo_deco svg:first-child {
top: -20px;
right: 80px;
}

.abt_us .pg_band .geo_deco svg:last-child {
bottom: -10px;
left: 120px;
}

.abt_us .pg_band .band_text {
flex: 1;
min-width: 0;
}

.abt_us .pg_band .band_text h1 {
font-size: 32px;
line-height: 1.15;
color: #ffffff;
margin: 0 0 12px 0;
font-weight: 700;
}

.abt_us .pg_band .band_text h1 span.struck {
text-decoration: line-through;
color: #ACACD0;
}

.abt_us .pg_band .band_text h1 span.replaced {
color: #7F63BF;
}

.abt_us .pg_band .band_link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
color: #EAE7F0;
text-decoration: none;
font-size: 16px;
line-height: 1.4;
border: 1px solid rgba(127, 99, 191, 0.4);
padding: 8px 20px;
border-radius: 3px;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}

.abt_us .pg_band .band_link .lnk_icon {
display: inline-flex;
align-items: center;
opacity: 0;
transform: translateX(-8px);
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .pg_band .band_link .lnk_label {
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .pg_band .band_link:hover {
color: #ffffff;
border-color: #7F63BF;
background-color: rgba(127, 99, 191, 0.2);
}

.abt_us .pg_band .band_link:hover .lnk_icon {
opacity: 1;
transform: translateX(0);
}

.abt_us .pg_band .band_link:hover .lnk_label {
transform: translateX(4px);
}

.abt_us .pg_band .band_img_wrap {
width: 220px;
flex-shrink: 0;
border-radius: 3px;
overflow: hidden;
position: relative;
border: 1px solid rgba(172, 172, 208, 0.2);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.abt_us .pg_band .band_img_wrap img {
width: 220px;
height: 140px;
object-fit: cover;
display: block;
filter: blur(0px);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .pg_band .band_img_wrap:hover img {
filter: blur(0px);
}

.abt_us .pg_band .band_img_wrap::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 0% 0%, rgba(26, 18, 48, 0.55) 0%, transparent 55%),
radial-gradient(ellipse at 100% 100%, rgba(26, 18, 48, 0.55) 0%, transparent 55%);
pointer-events: none;
}

.abt_us .sec_divider {
height: 1px;
background: linear-gradient(to right, transparent, rgba(127, 99, 191, 0.18), transparent);
filter: blur(1px);
margin: 0;
}

.abt_us .story_sec {
padding: 80px 20px;
background-color: #ffffff;
position: relative;
}

.abt_us .story_sec::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: repeating-linear-gradient(0deg,
transparent,
transparent 39px,
rgba(172, 172, 208, 0.06) 39px,
rgba(172, 172, 208, 0.06) 40px);
pointer-events: none;
}

.abt_us .story_sec .story_inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

.abt_us .story_sec .story_text {
position: relative;
}

.abt_us .story_sec .story_text .acc_line {
display: block;
width: 40px;
height: 3px;
background-color: #7F63BF;
border-radius: 0px;
margin-bottom: 12px;
}

.abt_us .story_sec .story_text h2 {
font-size: 32px;
line-height: 1.15;
color: #1a1230;
margin: 0 0 20px 0;
font-weight: 700;
}

.abt_us .story_sec .story_text .para_wide {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0 0 20px 0;
max-width: 100%;
}

.abt_us .story_sec .story_text .para_narrow {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0 0 20px 0;
max-width: 82%;
}

.abt_us .story_sec .story_text .para_wide:last-child,
.abt_us .story_sec .story_text .para_narrow:last-child {
margin-bottom: 0;
}

.abt_us .story_sec .story_media {
display: flex;
flex-direction: column;
gap: 20px;
}

.abt_us .story_sec .story_media .img_frame {
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(172, 172, 208, 0.3);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
position: relative;
}

.abt_us .story_sec .story_media .img_frame img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
filter: blur(3px);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .story_sec .story_media .img_frame:hover img {
filter: blur(0px);
}

.abt_us .story_sec .story_media .stat_row {
display: flex;
flex-direction: row;
gap: 20px;
}

.abt_us .story_sec .story_media .stat_box {
flex: 1;
background: linear-gradient(to bottom, #EAE7F0, rgba(234, 231, 240, 0.4));
border-radius: 3px;
padding: 20px;
border: 1px solid rgba(127, 99, 191, 0.12);
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
transition: box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .story_sec .story_media .stat_box:hover {
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
transform: translateY(-3px);
}

.abt_us .story_sec .story_media .stat_num {
font-size: 32px;
line-height: 1.15;
color: #7F63BF;
font-weight: 700;
display: block;
margin-bottom: 4px;
}

.abt_us .story_sec .story_media .stat_label {
font-size: 16px;
line-height: 1.4;
color: #2d2540;
}

.abt_us .dashed_path_wrap {
position: relative;
pointer-events: none;
}

.abt_us .dashed_path_wrap svg.dashed_path {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
z-index: 0;
}

.abt_us .team_sec {
padding: 80px 20px 40px;
background: linear-gradient(to bottom, #EAE7F0, rgba(234, 231, 240, 0.3));
position: relative;
}

.abt_us .team_sec .team_inner {
max-width: 1200px;
margin: 0 auto;
}

.abt_us .team_sec .team_head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 40px;
}

.abt_us .team_sec .team_head_text .acc_line {
display: block;
width: 40px;
height: 3px;
background-color: #7F63BF;
border-radius: 0px;
margin-bottom: 12px;
}

.abt_us .team_sec .team_head_text h2 {
font-size: 32px;
line-height: 1.15;
color: #1a1230;
margin: 0 0 8px 0;
font-weight: 700;
}

.abt_us .team_sec .team_head_text p {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0;
max-width: 480px;
}

.abt_us .team_sec .team_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.abt_us .team_sec .member_card {
background: #ffffff;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(172, 172, 208, 0.25);
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
transition: box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.abt_us .team_sec .member_card:hover {
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
transform: translateY(-4px);
}

.abt_us .team_sec .member_card .card_img_wrap {
overflow: hidden;
position: relative;
}

.abt_us .team_sec .member_card .card_img_wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
filter: blur(3px);
transition: filter 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .team_sec .member_card:hover .card_img_wrap img {
filter: blur(0px);
}

.abt_us .team_sec .member_card .card_body {
padding: 20px;
}

.abt_us .team_sec .member_card .member_name {
font-size: 18px;
line-height: 1.4;
color: #1a1230;
font-weight: 700;
margin: 0 0 4px 0;
}

.abt_us .team_sec .member_card .member_role {
font-size: 16px;
line-height: 1.4;
color: #7F63BF;
margin: 0 0 12px 0;
font-weight: 600;
}

.abt_us .team_sec .member_card .member_bio {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0;
}

.abt_us .team_sec .member_card .card_tag {
display: inline-block;
background-color: #EAE7F0;
color: #2d2540;
font-size: 16px;
line-height: 1.4;
padding: 4px 12px;
border-radius: 28px;
margin-top: 12px;
}

.abt_us .team_sec .member_card.selected {
border-left: 3px solid #7F63BF;
}

.abt_us .team_sec .member_card:not(.selected) {
border-left: 3px solid transparent;
}

.abt_us .approach_sec {
padding: 80px 20px;
background-color: #ffffff;
position: relative;
}

.abt_us .approach_sec .approach_inner {
max-width: 1200px;
margin: 0 auto;
}

.abt_us .approach_sec .approach_top {
display: flex;
flex-direction: row;
gap: 40px;
margin-bottom: 40px;
align-items: flex-start;
}

.abt_us .approach_sec .approach_top .approach_lead {
flex: 0 0 380px;
}

.abt_us .approach_sec .approach_top .approach_lead .acc_line {
display: block;
width: 40px;
height: 3px;
background-color: #7F63BF;
border-radius: 0px;
margin-bottom: 12px;
}

.abt_us .approach_sec .approach_top .approach_lead h2 {
font-size: 32px;
line-height: 1.15;
color: #1a1230;
margin: 0 0 20px 0;
font-weight: 700;
}

.abt_us .approach_sec .approach_top .approach_lead p {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0 0 20px 0;
}

.abt_us .approach_sec .approach_top .approach_lead p:last-child {
margin-bottom: 0;
}

.abt_us .approach_sec .approach_top .approach_img_col {
flex: 1;
min-width: 0;
}

.abt_us .approach_sec .approach_top .approach_img_col .img_frame {
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(172, 172, 208, 0.3);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.abt_us .approach_sec .approach_top .approach_img_col .img_frame img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
filter: blur(3px);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt_us .approach_sec .approach_top .approach_img_col .img_frame:hover img {
filter: blur(0px);
}

.abt_us .approach_sec .pillars_row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 40px;
}

.abt_us .approach_sec .pillar_item {
padding: 20px;
border-radius: 3px;
border: 1px solid rgba(172, 172, 208, 0.2);
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
background-color: #ffffff;
transition: box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.abt_us .approach_sec .pillar_item::before {
content: "";
display: block;
width: 28px;
height: 28px;
border-radius: 3px;
background-color: #EAE7F0;
margin-bottom: 12px;
}

.abt_us .approach_sec .pillar_item:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.abt_us .approach_sec .pillar_item h4 {
font-size: 16px;
line-height: 1.4;
color: #1a1230;
font-weight: 700;
margin: 0 0 8px 0;
}

.abt_us .approach_sec .pillar_item p {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
margin: 0;
}

.abt_us .approach_sec .list_arrow {
list-style: none;
padding: 0;
margin: 20px 0 0 0;
}

.abt_us .approach_sec .list_arrow li {
font-size: 16px;
line-height: 1.65;
color: #2d2540;
padding: 4px 0 4px 20px;
position: relative;
}

.abt_us .approach_sec .list_arrow li::before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 8px;
height: 8px;
border-right: 2px solid #7F63BF;
border-top: 2px solid #7F63BF;
transform: rotate(45deg);
}

@keyframes bounceIn {
0% {
opacity: 0;
transform: translateY(24px);
}

60% {
opacity: 1;
transform: translateY(-5px);
}

80% {
transform: translateY(3px);
}

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

.abt_us .story_sec .story_inner,
.abt_us .team_sec .team_grid,
.abt_us .approach_sec .pillars_row {
animation: bounceIn 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@media (max-width: 1366px) {
.abt_us .story_sec .story_inner {
gap: 40px;
}

.abt_us .approach_sec .pillars_row {
grid-template-columns: repeat(2, 1fr);
}
}

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

.abt_us .pg_band .band_img_wrap {
width: 100%;
}

.abt_us .pg_band .band_img_wrap img {
width: 100%;
height: 160px;
}

.abt_us .story_sec .story_inner {
grid-template-columns: 1fr;
gap: 40px;
}

.abt_us .story_sec .story_text .para_narrow {
max-width: 100%;
}

.abt_us .team_sec .team_grid {
grid-template-columns: 1fr 1fr;
}

.abt_us .team_sec .team_head {
flex-direction: column;
align-items: flex-start;
}

.abt_us .approach_sec .approach_top {
flex-direction: column;
}

.abt_us .approach_sec .approach_top .approach_lead {
flex: none;
width: 100%;
}

.abt_us .approach_sec .pillars_row {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 375px) {
.abt_us .pg_band {
padding: 20px 12px;
}

.abt_us .story_sec,
.abt_us .team_sec,
.abt_us .approach_sec {
padding: 40px 12px;
}

.abt_us .team_sec .team_grid {
grid-template-columns: 1fr;
}

.abt_us .approach_sec .pillars_row {
grid-template-columns: 1fr;
}

.abt_us .story_sec .story_media .stat_row {
flex-direction: column;
}
}

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

.rt .pg_wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

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

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

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

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

.rt .anim_load {
animation: elastic_in 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rt .anim_load.delay1 {
animation-delay: 0.12s;
}

.rt .anim_load.delay2 {
animation-delay: 0.24s;
}

.rt .anim_load.delay3 {
animation-delay: 0.36s;
}

.rt ::selection {
background: #ACACD0;
color: #1a1a1a;
}

.rt .acc_line {
display: block;
width: 32px;
height: 3px;
background: #7F63BF;
border-radius: 3px;
margin-bottom: 12px;
}

.rt .arrow_list {
list-style: none;
padding: 0;
margin: 0;
}

.rt .arrow_list li {
padding: 4px 0 4px 20px;
position: relative;
font-size: 16px;
line-height: 1.65;
color: #2a2a35;
}

.rt .arrow_list li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-top: 2px solid #7F63BF;
border-right: 2px solid #7F63BF;
transform: translateY(-50%) rotate(45deg);
}

.rt .num_big {
font-size: 72px;
line-height: 1.15;
color: #7F63BF;
font-weight: 700;
}

.rt .num_big sup {
font-size: 32px;
vertical-align: super;
color: #7F63BF;
}

.rt .strike_swap {
text-decoration: line-through;
color: #9a9aaa;
}

.rt .strike_new {
color: #7F63BF;
font-weight: 600;
}

.rt .dot_border {
position: relative;
}

.rt .dot_border::after {
content: '';
position: absolute;
inset: 0;
border-radius: 28px;
background-image: radial-gradient(circle, #ACACD0 1.5px, transparent 1.5px);
background-size: 14px 14px;
opacity: 0.35;
pointer-events: none;
z-index: 0;
}

.rt .img_frame {
border: 1px solid rgba(127, 99, 191, 0.18);
border-radius: 3px;
overflow: hidden;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
}

.rt .img_frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.rt .btn_pri {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 28px;
background: #7F63BF;
color: #fff;
border-radius: 3px;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
position: relative;
}

.rt .btn_pri .btn_icon {
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
transform: translateX(-20px);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.45s ease-in-out;
}

.rt .btn_pri .btn_txt {
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .btn_pri:hover .btn_icon {
transform: translateX(0);
opacity: 1;
}

.rt .btn_pri:hover .btn_txt {
transform: translateX(6px);
}

.rt .btn_pri:hover {
background: #6a52a8;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
}

.rt .btn_pri:focus {
outline: 2px solid #7F63BF;
outline-offset: 3px;
}

.rt .btn_pri:active {
transform: scale(0.98);
}

.rt .btn_sec {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 28px;
background: transparent;
color: #7F63BF;
border-radius: 3px;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
border: 2px solid #7F63BF;
cursor: pointer;
text-decoration: none;
transition: background 0.55s ease-in-out, color 0.55s ease-in-out;
overflow: hidden;
}

.rt .btn_sec .btn_icon {
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
transform: translateX(-20px);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
}

.rt .btn_sec .btn_txt {
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .btn_sec:hover .btn_icon {
transform: translateX(0);
opacity: 1;
}

.rt .btn_sec:hover .btn_txt {
transform: translateX(6px);
}

.rt .btn_sec:hover {
background: #EAE7F0;
}

.rt .btn_sec:focus {
outline: 2px solid #7F63BF;
outline-offset: 3px;
}

.rt .tag_badge {
display: inline-block;
padding: 4px 12px;
border-radius: 28px;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
}

.rt .tag_pri {
background: #7F63BF;
color: #fff;
}

.rt .tag_sec {
background: #ACACD0;
color: #2a2a35;
}

.rt .tag_ter {
background: #EAE7F0;
color: #2a2a35;
}

.rt .title_blk {
background: #fff;
padding: 80px 0;
position: relative;
}

.rt .title_blk_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 40px;
position: relative;
z-index: 1;
}

.rt .title_img_strip {
width: 220px;
flex-shrink: 0;
position: relative;
}

.rt .title_img_strip .img_frame {
height: 100%;
min-height: 340px;
}

.rt .title_img_strip .img_frame img {
filter: saturate(0.7) brightness(0.92) hue-rotate(0deg);
}

.rt .title_geo {
position: absolute;
pointer-events: none;
}

.rt .title_geo.geo_a {
top: -20px;
right: -20px;
width: 60px;
height: 60px;
border: 2px solid rgba(127, 99, 191, 0.15);
border-radius: 3px;
transform: rotate(22deg);
}

.rt .title_geo.geo_b {
bottom: 20px;
left: -12px;
width: 36px;
height: 36px;
background: rgba(172, 172, 208, 0.18);
border-radius: 28px;
}

.rt .title_text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}

.rt .title_eyebrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.rt .title_num_accent {
font-size: 72px;
line-height: 1.15;
font-weight: 700;
color: #7F63BF;
}

.rt .title_num_accent sup {
font-size: 32px;
color: #7F63BF;
vertical-align: super;
}

.rt .title_h1 {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0;
}

.rt .title_desc {
font-size: 18px;
line-height: 1.65;
color: #3a3550;
max-width: 520px;
margin: 0;
}

.rt .title_actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}

.rt .title_diag {
position: absolute;
top: 0;
right: 0;
width: 38%;
height: 100%;
background: linear-gradient(to bottom, #EAE7F0, transparent);
clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
pointer-events: none;
z-index: 0;
}

.rt .value_blk {
background: #f7f5fc;
padding: 80px 0 40px;
position: relative;
}

.rt .value_blk_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
align-items: start;
}

.rt .value_intro {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}

.rt .value_h2 {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0;
}

.rt .value_sub {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .value_dom {
display: flex;
flex-direction: column;
gap: 20px;
}

.rt .value_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.rt .value_card {
background: #fff;
border-radius: 3px;
padding: 20px;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
transition: box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}

.rt .value_card:hover {
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
transform: translateY(-3px);
}

.rt .value_card_h {
font-size: 16px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0 0 8px;
}

.rt .value_card_p {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .value_img_wrap {
grid-column: 1 / -1;
}

.rt .value_img_wide {
height: 220px;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(127, 99, 191, 0.14);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.rt .value_img_wide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.rt .value_divider {
height: 40px;
background: linear-gradient(to bottom, #f7f5fc, #fff);
margin-top: 40px;
}

.rt .hesit_blk {
background: #fff;
padding: 80px 0;
position: relative;
}

.rt .hesit_blk_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: row;
gap: 40px;
align-items: stretch;
}

.rt .hesit_left {
flex: 1.2;
display: flex;
flex-direction: column;
gap: 20px;
}

.rt .hesit_h2 {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0;
}

.rt .hesit_p {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .hesit_p.wide {
max-width: 100%;
}

.rt .hesit_p.narrow {
max-width: 72%;
}

.rt .hesit_num_row {
display: flex;
flex-direction: row;
gap: 40px;
flex-wrap: wrap;
padding: 20px 0;
}

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

.rt .hesit_stat_label {
font-size: 16px;
line-height: 1.4;
color: #6a6a85;
}

.rt .hesit_right {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}

.rt .hesit_img_box {
flex: 1;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(127, 99, 191, 0.14);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
min-height: 260px;
}

.rt .hesit_img_box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

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

.rt .faq_item {
background: #EAE7F0;
border-radius: 3px;
padding: 12px 20px;
}

.rt .faq_q {
font-size: 16px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0 0 8px;
}

.rt .faq_a {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .env_blk {
background: linear-gradient(to bottom, #2a2040, #3d2f60);
padding: 80px 0;
position: relative;
}

.rt .env_blk_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.rt .env_top {
display: flex;
flex-direction: row;
gap: 40px;
align-items: start;
margin-bottom: 40px;
}

.rt .env_heading_col {
flex: 1;
}

.rt .env_h2 {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #fff;
margin: 0 0 12px;
}

.rt .env_lead {
font-size: 18px;
line-height: 1.65;
color: #c8c2e0;
margin: 0;
max-width: 440px;
}

.rt .env_acc_line {
display: block;
width: 32px;
height: 3px;
background: #ACACD0;
border-radius: 3px;
margin-bottom: 12px;
}

.rt .env_img_col {
flex: 1;
border-radius: 3px;
overflow: hidden;
height: 200px;
border: 1px solid rgba(172, 172, 208, 0.25);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.14);
}

.rt .env_img_col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

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

.rt .env_item {
background: rgba(255, 255, 255, 0.06);
border-radius: 3px;
padding: 20px;
border: 1px solid rgba(172, 172, 208, 0.15);
transition: background 0.55s ease-in-out, box-shadow 0.55s ease-in-out;
}

.rt .env_item:hover {
background: rgba(255, 255, 255, 0.11);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.rt .env_item_num {
font-size: 72px;
line-height: 1.15;
font-weight: 700;
color: #ACACD0;
display: block;
}

.rt .env_item_num sup {
font-size: 32px;
vertical-align: super;
color: #ACACD0;
}

.rt .env_item_h {
font-size: 16px;
line-height: 1.4;
font-weight: 700;
color: #fff;
margin: 8px 0 8px;
}

.rt .env_item_p {
font-size: 16px;
line-height: 1.65;
color: #c8c2e0;
margin: 0;
}

.rt .avail_blk {
background: #fff;
padding: 80px 0;
position: relative;
}

.rt .avail_blk::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: #EAE7F0;
}

.rt .avail_blk_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.rt .avail_head {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
align-items: end;
}

.rt .avail_h2 {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0;
}

.rt .avail_desc {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .avail_list {
display: flex;
flex-direction: column;
gap: 20px;
}

.rt .avail_entry {
display: grid;
grid-template-columns: 80px 1fr 260px;
gap: 20px;
align-items: center;
padding: 20px;
border-radius: 3px;
border: 1px solid #EAE7F0;
transition: box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rt .avail_entry:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
border-color: #ACACD0;
}

.rt .avail_num {
font-size: 72px;
line-height: 1.15;
font-weight: 700;
color: #EAE7F0;
text-align: center;
display: block;
}

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

.rt .avail_entry_h {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #1e1b2e;
margin: 0;
}

.rt .avail_entry_p {
font-size: 16px;
line-height: 1.65;
color: #3a3550;
margin: 0;
}

.rt .avail_entry_img {
height: 120px;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(127, 99, 191, 0.12);
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
}

.rt .avail_entry_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

@media (max-width: 1366px) {
.rt .title_diag {
width: 32%;
}
}

@media (max-width: 768px) {
.rt .title_blk {
padding: 40px 0;
}

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

.rt .title_img_strip {
width: 100%;
}

.rt .title_img_strip .img_frame {
min-height: 200px;
}

.rt .title_diag {
display: none;
}

.rt .value_blk_inner {
grid-template-columns: 1fr;
}

.rt .value_row {
grid-template-columns: 1fr;
}

.rt .hesit_blk_inner {
flex-direction: column;
}

.rt .hesit_p.narrow {
max-width: 100%;
}

.rt .env_top {
flex-direction: column;
}

.rt .env_grid {
grid-template-columns: 1fr 1fr;
}

.rt .avail_head {
grid-template-columns: 1fr;
}

.rt .avail_entry {
grid-template-columns: 60px 1fr;
}

.rt .avail_entry_img {
display: none;
}

.rt .value_blk {
padding: 40px 0 20px;
}

.rt .hesit_blk {
padding: 40px 0;
}

.rt .env_blk {
padding: 40px 0;
}

.rt .avail_blk {
padding: 40px 0;
}
}

@media (max-width: 375px) {
.rt .env_grid {
grid-template-columns: 1fr;
}

.rt .title_num_accent {
font-size: 32px;
}

.rt .title_h1 {
font-size: 32px;
}

.rt .hesit_num_row {
gap: 20px;
}

.rt .num_big {
font-size: 32px;
}

.rt .avail_num {
font-size: 32px;
}
}

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

.qz_pg .qz_max {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.qz_pg .qz_title_area {
padding: 80px 0 40px;
position: relative;
}

.qz_pg .qz_title_area .qz_bg_lines {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.qz_pg .qz_title_area .qz_bg_lines svg {
width: 100%;
height: 100%;
opacity: 0.13;
}

.qz_pg .qz_title_inner {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 40px;
position: relative;
z-index: 1;
}

.qz_pg .qz_title_txt {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 0;
}

.qz_pg .qz_accent_line {
width: 48px;
height: 3px;
background: #7F63BF;
border-radius: 3px;
margin-bottom: 20px;
}

.qz_pg .qz_h1 {
font-size: 72px;
line-height: 1.15;
color: #1b1535;
margin: 0 0 20px;
font-weight: 800;
}

.qz_pg .qz_h1 span {
color: #7F63BF;
}

.qz_pg .qz_start_link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #7F63BF;
color: #fff;
text-decoration: none;
padding: 12px 28px;
border-radius: 28px;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
width: fit-content;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
position: relative;
}

.qz_pg .qz_start_link .lnk_icon {
display: flex;
flex-direction: row;
align-items: center;
transform: translateX(-8px);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_start_link .lnk_txt {
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_start_link:hover .lnk_icon {
transform: translateX(0);
opacity: 1;
}

.qz_pg .qz_start_link:hover .lnk_txt {
transform: translateX(6px);
}

.qz_pg .qz_start_link:hover {
background: #6a50a8;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
transform: translateY(-2px);
}

.qz_pg .qz_img_geo {
flex: 0 0 420px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.qz_pg .qz_img_clip {
width: 380px;
height: 420px;
border-radius: 28px 3px 28px 3px;
overflow: hidden;
border: 2px solid #ACACD0;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
position: relative;
}

.qz_pg .qz_img_clip img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0.18;
}

.qz_pg .qz_img_grad {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #7F63BF, transparent);
border-radius: 28px 3px 28px 3px;
}

.qz_pg .qz_score_bar {
background: #EAE7F0;
padding: 40px 0;
border-top: 1px solid #ACACD0;
border-bottom: 1px solid #ACACD0;
}

.qz_pg .qz_score_row {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 20px;
}

.qz_pg .qz_score_card {
flex: 1 1 0;
background: #fff;
border-radius: 3px;
padding: 20px;
box-shadow: 0 1px 2px 0 rgba(172, 172, 208, 0.08);
border-top: 3px solid #7F63BF;
display: flex;
flex-direction: column;
gap: 8px;
transition: box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_score_card:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
transform: translateY(-3px);
}

.qz_pg .qz_score_num {
font-size: 32px;
font-weight: 800;
color: #7F63BF;
line-height: 1.15;
}

.qz_pg .qz_score_lbl {
font-size: 16px;
color: #3d3360;
line-height: 1.4;
}

.qz_pg .qz_dot {
width: 10px;
height: 10px;
border-radius: 28px;
background: #7F63BF;
display: inline-block;
margin-right: 8px;
flex-shrink: 0;
}

.qz_pg .qz_dot.sec {
background: #ACACD0;
}

.qz_pg .qz_dot.ter {
background: #EAE7F0;
border: 1px solid #ACACD0;
}

.qz_pg .qz_quiz_area {
padding: 80px 0;
background: #fff;
}

.qz_pg .qz_quiz_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.qz_pg .qz_q_card {
background: #fff;
border: 1px solid #ACACD0;
border-radius: 3px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_q_card:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.qz_pg .qz_q_num {
font-size: 16px;
font-weight: 700;
color: #7F63BF;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.qz_pg .qz_q_text {
font-size: 18px;
font-weight: 700;
color: #1b1535;
line-height: 1.4;
margin: 0;
}

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

.qz_pg .qz_opts li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.qz_pg .qz_opts li::before {
content: '';
width: 7px;
height: 11px;
border-right: 2px solid #7F63BF;
border-bottom: 2px solid #7F63BF;
transform: rotate(-45deg) translateY(2px);
flex-shrink: 0;
margin-top: 4px;
}

.qz_pg .qz_opt_label {
font-size: 16px;
color: #3d3360;
line-height: 1.65;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
width: 100%;
}

.qz_pg .qz_opt_label input[type="radio"] {
accent-color: #7F63BF;
margin-top: 4px;
flex-shrink: 0;
}

.qz_pg .qz_opt_label:hover {
color: #7F63BF;
}

.qz_pg .qz_reveal_wrap {
margin-top: 8px;
}

.qz_pg .qz_reveal_btn {
background: none;
border: 1px solid #7F63BF;
border-radius: 3px;
color: #7F63BF;
font-size: 16px;
padding: 8px 20px;
cursor: pointer;
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.qz_pg .qz_reveal_btn:hover {
background: #7F63BF;
color: #fff;
}

.qz_pg .qz_reveal_btn:focus {
outline: 2px solid #7F63BF;
outline-offset: 2px;
}

.qz_pg .qz_answer {
display: none;
background: #EAE7F0;
border-radius: 3px;
padding: 12px;
font-size: 16px;
color: #1b1535;
line-height: 1.65;
margin-top: 8px;
box-shadow: inset 0 2px 8px 0 rgba(127, 99, 191, 0.08);
}

.qz_pg .qz_answer.visible {
display: block;
}

.qz_pg .qz_answer strong {
color: #7F63BF;
}

.qz_pg .qz_stripe_band {
background: #1b1535;
padding: 80px 0 40px;
position: relative;
overflow: hidden;
}

.qz_pg .qz_stripes {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.qz_pg .qz_stripes svg {
width: 200%;
height: 100%;
animation: stripe_move 9s linear infinite;
}

@keyframes stripe_move {
from {
transform: translateX(0);
}

to {
transform: translateX(-50%);
}
}

.qz_pg .qz_stripe_inner {
position: relative;
z-index: 1;
}

.qz_pg .qz_stripe_head {
font-size: 32px;
font-weight: 800;
color: #fff;
line-height: 1.15;
margin: 0 0 8px;
}

.qz_pg .qz_stripe_accent {
width: 48px;
height: 3px;
background: #7F63BF;
border-radius: 3px;
margin-bottom: 20px;
}

.qz_pg .qz_cat_row {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap;
margin-top: 20px;
}

.qz_pg .qz_cat_pill {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: rgba(127, 99, 191, 0.18);
border: 1px solid rgba(127, 99, 191, 0.35);
border-radius: 28px;
padding: 8px 20px;
color: #EAE7F0;
font-size: 16px;
font-weight: 600;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_cat_pill:hover {
background: rgba(127, 99, 191, 0.38);
border-color: rgba(127, 99, 191, 0.7);
}

.qz_pg .qz_stripe_desc {
font-size: 16px;
color: #ACACD0;
line-height: 1.65;
max-width: 680px;
margin: 0;
}

.qz_pg .qz_tip_area {
padding: 80px 0;
background: #EAE7F0;
}

.qz_pg .qz_tip_head_row {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px;
margin-bottom: 40px;
}

.qz_pg .qz_tip_h2 {
font-size: 32px;
font-weight: 800;
color: #1b1535;
line-height: 1.15;
margin: 0;
}

.qz_pg .qz_tip_sub {
font-size: 16px;
color: #3d3360;
line-height: 1.65;
margin: 0;
flex: 1 1 0;
}

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

.qz_pg .qz_tip_row {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 20px;
background: #fff;
border-radius: 3px;
padding: 20px;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qz_pg .qz_tip_row:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
transform: translateX(4px);
}

.qz_pg .qz_tip_num_col {
flex: 0 0 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 4px;
}

.qz_pg .qz_tip_num {
font-size: 32px;
font-weight: 800;
color: #EAE7F0;
line-height: 1.15;
}

.qz_pg .qz_tip_body {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 4px;
}

.qz_pg .qz_tip_label {
font-size: 18px;
font-weight: 700;
color: #1b1535;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.qz_pg .qz_tip_text {
font-size: 16px;
color: #3d3360;
line-height: 1.65;
margin: 0;
}

.qz_pg .qz_tip_text.narrow {
max-width: 560px;
}

@media (max-width: 1366px) {
.qz_pg .qz_h1 {
font-size: 72px;
}

.qz_pg .qz_img_geo {
flex: 0 0 340px;
}

.qz_pg .qz_img_clip {
width: 300px;
height: 360px;
}
}

@media (max-width: 768px) {
.qz_pg .qz_title_inner {
flex-direction: column;
}

.qz_pg .qz_img_geo {
flex: 0 0 auto;
width: 100%;
align-items: flex-start;
}

.qz_pg .qz_img_clip {
width: 100%;
height: 220px;
}

.qz_pg .qz_h1 {
font-size: 32px;
}

.qz_pg .qz_quiz_grid {
grid-template-columns: 1fr;
}

.qz_pg .qz_score_row {
flex-direction: column;
}

.qz_pg .qz_tip_head_row {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}

.qz_pg .qz_cat_row {
gap: 12px;
}

.qz_pg .qz_stripe_band {
padding: 40px 0;
}

.qz_pg .qz_tip_area {
padding: 40px 0;
}

.qz_pg .qz_quiz_area {
padding: 40px 0;
}

.qz_pg .qz_title_area {
padding: 40px 0 20px;
}
}

@media (max-width: 375px) {
.qz_pg .qz_h1 {
font-size: 32px;
}

.qz_pg .qz_score_num {
font-size: 32px;
}

.qz_pg .qz_img_clip {
height: 180px;
}

.qz_pg .qz_cat_pill {
font-size: 16px;
padding: 8px 12px;
}

.qz_pg .qz_tip_num {
font-size: 32px;
}
}

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

.how_wrk .pw_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.how_wrk .split_row {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.how_wrk .col_40 {
flex: 0 0 40%;
}

.how_wrk .col_60 {
flex: 0 0 60%;
}

.how_wrk .accent_line {
width: 40px;
height: 3px;
background: #7F63BF;
margin-bottom: 12px;
border-radius: 3px;
}

.how_wrk .pg_label {
font-size: 16px;
color: #7F63BF;
line-height: 1.4;
margin-bottom: 8px;
font-weight: 600;
}

.how_wrk .pg_heading {
font-size: 32px;
line-height: 1.15;
color: #1b1536;
margin-bottom: 20px;
font-weight: 800;
}

.how_wrk .pg_body {
font-size: 16px;
line-height: 1.65;
color: #2e2b3a;
}

.how_wrk .pg_body.narrow {
max-width: 480px;
}

.how_wrk .pg_body.wide {
max-width: 100%;
}

.how_wrk .arr_list {
list-style: none;
padding: 0;
margin: 20px 0 0 0;
}

.how_wrk .arr_list li {
font-size: 16px;
line-height: 1.65;
color: #2e2b3a;
padding: 4px 0 4px 20px;
position: relative;
}

.how_wrk .arr_list li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-right: 2px solid #7F63BF;
border-top: 2px solid #7F63BF;
transform: translateY(-60%) rotate(45deg);
}

.how_wrk .tag_badge {
display: inline-block;
background: #EAE7F0;
color: #7F63BF;
font-size: 16px;
padding: 4px 12px;
border-radius: 3px;
font-weight: 600;
margin-bottom: 12px;
}

.how_wrk .scallop_bottom {
position: relative;
}

.how_wrk .scallop_bottom::after {
content: "";
position: absolute;
bottom: -16px;
left: 0;
right: 0;
height: 16px;
background: radial-gradient(circle at 16px 0, transparent 16px, #fff 16px) repeat-x;
background-size: 32px 16px;
z-index: 2;
}

.how_wrk .scallop_top {
position: relative;
}

.how_wrk .scallop_top::before {
content: "";
position: absolute;
top: -16px;
left: 0;
right: 0;
height: 16px;
background: radial-gradient(circle at 16px 100%, transparent 16px, #EAE7F0 16px) repeat-x;
background-size: 32px 16px;
z-index: 2;
}

.how_wrk .parallel_lines {
position: absolute;
top: 20px;
right: 20px;
display: flex;
flex-direction: column;
gap: 4px;
pointer-events: none;
}

.how_wrk .parallel_lines span {
display: block;
height: 2px;
background: rgba(127, 99, 191, 0.18);
border-radius: 0;
}

.how_wrk .parallel_lines span:nth-child(1) {
width: 48px;
}

.how_wrk .parallel_lines span:nth-child(2) {
width: 36px;
}

.how_wrk .parallel_lines span:nth-child(3) {
width: 56px;
}

.how_wrk .parallel_lines span:nth-child(4) {
width: 28px;
}

.how_wrk .parallel_lines span:nth-child(5) {
width: 44px;
}

.how_wrk .img_frame {
position: relative;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.how_wrk .img_frame img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
border: 1px solid rgba(172, 172, 208, 0.3);
border-radius: 3px;
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.how_wrk .img_frame::after {
content: "";
position: absolute;
inset: 0;
border: 2px solid #7F63BF;
border-radius: 3px;
opacity: 0;
transition: opacity 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
}

.how_wrk .img_frame:hover::after {
opacity: 1;
}

.how_wrk .img_frame:hover img {
transform: scale(1.02);
}

.how_wrk .img_glow {
filter: drop-shadow(0 0 24px rgba(234, 231, 240, 0.9));
}

.how_wrk .curved_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
border-radius: 28px;
}

.how_wrk .curved_bg svg {
position: absolute;
top: -40px;
left: -40px;
opacity: 0.12;
width: 320px;
height: 320px;
}

.how_wrk .blk1 {
padding: 80px 0 96px;
position: relative;
background: #fff;
}

.how_wrk .blk1_text {
padding-top: 40px;
}

.how_wrk .blk1_img_col {
position: relative;
}

.how_wrk .blk2 {
background: #EAE7F0;
padding: 96px 0 80px;
position: relative;
}

.how_wrk .step_cards {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 40px;
flex-wrap: wrap;
}

.how_wrk .step_card {
flex: 1 1 calc(33% - 20px);
background: #fff;
border-radius: 3px;
padding: 20px;
position: relative;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
overflow: hidden;
animation: card_flip 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.how_wrk .step_card:nth-child(1) {
animation-delay: 0.1s;
}

.how_wrk .step_card:nth-child(2) {
animation-delay: 0.25s;
}

.how_wrk .step_card:nth-child(3) {
animation-delay: 0.4s;
}

.how_wrk .step_card:nth-child(4) {
animation-delay: 0.55s;
}

.how_wrk .step_card:nth-child(5) {
animation-delay: 0.7s;
}

@keyframes card_flip {
0% {
opacity: 0;
transform: rotateY(90deg);
}

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

.how_wrk .step_card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(to bottom, transparent, rgba(234, 231, 240, 0.45));
pointer-events: none;
}

.how_wrk .step_num {
font-size: 32px;
font-weight: 800;
color: #EAE7F0;
line-height: 1.15;
margin-bottom: 8px;
}

.how_wrk .step_ttl {
font-size: 18px;
font-weight: 700;
color: #1b1536;
line-height: 1.4;
margin-bottom: 8px;
}

.how_wrk .step_desc {
font-size: 16px;
line-height: 1.65;
color: #2e2b3a;
}

.how_wrk .step_icon {
width: 36px;
height: 36px;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}

.how_wrk .step_icon svg {
width: 36px;
height: 36px;
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.how_wrk .step_card:hover .step_icon svg {
transform: rotate(15deg) scale(1.15);
}

.how_wrk .blk2_head {
max-width: 600px;
}

.how_wrk .blk3 {
padding: 80px 0 80px;
background: #fff;
position: relative;
}

.how_wrk .faq_col {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 40px;
}

.how_wrk .faq_item {
border: 1px solid rgba(172, 172, 208, 0.4);
border-radius: 3px;
overflow: hidden;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
}

.how_wrk .faq_toggle {
display: none;
}

.how_wrk .faq_lbl {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px;
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: #1b1536;
line-height: 1.4;
background: #fff;
transition: background 0.45s ease-in-out;
user-select: none;
}

.how_wrk .faq_lbl:hover {
background: #EAE7F0;
}

.how_wrk .faq_arrow {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-left: 12px;
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.how_wrk .faq_toggle:checked+.faq_lbl .faq_arrow {
transform: rotate(180deg);
}

.how_wrk .faq_body {
max-height: 0;
overflow: hidden;
transition: max-height 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.45s ease-in-out;
padding: 0 20px;
font-size: 16px;
line-height: 1.65;
color: #2e2b3a;
background: #fff;
}

.how_wrk .faq_toggle:checked~.faq_body {
max-height: 300px !important;
padding: 12px 20px 20px;
}

.how_wrk .metrics_row {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 40px;
flex-wrap: wrap;
}

.how_wrk .metric_box {
flex: 1 1 calc(25% - 20px);
background: linear-gradient(to bottom, #7F63BF, rgba(127, 99, 191, 0));
border-radius: 3px;
padding: 20px;
text-align: center;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
position: relative;
}

.how_wrk .metric_val {
font-size: 32px;
font-weight: 800;
color: #fff;
line-height: 1.15;
}

.how_wrk .metric_lbl {
font-size: 16px;
color: rgba(255, 255, 255, 0.88);
line-height: 1.4;
margin-top: 4px;
}

.how_wrk .blk3_grid {
display: grid;
grid-template-columns: 60% 40%;
gap: 40px;
align-items: start;
}

.how_wrk .shifted_col {
margin-top: 80px;
}

.how_wrk .img_frame2 {
position: relative;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
}

.how_wrk .img_frame2 img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
border: 1px solid rgba(172, 172, 208, 0.25);
border-radius: 3px;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.how_wrk .img_frame2::after {
content: "";
position: absolute;
inset: 0;
border: 2px solid #7F63BF;
border-radius: 3px;
opacity: 0;
transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
}

.how_wrk .img_frame2:hover::after {
opacity: 1;
}

.how_wrk .img_frame2:hover img {
transform: scale(1.03);
}

.how_wrk .btn_primary {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #7F63BF;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 12px 28px;
border-radius: 28px;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.45s ease-in-out;
margin-top: 20px;
overflow: hidden;
position: relative;
}

.how_wrk .btn_primary .btn_icon {
width: 18px;
height: 18px;
opacity: 0;
transform: translateX(-8px);
transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;
flex-shrink: 0;
}

.how_wrk .btn_primary .btn_txt {
transition: transform 0.45s ease-in-out;
}

.how_wrk .btn_primary:hover {
background: #6a50a8;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
}

.how_wrk .btn_primary:hover .btn_icon {
opacity: 1;
transform: translateX(0);
}

.how_wrk .btn_primary:hover .btn_txt {
transform: translateX(4px);
}

.how_wrk .btn_primary:focus {
outline: 3px solid #ACACD0;
outline-offset: 3px;
}

.how_wrk .btn_primary:active {
background: #5a4290;
}

.how_wrk .blk3_faq_head {
max-width: 500px;
}

@media (max-width: 768px) {
.how_wrk .split_row {
flex-direction: column;
}

.how_wrk .col_40,
.how_wrk .col_60 {
flex: 0 0 100%;
width: 100%;
}

.how_wrk .step_cards {
flex-direction: column;
}

.how_wrk .step_card {
flex: 0 0 100%;
}

.how_wrk .blk3_grid {
grid-template-columns: 1fr;
}

.how_wrk .shifted_col {
margin-top: 0;
}

.how_wrk .metrics_row {
flex-direction: column;
}

.how_wrk .metric_box {
flex: 0 0 100%;
}

.how_wrk .pg_heading {
font-size: 32px;
}

.how_wrk .blk1 {
padding: 40px 0 60px;
}

.how_wrk .blk2 {
padding: 60px 0 40px;
}

.how_wrk .blk3 {
padding: 40px 0 40px;
}
}

@media (max-width: 375px) {
.how_wrk .pw_inner {
padding: 0 12px;
}

.how_wrk .pg_heading {
font-size: 32px;
}

.how_wrk .btn_primary {
padding: 12px 20px;
}
}

.cont_us {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.cont_us .pg_load {
animation: blurReveal 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

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

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

.cont_us .reach_grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
padding: 80px 0 40px;
align-items: start;
}

.cont_us .reach_aside {
position: sticky;
top: 40px;
}

.cont_us .aside_img_wrap {
width: 100%;
aspect-ratio: 3/4;
border-radius: 28px;
overflow: hidden;
border: 1px solid #ACACD0;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
margin-bottom: 20px;
position: relative;
}

.cont_us .aside_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(1.15) brightness(0.97);
}

.cont_us .aside_img_wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(127, 99, 191, 0.08), transparent 60%);
pointer-events: none;
}

.cont_us .aside_label {
font-size: 16px;
line-height: 1.4;
color: #3a2d5c;
font-weight: 700;
margin-bottom: 8px;
}

.cont_us .aside_label::before {
content: "";
display: block;
width: 28px;
height: 2px;
background: #7F63BF;
margin-bottom: 8px;
}

.cont_us .contact_item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 0;
border-bottom: 1px solid #EAE7F0;
}

.cont_us .contact_item:last-child {
border-bottom: none;
}

.cont_us .ci_type {
font-size: 16px;
color: #7F63BF;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.cont_us .ci_val {
font-size: 16px;
line-height: 1.4;
color: #2a1f44;
}

.cont_us .ci_val a {
color: #2a1f44;
text-decoration: none;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cont_us .ci_val a:hover {
color: #7F63BF;
}

.cont_us .form_panel {
background: #fff;
border-radius: 28px;
padding: 40px;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
border: 1px solid #EAE7F0;
position: relative;
}

.cont_us .form_panel::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to bottom, #7F63BF, transparent);
border-radius: 28px 28px 0 0;
pointer-events: none;
}

.cont_us .form_eyebrow {
font-size: 16px;
color: #7F63BF;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 8px;
}

.cont_us .form_heading {
font-size: 32px;
line-height: 1.15;
color: #2a1f44;
font-weight: 700;
margin-bottom: 12px;
}

.cont_us .form_desc {
font-size: 16px;
line-height: 1.65;
color: #4a3d6a;
margin-bottom: 40px;
max-width: 480px;
}

.cont_us .field_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}

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

.cont_us .field_grp.full {
grid-column: 1 / -1;
}

.cont_us .f_label {
font-size: 16px;
color: #3a2d5c;
font-weight: 600;
line-height: 1.4;
}

.cont_us .f_input,
.cont_us .f_select,
.cont_us .f_textarea {
font-size: 16px;
line-height: 1.4;
color: #2a1f44;
background: #fff;
border: 1px solid #ACACD0;
border-radius: 3px;
padding: 12px 20px;
width: 100%;
box-sizing: border-box;
transition: border-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: inset 0 1px 2px 0 rgba(127, 99, 191, 0.08);
appearance: none;
-webkit-appearance: none;
}

.cont_us .f_input::placeholder,
.cont_us .f_textarea::placeholder {
color: #9b8dbf;
}

.cont_us .f_input:focus,
.cont_us .f_select:focus,
.cont_us .f_textarea:focus {
outline: none;
border-color: #7F63BF;
box-shadow: inset 0 1px 2px 0 rgba(127, 99, 191, 0.08), 0 0 0 3px rgba(127, 99, 191, 0.12);
}

.cont_us .f_select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%237F63BF' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 40px;
cursor: pointer;
}

.cont_us .f_textarea {
resize: vertical;
min-height: 120px;
}

.cont_us .topic_chips {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}

.cont_us .chip_opt {
display: none;
}

.cont_us .chip_lbl {
display: inline-block;
padding: 8px 20px;
border-radius: 28px;
border: 1px solid #ACACD0;
font-size: 16px;
color: #4a3d6a;
cursor: pointer;
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
line-height: 1.4;
user-select: none;
}

.cont_us .chip_opt:checked+.chip_lbl {
background: #EAE7F0;
border-color: #7F63BF;
color: #2a1f44;
font-weight: 600;
}

.cont_us .chip_lbl:hover {
border-color: #7F63BF;
background: #f5f3fa;
}

.cont_us .privacy_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
padding: 20px;
background: #EAE7F0;
border-radius: 3px;
}

.cont_us .priv_check {
width: 20px;
height: 20px;
min-width: 20px;
accent-color: #7F63BF;
margin-top: 2px;
cursor: pointer;
}

.cont_us .priv_text {
font-size: 16px;
line-height: 1.65;
color: #3a2d5c;
}

.cont_us .priv_text a {
color: #7F63BF;
text-decoration: underline;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cont_us .priv_text a:hover {
color: #5a3f9f;
}

.cont_us .submit_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}

.cont_us .btn_submit {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 40px;
background: #7F63BF;
color: #fff;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 3px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
line-height: 1.4;
}

.cont_us .btn_submit .btn_icon {
display: inline-block;
width: 0;
overflow: hidden;
transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cont_us .btn_submit:hover .btn_icon {
width: 20px;
}

.cont_us .btn_submit:hover {
background: #5a3f9f;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
transform: translateY(-1px);
}

.cont_us .btn_submit:focus {
outline: 3px solid #ACACD0;
outline-offset: 3px;
}

.cont_us .btn_submit:active {
transform: translateY(0);
}

.cont_us .btn_icon svg {
display: block;
}

.cont_us .submit_note {
font-size: 16px;
color: #7a6a9a;
line-height: 1.4;
}

.cont_us .num_badges_strip {
display: flex;
flex-direction: row;
gap: 20px;
padding: 40px 0 80px;
position: relative;
}

.cont_us .num_badges_strip::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, transparent, #ACACD0 30%, #ACACD0 70%, transparent);
}

.cont_us .num_item {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border-radius: 3px;
background: #fff;
border: 1px solid #EAE7F0;
box-shadow: 0 1px 2px 0 rgba(172, 172, 208, 0.08);
position: relative;
transition: box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cont_us .num_item:hover {
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.cont_us .num_badge {
position: absolute;
top: -12px;
right: 20px;
width: 28px;
height: 28px;
border-radius: 28px;
background: #7F63BF;
color: #fff;
font-size: 16px;
font-weight: 700;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
line-height: 1.15;
box-shadow: 0 1px 2px 0 rgba(127, 99, 191, 0.08);
}

.cont_us .num_big {
font-size: 32px;
line-height: 1.15;
color: #7F63BF;
font-weight: 700;
}

.cont_us .num_label {
font-size: 16px;
line-height: 1.4;
color: #2a1f44;
font-weight: 600;
}

.cont_us .num_sub {
font-size: 16px;
line-height: 1.65;
color: #5a4d7a;
}

.cont_us .dots_deco {
position: absolute;
bottom: 40px;
right: 0;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px;
pointer-events: none;
}

.cont_us .dot_a {
width: 8px;
height: 8px;
border-radius: 28px;
background: #ACACD0;
opacity: 0.5;
}

.cont_us .dot_b {
width: 12px;
height: 12px;
border-radius: 28px;
background: #7F63BF;
opacity: 0.25;
}

.cont_us .dot_c {
width: 20px;
height: 20px;
border-radius: 28px;
background: #7F63BF;
opacity: 0.12;
}

.cont_us .reach_sect {
position: relative;
}

.cont_us .bg_grid {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
border-radius: 0;
}

.cont_us .bg_grid svg {
width: 100%;
height: 100%;
opacity: 0.04;
}

.cont_us .diag_div {
width: 100%;
height: 40px;
overflow: hidden;
margin-bottom: 0;
}

.cont_us .diag_div svg {
display: block;
width: 100%;
height: 100%;
}

.cont_us .img2_wrap {
width: 100%;
border-radius: 3px;
overflow: hidden;
border: 1px solid #EAE7F0;
box-shadow: 0 6px 18px 0 rgba(172, 172, 208, 0.11);
margin-bottom: 20px;
}

.cont_us .img2_wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
filter: saturate(1.1) brightness(0.96);
}

.cont_us .overlay_card {
position: relative;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
}

.cont_us .overlay_card .ov_content {
position: absolute;
inset: 0;
background: rgba(127, 99, 191, 0.88);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
transition: opacity 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cont_us .overlay_card:hover .ov_content,
.cont_us .overlay_card:focus-within .ov_content {
opacity: 1;
}

.cont_us .ov_text {
font-size: 16px;
line-height: 1.65;
color: #fff;
text-align: center;
}

.cont_us .ov_text strong {
display: block;
font-size: 18px;
margin-bottom: 8px;
}

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

.cont_us .reach_aside {
position: static;
}

.cont_us .aside_img_wrap {
aspect-ratio: 16/9;
}

.cont_us .field_row {
grid-template-columns: 1fr;
}

.cont_us .form_panel {
padding: 20px;
}

.cont_us .num_badges_strip {
flex-wrap: wrap;
padding: 40px 0 40px;
}

.cont_us .num_item {
flex: 1 1 calc(50% - 10px);
}

.cont_us .submit_row {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 375px) {
.cont_us .form_heading {
font-size: 32px;
}

.cont_us .num_item {
flex: 1 1 100%;
}

.cont_us .form_panel {
padding: 12px;
}

.cont_us .reach_grid {
gap: 20px;
}
}

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

.success_page .success_card {
max-width: 560px;
width: 100%;
background: #EAE7F0;
border-radius: 28px;
padding: 40px;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
text-align: center;
}

.success_page .success_card .icon_wrap {
width: 64px;
height: 64px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}

.success_page .success_card .icon_wrap svg {
width: 64px;
height: 64px;
}

.success_page .success_card .success_title {
font-size: 32px;
line-height: 1.15;
color: #2a1f4a;
margin: 0 0 12px;
font-weight: 700;
}

.success_page .success_card .success_msg {
font-size: 16px;
line-height: 1.65;
color: #3d3060;
margin: 0 0 40px;
}

.success_page .success_card .back_btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #7F63BF;
color: #fff;
font-size: 16px;
line-height: 1.4;
padding: 12px 40px;
border-radius: 3px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease-in-out;
box-shadow: 0 6px 18px 0 rgba(127, 99, 191, 0.11);
}

.success_page .success_card .back_btn:hover {
background: #6a50a8;
box-shadow: 0 12px 48px 0 rgba(127, 99, 191, 0.14);
}

.success_page .success_card .back_btn:focus {
outline: 2px solid #7F63BF;
outline-offset: 3px;
}

.success_page .success_card .back_btn .btn_arrow {
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
}

@media (max-width: 768px) {
.success_page {
padding: 40px 20px;
}

.success_page .success_card {
padding: 40px 20px;
}
}