@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/700.css";

html {
box-sizing: border-box
}
html,body {
    max-width: 100%;
    overflow-x: hidden;
}

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

body {
margin: 0;
padding: 0;
min-height: 100dvh;
overflow-x: hidden;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
background: linear-gradient(165deg, #0d0d14 0%, #1a1423 35%, #0f1621 100%)
}

.hd-shell {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f1419 100%);
border-bottom: 1px solid #ff691326;
box-shadow: 1px 6px 14px 0 #2a48a51c;
position: relative
}

.hd-inner {
max-width: 1600px;
margin: 0 auto;
padding: 24px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px
}

.brand-zone {
display: flex;
align-items: center;
gap: 16px;
border: 1px solid #dee5f14d;
padding: 8px 16px;
border-radius: 6px;
background: linear-gradient(145deg, #2a48a514, #ff69130d);
box-shadow: 1px 1px 5px 0 #ff691314
}

.logo-hold {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #dee5f10d;
border-radius: 4px;
border: 1px solid #dee5f133;
box-shadow: 1px 1px 5px 0 #ff691314 1px 6px 14px 0 #2a48a51c
}

.logo-hold img {
width: 100%;
height: 100%;
object-fit: contain
}

.brand-txt {
display: flex;
flex-direction: column;
gap: 8px
}

.brand-name {
font-size: 22px;
font-weight: 700;
line-height: 1.1;
color: #DEE5F1;
letter-spacing: .02em;
margin: 0
}

.brand-tag {
font-size: 16px;
line-height: 1.3;
color: #dee5f1b3;
letter-spacing: .05em
}

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

.nav-link {
padding: 16px 24px;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
color: #DEE5F1;
text-decoration: none;
border-radius: 6px;
background: transparent;
border: 1px solid transparent;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden
}

.nav-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #ff691326, #ff691340);
transition: height .16s cubic-bezier(0.4, 0, 1, 1);
z-index: -1
}

.nav-link:hover::before {
height: 100%
}

.nav-link:hover {
border-color: #ff691366;
color: #FF6913
}

.nav-link:focus {
outline: 2px solid #ff691399;
outline-offset: 2px;
border-color: #2a48a580
}

.nav-parent {
position: relative
}

.nav-parent:hover .sub-drop {
opacity: 1;
visibility: visible;
transform: translateY(0)
}

.sub-drop {
position: absolute;
top: calc(100% + 8px);
left: 0;
min-width: 280px;
background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
border: 1px solid #ff691333;
border-radius: 6px;
box-shadow: 1px 10px 48px 0 #2a48a51a;
padding: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity .14s cubic-bezier(0.4, 0, 1, 1), visibility .14s cubic-bezier(0.4, 0, 1, 1), transform .16s cubic-bezier(0.4, 0, 1, 1);
z-index: 100
}

.sub-link {
display: block;
padding: 16px;
font-size: 16px;
line-height: 1.3;
color: #DEE5F1;
text-decoration: none;
border-radius: 4px;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden
}

.sub-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #2a48a526, #2a48a540);
transition: height .14s cubic-bezier(0.4, 0, 1, 1);
z-index: -1
}

.sub-link:hover::before {
height: 100%
}

.sub-link:hover {
color: #2A48A5
}

.sub-link:focus {
outline: 2px solid #2a48a599;
outline-offset: 2px
}

.nav-secondary {
display: flex;
align-items: center;
gap: 16px
}

.contact-btn {
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #0f1419;
background: linear-gradient(135deg, #FF6913 0%, #ff8540 100%);
border: 1px solid #ff691366;
border-radius: 6px;
text-decoration: none;
transition: background .14s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .16s cubic-bezier(0.4, 0, 1, 1);
box-shadow: 1px 6px 14px 0 #ff69131c;
position: relative;
overflow: hidden
}

.contact-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #ffffff1a, #fff3);
transition: height .16s cubic-bezier(0.4, 0, 1, 1);
z-index: 0
}

.contact-btn:hover::before {
height: 100%
}

.contact-btn:hover {
border-color: #ff691399;
box-shadow: 1px 10px 48px 0 #ff69131a
}

.contact-btn:focus {
outline: 2px solid #ff6913cc;
outline-offset: 2px
}

.phone-link {
display: flex;
align-items: center;
gap: 8px;
padding: 16px;
font-size: 16px;
line-height: 1.3;
color: #DEE5F1;
text-decoration: none;
border: 1px solid #2a48a54d;
border-radius: 6px;
background: #2a48a51a;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1)
}

.phone-link:hover {
background: #2a48a533;
border-color: #2a48a580;
color: #2A48A5
}

.phone-link:focus {
outline: 2px solid #2a48a599;
outline-offset: 2px
}

.phone-ico {
width: 18px;
height: 18px;
fill: currentColor
}

@media (max-width: 1024px) {
.hd-inner {
padding: 24px
}

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

@media (max-width: 768px) {
.hd-inner {
padding: 16px;
gap: 16px
}

.brand-zone {
padding: 8px
}

.logo-hold {
width: 50px;
height: 50px
}

.brand-name {
font-size: 18px
}

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

.contact-btn {
padding: 16px;
font-size: 16px
}

.phone-link {
padding: 16px
}

.nav-secondary {
flex-direction: column;
width: 100%;
gap: 8px
}

.contact-btn,
.phone-link {
width: 100%;
justify-content: center;
text-align: center
}
}

@media (max-width: 360px) {
.brand-zone {
flex-direction: column;
text-align: center
}

.nav-primary {
flex-direction: column;
width: 100%
}

.nav-link {
width: 100%;
text-align: center
}
}

.ft-shell {
background: linear-gradient(145deg, #0a0a12 0%, #12101d 50%, #0d0f15 100%);
border-top: 1px solid #ff691326;
position: relative
}

.ft-upper {
max-width: 1600px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
border-bottom: 1px solid #2a48a526
}

.ft-brand-col {
display: flex;
flex-direction: column;
gap: 24px
}

.ft-logo-hold {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: #dee5f10d;
border-radius: 6px;
border: 1px solid #dee5f133;
box-shadow: 1px 6px 14px 0 #ff69131c
}

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

.ft-brand-name {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
color: #DEE5F1;
margin: 0
}

.ft-brand-desc {
font-size: 16px;
line-height: 1.6;
color: #dee5f1b3;
margin: 0
}

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

.ft-col-title {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #FF6913;
margin: 0 0 8px;
letter-spacing: .03em
}

.ft-contact-item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #2a48a514;
border-radius: 6px;
border: 1px solid #2a48a526;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1)
}

.ft-contact-item:hover {
background: #2a48a51f;
border-color: #2a48a540
}

.ft-contact-ico {
width: 20px;
height: 20px;
fill: #FF6913;
flex-shrink: 0;
margin-top: 2px
}

.ft-contact-link {
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
text-decoration: none;
transition: color .1s cubic-bezier(0.4, 0, 1, 1)
}

.ft-contact-link:hover {
color: #FF6913
}

.ft-contact-link:focus {
outline: 2px solid #ff691399;
outline-offset: 2px
}

.ft-contact-txt {
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
margin: 0
}

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

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

.ft-nav-link {
display: block;
padding: 16px;
font-size: 16px;
line-height: 1.3;
color: #DEE5F1;
text-decoration: none;
border-radius: 4px;
border: 1px solid transparent;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden
}

.ft-nav-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #ff69131a, #ff691326);
transition: height .14s cubic-bezier(0.4, 0, 1, 1);
z-index: -1
}

.ft-nav-link:hover::before {
height: 100%
}

.ft-nav-link:hover {
border-color: #ff69134d;
color: #FF6913
}

.ft-nav-link:focus {
outline: 2px solid #ff691399;
outline-offset: 2px
}

.ft-lower {
max-width: 1600px;
margin: 0 auto;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px
}

.ft-copy {
font-size: 16px;
line-height: 1.6;
color: #dee5f199;
text-align: center;
margin: 0
}

.ft-legal-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px
}

.ft-legal-link {
font-size: 16px;
line-height: 1.3;
color: #dee5f1b3;
text-decoration: none;
transition: color .1s cubic-bezier(0.4, 0, 1, 1);
position: relative
}

.ft-legal-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #2A48A5;
transition: width .14s cubic-bezier(0.4, 0, 1, 1)
}

.ft-legal-link:hover::after {
width: 100%
}

.ft-legal-link:hover {
color: #2A48A5
}

.ft-legal-link:focus {
outline: 2px solid #2a48a599;
outline-offset: 2px
}

@media (max-width: 1024px) {
.ft-upper {
padding: 80px 24px 40px;
gap: 40px
}

.ft-lower {
padding: 40px 24px
}
}

@media (max-width: 768px) {
.ft-upper {
padding: 40px 16px 24px;
grid-template-columns: 1fr;
gap: 40px
}

.ft-lower {
padding: 24px 16px;
gap: 16px
}

.ft-legal-list {
flex-direction: column;
align-items: center;
gap: 16px
}
}

@media (max-width: 360px) {
.ft-upper {
padding: 24px 8px 16px
}

.ft-lower {
padding: 16px 8px
}
}

.cookie-box {
position: fixed;
bottom: 24px;
right: 24px;
width: 420px;
max-width: calc(100vw - 48px);
background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
border: 1px solid #ff69134d;
border-radius: 10px;
box-shadow: 1px 10px 48px 0 #2a48a51a;
padding: 24px;
z-index: 1000;
opacity: 0;
transform: translateY(16px);
transition: opacity .16s cubic-bezier(0.4, 0, 1, 1), transform .18s cubic-bezier(0.4, 0, 1, 1)
}

.cookie-box.vis {
opacity: 1;
transform: translateY(0)
}

.cookie-head {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #DEE5F1;
margin: 0 0 16px
}

.cookie-msg {
font-size: 16px;
line-height: 1.6;
color: #dee5f1d9;
margin: 0 0 24px
}

.cookie-acts {
display: flex;
gap: 8px;
margin-bottom: 16px
}

.cookie-btn {
flex: 1;
padding: 16px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #DEE5F1;
background: transparent;
border: 1px solid #ff691366;
border-radius: 6px;
cursor: pointer;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1), color .1s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden
}

.cookie-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #ff691326, #ff691340);
transition: height .16s cubic-bezier(0.4, 0, 1, 1);
z-index: -1
}

.cookie-btn:hover::before {
height: 100%
}

.cookie-btn:hover {
border-color: #ff691399;
color: #FF6913
}

.cookie-btn:focus {
outline: 2px solid #ff691399;
outline-offset: 2px
}

.cookie-btn.decline {
border-color: #2a48a566
}

.cookie-btn.decline::before {
background: linear-gradient(180deg, #2a48a526, #2a48a540)
}

.cookie-btn.decline:hover {
border-color: #2a48a599;
color: #2A48A5
}

.cookie-btn.decline:focus {
outline-color: #2a48a599
}

.cookie-toggle-btn {
width: 100%;
padding: 16px;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
color: #DEE5F1;
background: transparent;
border: 1px solid #dee5f133;
border-radius: 6px;
cursor: pointer;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1)
}

.cookie-toggle-btn:hover {
background: #dee5f10d;
border-color: #dee5f14d
}

.cookie-toggle-btn:focus {
outline: 2px solid #dee5f166;
outline-offset: 2px
}

.cookie-toggle-ico {
width: 16px;
height: 16px;
fill: currentColor;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1)
}

.cookie-toggle-btn.open .cookie-toggle-ico {
transform: rotate(180deg)
}

.cookie-prefs {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #dee5f126;
display: none
}

.cookie-prefs.show {
display: block
}

.cookie-pref-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
margin-bottom: 8px;
background: #2a48a514;
border-radius: 6px;
border: 1px solid #2a48a526
}

.cookie-pref-label {
font-size: 16px;
line-height: 1.3;
color: #DEE5F1;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px
}

.cookie-check {
width: 20px;
height: 20px;
border: 2px solid #ff691366;
border-radius: 4px;
background: transparent;
cursor: pointer;
transition: background-color .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1);
position: relative;
flex-shrink: 0
}

.cookie-check:checked {
background: #FF6913;
border-color: #FF6913
}

.cookie-check:checked::after {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 4px;
height: 8px;
border: solid #0f1419;
border-width: 0 2px 2px 0;
transform: rotate(45deg)
}

.cookie-check:focus {
outline: 2px solid #ff691399;
outline-offset: 2px
}

.pref-tab {
position: fixed;
bottom: 120px;
right: 0;
background: linear-gradient(135deg, #FF6913 0%, #ff8540 100%);
color: #0f1419;
padding: 16px 24px;
border-radius: 6px 0 0 6px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
cursor: pointer;
box-shadow: 1px 6px 14px 0 #ff69131c;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1), box-shadow .16s cubic-bezier(0.4, 0, 1, 1);
z-index: 999;
display: none
}

.pref-tab.show {
display: block
}

.pref-tab:hover {
transform: translateX(-4px);
box-shadow: 1px 10px 48px 0 #ff69131a
}

.pref-tab:focus {
outline: 2px solid #ff6913cc;
outline-offset: 2px
}

@media (max-width: 768px) {
.cookie-box {
bottom: 16px;
right: 16px;
width: calc(100vw - 32px);
padding: 16px
}

.cookie-acts {
flex-direction: column
}

.pref-tab {
bottom: 80px;
padding: 16px;
font-size: 16px
}
}

@media (max-width: 360px) {
.cookie-box {
bottom: 8px;
right: 8px;
width: calc(100vw - 16px);
padding: 16px
}

.cookie-head {
font-size: 16px
}

.cookie-msg {
font-size: 16px
}
}

.d-legal-data {
max-width: 1600px;
margin: 0 auto;
padding: 80px 16px;
background: #0d0d0d;
color: #DEE5F1
}

@media (min-width: 768px) {
.d-legal-data {
padding: 80px 40px
}
}

@media (min-width: 1024px) {
.d-legal-data {
padding: 80px
}
}

.d-legal-data h1 {
font-size: 72px;
line-height: 1.1;
margin: 0 0 40px;
color: #FF6913
}

.d-legal-data h2 {
font-size: 22px;
line-height: 1.3;
margin: 80px 0 24px;
color: #DEE5F1
}

.d-legal-data h3 {
font-size: 18px;
line-height: 1.3;
margin: 40px 0 16px;
color: #DEE5F1
}

.d-legal-data h4,
.d-legal-data h5,
.d-legal-data h6 {
font-size: 16px;
line-height: 1.3;
margin: 24px 0 16px;
color: #DEE5F1
}

.d-legal-data p {
font-size: 16px;
line-height: 1.6;
margin: 0 0 24px
}

.d-legal-data ul,
.d-legal-data ol {
margin: 0 0 24px;
padding: 0 0 0 24px
}

.d-legal-data li {
font-size: 16px;
line-height: 1.6;
margin: 0 0 8px
}

.d-legal-data li:last-child {
margin-bottom: 0
}

.d-legal-data ul ul,
.d-legal-data ol ol,
.d-legal-data ul ol,
.d-legal-data ol ul {
margin: 8px 0 0
}

.d-legal-data em,
.d-legal-data i {
font-style: italic;
color: #DEE5F1
}

.d-legal-data a {
color: #FF6913;
text-decoration: none;
border-bottom: 1px solid #ff69134d;
transition: border-color .14s cubic-bezier(0.4, 0, 1, 1)
}

.d-legal-data a:hover {
border-bottom-color: #FF6913
}

.d-legal-data table {
width: 100%;
border-collapse: collapse;
margin: 0 0 40px;
background: #1a1a1d;
border-radius: 6px;
overflow: hidden
}

.d-legal-data thead {
background: #2A48A5
}

.d-legal-data th {
font-size: 16px;
line-height: 1.3;
padding: 16px;
text-align: left;
color: #DEE5F1;
font-weight: 600
}

.d-legal-data td {
font-size: 16px;
line-height: 1.6;
padding: 16px;
border-top: 1px solid #dee5f11a
}

.d-legal-data tbody tr:hover {
background: #2a48a51a
}

@media (max-width: 767px) {
.d-legal-data h1 {
font-size: 32px
}

.d-legal-data table {
display: block;
overflow-x: auto
}

.d-legal-data th,
.d-legal-data td {
padding: 8px;
font-size: 14px
}
}

.cmpr {
background: #0d0d14;
color: #DEE5F1;
overflow-x: clip
}

.cmpr * {
box-sizing: border-box
}

.cmpr img {
max-width: 100%;
height: auto;
display: block
}

.cmpr button {
cursor: pointer;
border: none;
background: none;
padding: 0;
font: inherit;
color: inherit
}

.cmpr .lead-zone {
max-width: 1600px;
margin: 0 auto;
padding: 80px 24px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
align-items: start;
position: relative
}

.cmpr .lead-zone::before {
content: '';
position: absolute;
top: 40px;
left: 24px;
right: 24px;
bottom: 40px;
border: 1px solid #ff691333;
pointer-events: none
}

.cmpr .lead-zone::after {
content: '';
position: absolute;
top: 44px;
left: 28px;
right: 28px;
bottom: 44px;
border: 1px solid #2a48a526;
pointer-events: none
}

.cmpr .lead-img-wrap {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 6px
}

.cmpr .lead-img-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(180deg, #0d0d14b3 0%, transparent 100%);
pointer-events: none
}

.cmpr .lead-img {
width: 280px;
height: 420px;
object-fit: cover;
display: block
}

.cmpr .lead-txt {
position: relative;
z-index: 1;
padding: 24px 0
}

.cmpr .lead-hd {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.02em;
margin: 0 0 24px;
color: #DEE5F1
}

.cmpr .lead-hd .accent-letter {
color: #FF6913;
font-weight: 900
}

.cmpr .lead-action {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
line-height: 1.3;
color: #FF6913;
text-decoration: none;
font-weight: 700;
transition: gap .14s cubic-bezier(0.4, 0, 1, 1)
}

.cmpr .lead-action:hover {
gap: 16px
}

.cmpr .lead-action svg {
width: 20px;
height: 20px;
fill: currentColor;
transition: transform .16s cubic-bezier(0.4, 0, 1, 1)
}

.cmpr .lead-action:hover svg {
transform: translateX(4px)
}

.cmpr .compare-stage {
background: linear-gradient(323deg, #2A48A5 0%, #2a48a50d 100%);
position: relative;
overflow: hidden
}

.cmpr .compare-stage::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(90deg, #ff691308 1px, transparent 1px), linear-gradient(0deg, #ff691308 1px, transparent 1px), linear-gradient(90deg, #2a48a50d 2px, transparent 2px), linear-gradient(0deg, #2a48a50d 2px, transparent 2px);
background-size: 12px 12px, 12px 12px, 60px 60px, 60px 60px;
pointer-events: none;
opacity: .4
}

.cmpr .compare-stage::after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background: linear-gradient(323deg, #DEE5F1 0%, transparent 100%);
transform: translateX(-50%) skewX(-23deg);
pointer-events: none;
opacity: .15
}

.cmpr .compare-inner {
max-width: 1600px;
margin: 0 auto;
padding: 80px 24px;
position: relative;
z-index: 1
}

.cmpr .compare-hd {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.02em;
margin: 0 0 40px;
color: #DEE5F1;
text-align: center
}

.cmpr .compare-hd .accent-letter {
color: #FF6913;
font-weight: 900
}

.cmpr .compare-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px
}

.cmpr .compare-card {
background: #0d0d1499;
border-radius: 10px;
padding: 24px;
border: 1px solid #dee5f114;
position: relative;
overflow: hidden;
transition: transform .12s cubic-bezier(0.4, 0, 1, 1), border-color .14s cubic-bezier(0.4, 0, 1, 1)
}

.cmpr .compare-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #FF6913 0%, #2A48A5 100%);
opacity: 0;
transition: opacity .16s cubic-bezier(0.4, 0, 1, 1)
}

.cmpr .compare-card:hover {
transform: translateY(-4px);
border-color: #ff69134d
}

.cmpr .compare-card:hover::before {
opacity: 1
}

.cmpr .card-img-wrap {
margin: 0 0 16px;
border-radius: 4px;
overflow: hidden;
position: relative
}

.cmpr .card-img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
transition: transform .18s ease-out
}

.cmpr .compare-card:hover .card-img {
transform: scale(1.05)
}

.cmpr .card-label {
font-size: 16px;
line-height: 1.3;
color: #FF6913;
font-weight: 700;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .08em
}

.cmpr .card-title {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin: 0 0 16px;
color: #DEE5F1;
letter-spacing: -.01em
}

.cmpr .card-desc {
font-size: 16px;
line-height: 1.6;
margin: 0 0 16px;
color: #dee5f1d9
}

.cmpr .card-info-list {
list-style: none;
margin: 0;
padding: 0
}

.cmpr .card-info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #dee5f114;
font-size: 16px;
line-height: 1.3
}

.cmpr .card-info-item:last-child {
border-bottom: none
}

.cmpr .info-key {
color: #dee5f199;
font-weight: 400
}

.cmpr .info-val {
color: #DEE5F1;
font-weight: 700
}

.cmpr .card-portrait-wrap {
width: 80px;
height: 106px;
border-radius: 4px;
overflow: hidden;
margin: 0 0 16px;
border: 2px solid #2a48a54d
}

.cmpr .card-portrait {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.cmpr .card-metric {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 16px
}

.cmpr .metric-num {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: #FF6913;
letter-spacing: -.02em
}

.cmpr .metric-arrow {
width: 32px;
height: 32px;
fill: #2A48A5
}

.cmpr .metric-num-second {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: #2A48A5;
letter-spacing: -.02em
}

.cmpr .card-glow {
animation: glow-pulse 3s ease-in-out infinite
}

@keyframes glow-pulse {

0%,
100% {
box-shadow: 0 0 8px 0 #ff69134d
}

50% {
box-shadow: 0 0 24px 0 #ff691399
}
}

@media (max-width: 1440px) {
.cmpr .compare-grid {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 1024px) {
.cmpr .lead-zone {
grid-template-columns: 1fr;
gap: 24px;
padding: 40px 24px
}

.cmpr .lead-img {
width: 100%;
height: 320px
}

.cmpr .lead-hd {
font-size: 48px
}

.cmpr .compare-hd {
font-size: 48px
}

.cmpr .compare-inner {
padding: 40px 24px
}

.cmpr .metric-num,
.cmpr .metric-num-second {
font-size: 48px
}
}

@media (max-width: 768px) {
.cmpr .compare-grid {
grid-template-columns: 1fr
}

.cmpr .lead-hd {
font-size: 40px
}

.cmpr .compare-hd {
font-size: 40px
}

.cmpr .card-title {
font-size: 18px
}

.cmpr .metric-num,
.cmpr .metric-num-second {
font-size: 40px
}
}

@media (max-width: 360px) {
.cmpr .lead-zone {
padding: 24px 16px
}

.cmpr .compare-inner {
padding: 24px 16px
}

.cmpr .lead-hd {
font-size: 32px
}

.cmpr .compare-hd {
font-size: 32px
}
}

.nws {
background: #0a0b12;
color: #DEE5F1;
min-height: 100vh
}

.nws * {
box-sizing: border-box
}

.nws .tl-blk {
background: linear-gradient(323deg, #2A48A5 0%, transparent 100%);
position: relative;
padding: 120px 24px 40px;
overflow: visible;
max-width: 1600px;
margin: 0 auto
}

.nws .tl-blk::before {
content: '';
position: absolute;
top: 40px;
left: 24px;
width: 80px;
height: 80px;
border: 2px solid #ff69134d;
border-radius: 0;
transform: rotate(45deg)
}

.nws .tl-blk::after {
content: '';
position: absolute;
bottom: 60px;
right: 40px;
width: 120px;
height: 120px;
background: #dee5f10d;
border-radius: 50%
}

.nws .tl-inner {
max-width: 900px;
position: relative;
z-index: 1
}

.nws .tl-hd {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.02em;
margin: 0 0 24px;
color: #DEE5F1
}


.nws .tl-hd .acc {
color: #FF6913;
font-weight: 900
}

.nws .tl-txt {
font-size: 22px;
line-height: 1.6;
margin: 0;
color: #dee5f1e6;
max-width: 700px
}

.nws .artcl-sec {
background: #12131c;
padding: 80px 24px;
position: relative
}

.nws .artcl-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 2px;
background: linear-gradient(90deg, #FF6913 0%, transparent 100%)
}

.nws .artcl-wrap {
max-width: 1600px;
margin: 0 auto
}

.nws .artcl-bar {
width: 60px;
height: 4px;
background: #FF6913;
margin: 0 0 16px;
border-radius: 0
}

.nws .artcl-hd {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.01em;
margin: 0 0 40px;
color: #DEE5F1
}

.nws .artcl-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.nws .artcl-crd {
background: #1a1c28;
border-radius: 10px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
box-shadow: 1px 6px 14px 0 #ff69131c;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1);
animation: flp-ld .16s ease-out forwards;
opacity: 0
}

@keyframes flp-ld {
0% {
opacity: 0;
transform: perspective(800px) rotateX(-15deg)
}

100% {
opacity: 1;
transform: perspective(800px) rotateX(0deg)
}
}

.nws .artcl-crd:nth-child(1) {
animation-delay: .05s
}

.nws .artcl-crd:nth-child(2) {
animation-delay: .1s
}

.nws .artcl-crd:nth-child(3) {
animation-delay: .15s
}

.nws .artcl-crd:hover {
transform: translateY(-4px)
}

.nws .artcl-crd::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-top: 2px solid #FF6913;
border-left: 2px solid #FF6913;
z-index: 2
}

.nws .artcl-crd::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 8px;
height: 8px;
border-bottom: 2px solid #FF6913;
border-right: 2px solid #FF6913;
z-index: 2
}

.nws .artcl-img-wrap {
width: 100%;
height: 280px;
overflow: hidden;
position: relative;
background: #0a0b12
}

.nws .artcl-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .16s cubic-bezier(0.4, 0, 1, 1)
}

.nws .artcl-crd:hover .artcl-img {
transform: scale(1.05)
}

.nws .artcl-cnt {
padding: 24px;
flex: 1;
display: flex;
flex-direction: column
}

.nws .artcl-ttl {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
letter-spacing: -.01em;
margin: 0 0 16px;
color: #DEE5F1
}

.nws .artcl-dsc {
font-size: 16px;
line-height: 1.6;
margin: 0 0 16px;
color: #dee5f1cc;
flex: 1
}

.nws .artcl-meta {
font-size: 16px;
line-height: 1.6;
color: #dee5f180;
margin: 0
}

.nws .exp-sec {
background: #2A48A5;
padding: 80px 24px;
position: relative
}

.nws .exp-sec::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 2px;
background: linear-gradient(270deg, #FF6913 0%, transparent 100%)
}

.nws .exp-wrap {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: center
}

.nws .exp-txt-blk {
position: relative
}

.nws .exp-bar {
width: 60px;
height: 4px;
background: #FF6913;
margin: 0 0 16px;
border-radius: 0
}

.nws .exp-hd {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.01em;
margin: 0 0 24px;
color: #DEE5F1
}

.nws .exp-p {
font-size: 18px;
line-height: 1.6;
margin: 0 0 16px;
color: #dee5f1e6
}

.nws .exp-p:last-of-type {
margin-bottom: 40px
}

.nws .cmp-tbl {
background: #0a0b1266;
border-radius: 6px;
padding: 24px;
border: 1px solid #ff691333;
position: relative;
overflow: hidden
}

.nws .cmp-tbl::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-top: 2px solid #DEE5F1;
border-left: 2px solid #DEE5F1
}

.nws .cmp-tbl::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 6px;
height: 6px;
border-bottom: 2px solid #DEE5F1;
border-right: 2px solid #DEE5F1
}

.nws .cmp-ttl {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin: 0 0 24px;
color: #DEE5F1;
letter-spacing: -.01em
}

.nws .cmp-rw {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 16px;
padding: 16px 0;
border-bottom: 1px solid #dee5f11a;
align-items: center
}

.nws .cmp-rw:last-child {
border-bottom: none
}

.nws .cmp-lbl {
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
font-weight: 700
}

.nws .cmp-vl {
text-align: center;
font-size: 16px;
line-height: 1.6
}

.nws .cmp-chk {
display: inline-block;
width: 20px;
height: 20px;
position: relative
}

.nws .cmp-chk::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 6px;
border-left: 2px solid #FF6913;
border-bottom: 2px solid #FF6913;
transform: translate(-50%, -60%) rotate(-45deg)
}

.nws .cmp-crs {
display: inline-block;
width: 20px;
height: 20px;
position: relative
}

.nws .cmp-crs::before,
.nws .cmp-crs::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
background: #dee5f14d
}

.nws .cmp-crs::before {
transform: translate(-50%, -50%) rotate(45deg)
}

.nws .cmp-crs::after {
transform: translate(-50%, -50%) rotate(-45deg)
}

.nws .exp-img-wrap {
width: 100%;
height: 400px;
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: 1px 10px 48px 0 #ff69131a
}

.nws .exp-img-wrap::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
border-top: 2px solid #FF6913;
border-right: 2px solid #FF6913;
z-index: 2
}

.nws .exp-img-wrap::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
border-bottom: 2px solid #FF6913;
border-left: 2px solid #FF6913;
z-index: 2
}

.nws .exp-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.nws .exp-prf-wrap {
display: flex;
align-items: center;
gap: 16px;
padding: 24px;
background: #0a0b1266;
border-radius: 6px;
border: 1px solid #ff691333
}

.nws .exp-prf-img-wrap {
width: 80px;
height: 100px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
box-shadow: 1px 1px 5px 0 #ff691314
}

.nws .exp-prf-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}

.nws .exp-prf-txt {
flex: 1
}

.nws .exp-prf-nm {
font-size: 18px;
line-height: 1.3;
font-weight: 900;
margin: 0 0 8px;
color: #DEE5F1
}

.nws .exp-prf-rl {
font-size: 16px;
line-height: 1.6;
margin: 0;
color: #dee5f199
}

@media (min-width: 768px) {
.nws .tl-blk {
padding: 160px 40px 80px
}

.nws .tl-blk::before {
left: 40px;
width: 100px;
height: 100px
}

.nws .tl-hd {
font-size: 72px
}

.nws .artcl-sec {
padding: 80px 40px
}

.nws .artcl-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.nws .artcl-img-wrap {
height: 320px
}

.nws .exp-sec {
padding: 80px 40px
}

.nws .exp-wrap {
grid-template-columns: 1fr 1fr;
gap: 80px
}

.nws .exp-img-wrap {
height: 500px
}

.nws .cmp-rw {
grid-template-columns: 3fr 1fr 1fr
}
}

@media (min-width: 1024px) {
.nws .artcl-grid {
grid-template-columns: repeat(3, 1fr)
}

.nws .artcl-img-wrap {
height: 280px
}

.nws .exp-img-wrap {
height: 600px
}
}

@media (min-width: 1440px) {
.nws .tl-blk {
padding: 200px 40px 100px
}

.nws .artcl-sec {
padding: 80px 40px
}

.nws .exp-sec {
padding: 80px 40px
}
}

.entr {
background: #0d0d0d;
color: #DEE5F1;
overflow-x: clip
}

.entr * {
box-sizing: border-box;
margin: 0;
padding: 0
}

.entr img {
display: block;
max-width: 100%;
height: auto
}

.entr button {
border: none;
background: none;
cursor: pointer;
font: inherit;
color: inherit
}

.entr .tblock {
position: relative;
padding: 120px 24px 40px;
text-align: center;
max-width: 1600px;
margin: 0 auto;
overflow: hidden
}

.entr .tblock::before {
content: '';
position: absolute;
top: 80px;
left: 10%;
width: 240px;
height: 240px;
background: radial-gradient(circle, #ff691326 0%, transparent 70%);
border-radius: 50%;
filter: blur(60px);
pointer-events: none;
z-index: 1
}

.entr .tblock::after {
content: '';
position: absolute;
bottom: 40px;
right: 15%;
width: 200px;
height: 200px;
background: radial-gradient(circle, #2a48a51f 0%, transparent 70%);
border-radius: 50%;
filter: blur(50px);
pointer-events: none;
z-index: 1
}

.entr .tblock-img-wrap {
position: relative;
max-width: 800px;
margin: 0 auto 40px;
z-index: 2;
overflow: hidden;
height: 0;
animation: expandHeight .8s ease-out forwards
}

@keyframes expandHeight {
from {
height: 0
}

to {
height: 450px
}
}

.entr .tblock-img {
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 10px;
filter: sepia(0.3) hue-rotate(-10deg) saturate(1.4)
}

.entr .tblock-txt {
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto
}

.entr .tblock-h1 {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.02em
}

.entr .tblock-h1::first-letter {
color: #FF6913;
font-weight: 900
}

.entr .tblock-desc {
font-size: 18px;
line-height: 1.6;
color: #dee5f1d9;
max-width: 720px;
margin: 0 auto
}

.entr .outcome-sec {
background: linear-gradient(323deg, #DEE5F1 0%, transparent 100%);
padding: 80px 24px;
position: relative
}

.entr .outcome-sec::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1600px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #dee5f14d 50%, transparent 100%)
}

.entr .outcome-sec::after {
content: '01';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
font-weight: 700;
color: #FF6913;
background: #0d0d0d;
padding: 0 16px
}

.entr .outcome-wrap {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.entr .outcome-txt h2 {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.01em
}

.entr .outcome-txt h2::first-letter {
color: #FF6913;
font-size: 28px
}

.entr .outcome-txt p {
font-size: 16px;
line-height: 1.6;
color: #dee5f1cc;
margin-bottom: 16px
}

.entr .outcome-txt p:last-child {
margin-bottom: 0
}

.entr .outcome-img-wrap {
position: relative;
overflow: hidden;
border-radius: 6px;
box-shadow: 1px 10px 48px 0 #ff69131a;
transition: filter .14s cubic-bezier(0.4, 0, 1, 1)
}

.entr .outcome-img-wrap:hover {
filter: grayscale(1)
}

.entr .outcome-img {
width: 100%;
height: 480px;
object-fit: cover;
display: block
}

.entr .ready-sec {
background: #111;
padding: 80px 24px;
position: relative
}

.entr .ready-sec::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1600px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #2a48a566 50%, transparent 100%)
}

.entr .ready-sec::after {
content: '02';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
font-weight: 700;
color: #2A48A5;
background: #111;
padding: 0 16px
}

.entr .ready-wrap {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.entr .ready-img-wrap {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 1px 6px 14px 0 #2a48a51c;
transition: filter .12s cubic-bezier(0.4, 0, 1, 1)
}

.entr .ready-img-wrap:hover {
filter: grayscale(1)
}

.entr .ready-img {
width: 100%;
height: 480px;
object-fit: cover;
display: block
}

.entr .ready-txt h2 {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.01em
}

.entr .ready-txt h2::first-letter {
color: #2A48A5;
font-size: 28px
}

.entr .ready-txt p {
font-size: 16px;
line-height: 1.6;
color: #dee5f1cc;
margin-bottom: 16px
}

.entr .ready-txt p:last-child {
margin-bottom: 0
}

.entr .pattern-sec {
background: #0a0a0a;
padding: 80px 24px;
position: relative
}

.entr .pattern-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, #dee5f108 1px, transparent 1px), radial-gradient(circle, #dee5f105 1px, transparent 1px);
background-size: 24px 24px, 16px 16px;
background-position: 0 0, 8px 8px;
pointer-events: none
}

.entr .pattern-sec::after {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1600px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #ff69134d 50%, transparent 100%);
z-index: 1
}

.entr .pattern-num {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
font-weight: 700;
color: #FF6913;
background: #0a0a0a;
padding: 0 16px;
z-index: 2
}

.entr .pattern-wrap {
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 1
}

.entr .pattern-head {
text-align: center;
margin-bottom: 80px
}

.entr .pattern-head h2 {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.01em
}

.entr .pattern-head h2::first-letter {
color: #FF6913;
font-size: 28px
}

.entr .pattern-grid {
display: grid;
grid-template-columns: 2fr 3fr 3fr 2fr;
gap: 40px;
align-items: start
}

.entr .pattern-card {
background: #2a48a514;
padding: 40px 24px;
border-radius: 4px;
border-top: 2px solid #2A48A5;
transition: background-color .16s cubic-bezier(0.4, 0, 1, 1);
overflow: hidden;
height: 0;
animation: expandHeight .7s ease-out forwards;
animation-delay: calc(var(--card-index) * 0.1s)
}

.entr .pattern-card:nth-child(1) {
--card-index: 0
}

.entr .pattern-card:nth-child(2) {
--card-index: 1
}

.entr .pattern-card:nth-child(3) {
--card-index: 2
}

.entr .pattern-card:nth-child(4) {
--card-index: 3
}

@keyframes expandHeight {
from {
height: 0;
opacity: 0
}

to {
height: auto;
opacity: 1
}
}

.entr .pattern-card:hover {
background: #2a48a524
}

.entr .pattern-card h4 {
font-size: 18px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 16px;
color: #DEE5F1
}

.entr .pattern-card p {
font-size: 16px;
line-height: 1.6;
color: #dee5f1bf
}

.entr .pattern-profile {
display: flex;
align-items: center;
gap: 16px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #dee5f11a
}

.entr .pattern-avatar {
width: 80px;
height: 80px;
border-radius: 10px;
object-fit: cover;
object-position: top;
box-shadow: 1px 1px 5px 0 #2a48a514
}

.entr .pattern-name {
font-size: 16px;
font-weight: 700;
color: #DEE5F1;
display: block;
margin-bottom: 8px
}

.entr .pattern-role {
font-size: 16px;
color: #dee5f199
}

.entr .problem-sec {
background: linear-gradient(323deg, #2a48a526 0%, transparent 100%);
padding: 80px 24px;
position: relative
}

.entr .problem-sec::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1600px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #dee5f14d 50%, transparent 100%)
}

.entr .problem-sec::after {
content: '04';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
font-weight: 700;
color: #DEE5F1;
background: #0d0d0d;
padding: 0 16px
}

.entr .problem-wrap {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.entr .problem-txt h2 {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.01em
}

.entr .problem-txt h2::first-letter {
color: #FF6913;
font-size: 28px
}

.entr .problem-txt p {
font-size: 16px;
line-height: 1.6;
color: #dee5f1cc;
margin-bottom: 16px
}

.entr .problem-txt p:last-child {
margin-bottom: 0
}

.entr .problem-visual {
position: relative;
background: #0d0d0d99;
border-radius: 10px;
padding: 40px;
box-shadow: 1px 10px 48px 0 #ff69131a
}

.entr .problem-shape {
position: absolute;
top: -40px;
right: -40px;
width: 280px;
height: 280px;
border: 3px solid #ff69134d;
border-radius: 50%;
pointer-events: none
}

.entr .problem-chart {
position: relative;
width: 240px;
height: 240px;
margin: 0 auto
}

.entr .problem-chart svg {
transform: rotate(-90deg);
overflow: visible;
}

.entr .problem-chart-bg {
fill: none;
stroke: #dee5f11a;
stroke-width: 24
}

.entr .problem-chart-fill {
fill: none;
stroke: #FF6913;
stroke-width: 24;
stroke-dasharray: 452;
stroke-dashoffset: 113;
transition: stroke-dashoffset .16s cubic-bezier(0.4, 0, 1, 1)
}

.entr .problem-chart-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}

.entr .problem-chart-val {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: #FF6913;
display: block
}

.entr .problem-chart-label {
font-size: 16px;
color: #dee5f1b3;
margin-top: 8px;
display: block
}

.entr .audience-sec {
background: #141414;
padding: 80px 24px;
position: relative
}

.entr .audience-sec::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1600px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #2a48a566 50%, transparent 100%)
}

.entr .audience-sec::after {
content: '05';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
font-weight: 700;
color: #2A48A5;
background: #141414;
padding: 0 16px
}

.entr .audience-wrap {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.entr .audience-img-wrap {
position: relative;
overflow: hidden;
border-radius: 6px;
box-shadow: 1px 6px 14px 0 #2a48a51c;
transition: filter .18s cubic-bezier(0.4, 0, 1, 1)
}

.entr .audience-img-wrap:hover {
filter: grayscale(1)
}

.entr .audience-img {
width: 100%;
height: 480px;
object-fit: cover;
display: block
}

.entr .audience-txt h2 {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
letter-spacing: -.01em
}

.entr .audience-txt h2::first-letter {
color: #2A48A5;
font-size: 28px
}

.entr .audience-txt p {
font-size: 16px;
line-height: 1.6;
color: #dee5f1cc;
margin-bottom: 16px
}

.entr .audience-txt p:last-child {
margin-bottom: 0
}

.entr .audience-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 24px;
padding: 16px 40px;
background: #2A48A5;
color: #DEE5F1;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
text-decoration: none;
box-shadow: 1px 1px 5px 0 #2a48a514;
transition: background-color .14s cubic-bezier(0.4, 0, 1, 1);
position: relative;
overflow: hidden
}

.entr .audience-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #FF6913;
transition: height .16s cubic-bezier(0.4, 0, 1, 1);
z-index: 0
}

.entr .audience-link:hover::before {
height: 100%
}

.entr .audience-link span {
position: relative;
z-index: 1
}

.entr .audience-link svg {
position: relative;
z-index: 1;
width: 16px;
height: 16px;
fill: currentColor
}

@media (max-width: 1024px) {
.entr .tblock {
padding: 80px 24px 40px
}

.entr .tblock-h1 {
font-size: 48px
}

.entr .outcome-wrap,
.entr .ready-wrap,
.entr .problem-wrap,
.entr .audience-wrap {
grid-template-columns: 1fr;
gap: 40px
}

.entr .pattern-grid {
grid-template-columns: 1fr 1fr
}

.entr .problem-shape {
top: -20px;
right: -20px;
width: 200px;
height: 200px
}
}

@media (max-width: 768px) {
.entr .tblock {
padding: 40px 16px 24px
}

.entr .tblock-h1 {
font-size: 32px
}

.entr .tblock-img-wrap {
margin-bottom: 24px
}

@keyframes expandHeight {
from {
height: 0
}

to {
height: 300px
}
}

.entr .tblock-img {
height: 300px
}

.entr .outcome-sec,
.entr .ready-sec,
.entr .pattern-sec,
.entr .problem-sec,
.entr .audience-sec {
padding: 40px 16px
}

.entr .outcome-wrap,
.entr .ready-wrap,
.entr .problem-wrap,
.entr .audience-wrap {
gap: 24px
}

.entr .outcome-img,
.entr .ready-img,
.entr .audience-img {
height: 320px
}

.entr .pattern-head {
margin-bottom: 40px
}

.entr .pattern-grid {
grid-template-columns: 1fr;
gap: 24px
}

.entr .pattern-card {
padding: 24px 16px
}

.entr .problem-visual {
padding: 24px
}

.entr .problem-shape {
display: none
}

.entr .problem-chart {
width: 200px;
height: 200px
}

.entr .problem-chart-val {
font-size: 48px
}

.entr .audience-link {
width: 100%;
justify-content: center
}
}

@media (max-width: 360px) {
.entr .tblock-h1 {
font-size: 28px
}

.entr .pattern-card h4,
.entr .outcome-txt h2,
.entr .ready-txt h2,
.entr .problem-txt h2,
.entr .audience-txt h2 {
font-size: 18px
}
}

.abt-pg {
background: #0d0d14;
color: #DEE5F1;
overflow-x: clip
}

.abt-pg * {
box-sizing: border-box;
margin: 0;
padding: 0
}

.abt-pg ::selection {
background: #2A48A5;
color: #DEE5F1
}

.abt-pg .intro-hero {
max-width: 1600px;
margin: 0 auto;
padding: 40px 24px;
position: relative;
background: linear-gradient(323deg, #70737a 0%, transparent 100%)
}

.abt-pg .intro-hero::before {
content: '';
position: absolute;
top: 24px;
right: 24px;
width: 180px;
height: 180px;
border: 2px solid #FF6913;
border-radius: 4px;
pointer-events: none;
z-index: 1
}

.abt-pg .intro-hero::after {
content: '';
position: absolute;
bottom: 24px;
left: 24px;
width: 120px;
height: 120px;
border: 1px solid #2A48A5;
border-radius: 0;
pointer-events: none;
z-index: 1
}

.abt-pg .hero-layout {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
position: relative;
z-index: 2
}

.abt-pg .hero-img-frame {
flex-shrink: 0;
width: 420px;
height: 280px;
border-radius: 10px;
overflow: hidden;
position: relative;
background: #1a1a2e;
border: 1px solid #ff691333
}

.abt-pg .hero-img-frame::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 45%, #0d0d14cc 85%);
z-index: 1;
pointer-events: none
}

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

.abt-pg .hero-txt {
flex: 1;
min-width: 0
}

.abt-pg .hero-h1 {
font-size: 72px;
line-height: 1.1;
margin-bottom: 24px;
font-weight: 900;
letter-spacing: -.02em
}

.abt-pg .hero-h1 .first-char {
color: #FF6913
}

.abt-pg .hero-sub {
font-size: 22px;
line-height: 1.6;
margin-bottom: 24px;
color: #DEE5F1;
opacity: .85
}

.abt-pg .hero-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
line-height: 1.3;
color: #FF6913;
text-decoration: none;
font-weight: 600;
transition: color .14s cubic-bezier(0.4, 0, 1, 1)
}

.abt-pg .hero-link:hover {
color: #DEE5F1
}

.abt-pg .hero-link::after {
content: '';
width: 20px;
height: 20px;
background: currentColor;
clip-path: polygon(40% 0%, 40% 35%, 100% 35%, 100% 65%, 40% 65%, 40% 100%, 0% 50%);
transition: transform .12s cubic-bezier(0.4, 0, 1, 1)
}

.abt-pg .hero-link:hover::after {
transform: translateX(4px)
}

.abt-pg .divider-band {
height: 8px;
background: linear-gradient(90deg, #FF6913 0%, #2A48A5 100%);
width: 100%
}

.abt-pg .expertise-zone {
background: linear-gradient(135deg, #0d0d14 0%, #1a1a2e 100%);
position: relative;
overflow: hidden
}

.abt-pg .expertise-zone::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(323deg, #ff691326 0%, transparent 40%), linear-gradient(143deg, #2a48a51f 0%, transparent 45%);
pointer-events: none;
animation: aurora-drift 18s ease-in-out infinite;
z-index: 0
}

@keyframes aurora-drift {

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

33% {
opacity: .7;
transform: translate(3%, -2%) scale(1.05)
}

66% {
opacity: .85;
transform: translate(-2%, 3%) scale(0.98)
}
}

.abt-pg .expertise-container {
max-width: 1600px;
margin: 0 auto;
padding: 80px 24px;
position: relative;
z-index: 1
}

.abt-pg .expertise-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 80px
}

.abt-pg .exp-card {
background: #0d0d1499;
border: 1px solid #dee5f11a;
border-radius: 6px;
padding: 40px 24px;
position: relative;
overflow: hidden;
transition: background .16s cubic-bezier(0.4, 0, 1, 1), border-color .16s cubic-bezier(0.4, 0, 1, 1)
}

.abt-pg .exp-card:nth-child(1) {
padding-top: 60px
}

.abt-pg .exp-card:nth-child(2) {
padding-top: 100px
}

.abt-pg .exp-card:nth-child(3) {
padding-top: 140px
}

.abt-pg .exp-card:hover {
background: #ffffff08;
backdrop-filter: blur(12px);
border-color: #ff69134d
}

.abt-pg .exp-card-num {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: #FF6913;
margin-bottom: 16px;
letter-spacing: -.03em
}

.abt-pg .exp-card-h {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 16px;
color: #DEE5F1;
letter-spacing: -.01em
}

.abt-pg .exp-card-txt {
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
opacity: .8
}

.abt-pg .team-showcase {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.abt-pg .team-intro {
position: relative
}

.abt-pg .team-intro-h {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 24px;
color: #DEE5F1;
letter-spacing: -.01em
}

.abt-pg .team-intro-h .first-char {
color: #2A48A5
}

.abt-pg .team-intro-p {
font-size: 18px;
line-height: 1.9;
color: #DEE5F1;
opacity: .85;
margin-bottom: 16px
}

.abt-pg .process-steps {
background: #2a48a514;
border: 1px solid #2a48a533;
border-radius: 10px;
padding: 40px 24px
}

.abt-pg .steps-h {
font-size: 18px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 24px;
color: #FF6913;
text-transform: uppercase;
letter-spacing: .08em
}

.abt-pg .step-list {
list-style: none;
position: relative;
padding-left: 40px
}

.abt-pg .step-list::before {
content: '';
position: absolute;
left: 12px;
top: 8px;
bottom: 8px;
width: 2px;
background: linear-gradient(180deg, #FF6913 0%, #2A48A5 100%)
}

.abt-pg .step-item {
position: relative;
margin-bottom: 24px;
padding-left: 8px
}

.abt-pg .step-item:last-child {
margin-bottom: 0
}

.abt-pg .step-item::before {
content: '';
position: absolute;
left: -39px;
top: 1px;
width: 24px;
height: 24px;
background: #0d0d14;
border: 2px solid #FF6913;
border-radius: 999px;
z-index: 1
}

.abt-pg .step-num {
display: inline-block;
font-size: 16px;
line-height: 1.3;
font-weight: 900;
color: #FF6913;
margin-bottom: 8px;
letter-spacing: .05em
}

.abt-pg .step-txt {
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
opacity: .85
}

.abt-pg .profiles-row {
display: flex;
gap: 24px
}

.abt-pg .profile-card {
flex: 1;
background: #0d0d1466;
border: 1px solid #dee5f114;
border-radius: 6px;
padding: 24px;
display: flex;
gap: 16px;
align-items: center;
transition: border-color .14s cubic-bezier(0.4, 0, 1, 1), background .14s cubic-bezier(0.4, 0, 1, 1)
}

.abt-pg .profile-card:hover {
border-color: #2a48a566;
background: #2a48a50f
}

.abt-pg .profile-img-wrap {
flex-shrink: 0;
width: 80px;
height: 80px;
border-radius: 10px;
overflow: hidden;
background: #1a1a2e
}

.abt-pg .profile-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.abt-pg .profile-info {
flex: 1;
min-width: 0
}

.abt-pg .profile-name {
font-size: 18px;
line-height: 1.3;
font-weight: 700;
color: #DEE5F1;
margin-bottom: 8px
}

.abt-pg .profile-role {
font-size: 16px;
line-height: 1.3;
color: #FF6913;
font-weight: 600
}

.abt-pg .gallery-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 40px
}

.abt-pg .gallery-img-box {
aspect-ratio: 16/9;
border-radius: 4px;
overflow: hidden;
background: #1a1a2e;
position: relative;
transition: box-shadow .18s ease-out;
box-shadow: 1px 1px 5px 0 #ff691314 1px 6px 14px 0 #ff69131c 1px 10px 48px 0 #ff69131a
}

.abt-pg .gallery-img-box:hover {
box-shadow: 2px 2px 8px 0 #ff691324 2px 10px 22px 0 #ff69132e 2px 16px 64px 0 #ff691329
}

.abt-pg .gallery-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .18s ease-out
}

.abt-pg .gallery-img-box:hover img {
transform: scale(1.05)
}

@media (max-width: 1440px) {
.abt-pg .hero-h1 {
font-size: 72px
}

.abt-pg .hero-img-frame {
width: 380px;
height: 253px
}

.abt-pg .expertise-grid {
gap: 16px
}

.abt-pg .exp-card {
padding: 40px 16px
}
}

@media (max-width: 1024px) {
.abt-pg .intro-hero {
padding: 40px 16px
}

.abt-pg .hero-layout {
flex-direction: column;
gap: 24px
}

.abt-pg .hero-img-frame {
width: 100%;
max-width: 480px;
height: 320px
}

.abt-pg .hero-h1 {
font-size: 72px
}

.abt-pg .expertise-container {
padding: 80px 16px
}

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

.abt-pg .exp-card:nth-child(1),
.abt-pg .exp-card:nth-child(2),
.abt-pg .exp-card:nth-child(3) {
padding-top: 40px
}

.abt-pg .team-showcase {
grid-template-columns: 1fr;
gap: 40px
}

.abt-pg .profiles-row {
flex-direction: column
}

.abt-pg .gallery-row {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 768px) {
.abt-pg .intro-hero {
padding: 24px 16px
}

.abt-pg .intro-hero::before {
width: 120px;
height: 120px;
top: 16px;
right: 16px
}

.abt-pg .intro-hero::after {
width: 80px;
height: 80px;
bottom: 16px;
left: 16px
}

.abt-pg .hero-h1 {
font-size: 72px
}

.abt-pg .hero-sub {
font-size: 18px
}

.abt-pg .hero-link {
font-size: 16px
}

.abt-pg .expertise-container {
padding: 40px 16px
}

.abt-pg .exp-card-num {
font-size: 72px
}

.abt-pg .exp-card-h {
font-size: 18px
}

.abt-pg .team-intro-h {
font-size: 18px
}

.abt-pg .team-intro-p {
font-size: 16px
}

.abt-pg .process-steps {
padding: 24px 16px
}

.abt-pg .gallery-row {
grid-template-columns: 1fr;
gap: 16px
}
}

@media (max-width: 360px) {
.abt-pg .intro-hero {
padding: 16px 8px
}

.abt-pg .hero-layout {
gap: 16px
}

.abt-pg .hero-h1 {
font-size: 72px
}

.abt-pg .hero-sub {
font-size: 16px
}

.abt-pg .expertise-container {
padding: 40px 8px
}

.abt-pg .exp-card {
padding: 24px 16px
}

.abt-pg .process-steps {
padding: 24px 16px
}

.abt-pg .profile-card {
padding: 16px;
flex-direction: column;
text-align: center
}
}

.abt-pg button:focus-visible,
.abt-pg a:focus-visible {
outline: 2px solid #FF6913 !important;
outline-offset: 2px !important
}

.cnt-us {
background: #0d0d14;
color: #DEE5F1;
max-width: 1600px;
margin: 0 auto
}

.cnt-us ::selection {
background: #2A48A5;
color: #DEE5F1
}

.cnt-us .hero-wrap {
background: linear-gradient(323deg, #DEE5F1 0%, transparent 100%);
padding: 80px 24px;
position: relative;
overflow: hidden
}

.cnt-us .hero-wrap::before {
content: '';
position: absolute;
width: 280px;
height: 280px;
border-radius: 50%;
background: #2A48A5;
opacity: .04;
top: -120px;
left: 10%;
pointer-events: none
}

.cnt-us .hero-wrap::after {
content: '';
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
background: #FF6913;
opacity: .03;
bottom: -180px;
right: 15%;
pointer-events: none
}

.cnt-us .hero-inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: stretch
}

.cnt-us .hero-img-col {
flex: 0 0 280px;
position: relative;
overflow: hidden;
border-radius: 6px
}

.cnt-us .hero-img-col::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #0d0d14 0%, transparent 100%);
z-index: 2;
pointer-events: none
}

.cnt-us .hero-img-col::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(323deg, #2A48A5 0%, transparent 100%);
opacity: .3;
z-index: 1;
pointer-events: none
}

.cnt-us .hero-txt-col {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px
}

.cnt-us .hero-h {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.02em;
color: #DEE5F1;
margin: 0
}

.cnt-us .hero-h .accent-word {
color: #FF6913
}

.cnt-us .hero-txt {
font-size: 18px;
line-height: 1.6;
color: #DEE5F1;
margin: 0
}

.cnt-us .hero-txt:not(:last-child) {
margin-bottom: 16px
}

.cnt-us .form-zone {
background: #15151f;
padding: 80px 24px;
position: relative
}

.cnt-us .form-zone::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 2px;
background: radial-gradient(ellipse at center, #FF6913 0%, transparent 70%);
opacity: .6
}

.cnt-us .form-zone::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(0deg, transparent, transparent 39px, #ff691308 39px, #ff691308 40px), repeating-linear-gradient(90deg, transparent, transparent 39px, #ff691308 39px, #ff691308 40px);
pointer-events: none;
z-index: 1
}

.cnt-us .form-inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 80px;
position: relative;
z-index: 2
}

.cnt-us .form-main {
flex: 2
}

.cnt-us .form-sidebar {
flex: 1;
display: flex;
flex-direction: column;
gap: 40px
}

.cnt-us .form-h {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
letter-spacing: -.03em;
color: #DEE5F1;
margin: 0 0 40px
}

.cnt-us .form-h .first-word {
color: #FF6913
}

.cnt-us .form-elem {
margin-bottom: 24px
}

.cnt-us .form-lbl {
display: block;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
color: #DEE5F1;
margin-bottom: 8px;
letter-spacing: .04em
}

.cnt-us .form-input {
width: 100%;
padding: 16px;
background: #0d0d14;
border: 1px solid #ff691333;
border-radius: 4px;
color: #DEE5F1;
font-size: 16px;
line-height: 1.6;
transition: border-color .12s cubic-bezier(0.4, 0, 1, 1), box-shadow .15s cubic-bezier(0.4, 0, 1, 1);
outline: none
}

.cnt-us .form-input::placeholder {
color: #DEE5F1;
opacity: .4
}

.cnt-us .form-input:focus {
border-color: #FF6913;
box-shadow: 1px 1px 5px 0 #ff691314 1px 6px 14px 0 #ff69131c 1px 10px 48px 0 #ff69131a
}

.cnt-us .form-input:hover {
border-color: #ff691366
}

.cnt-us .form-textarea {
min-height: 160px;
resize: vertical
}

.cnt-us .form-privacy {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
margin-bottom: 24px;
position: relative
}

.cnt-us .form-checkbox {
flex: 0 0 auto;
width: 24px;
height: 24px;
margin: 0;
cursor: pointer;
appearance: none;
background: #0d0d14;
border: 1px solid #ff691333;
border-radius: 4px;
position: relative;
transition: background .14s cubic-bezier(0.4, 0, 1, 1), border-color .12s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .form-checkbox:hover {
border-color: #ff691366
}

.cnt-us .form-checkbox:checked {
background: #FF6913;
border-color: #FF6913
}

.cnt-us .form-checkbox:checked::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 8px;
border-left: 2px solid #0d0d14;
border-bottom: 2px solid #0d0d14;
transform: translate(-50%, -60%) rotate(-45deg)
}

.cnt-us .form-privacy-txt {
flex: 1;
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
margin: 0
}

.cnt-us .form-privacy-txt a {
color: #FF6913;
text-decoration: none;
transition: color .11s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .form-privacy-txt a:hover {
color: #2A48A5
}

.cnt-us .form-btn {
padding: 16px 40px;
background: #FF6913;
border: none;
border-radius: 6px;
color: #0d0d14;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
cursor: pointer;
position: relative;
overflow: hidden;
transition: box-shadow .16s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .form-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #2A48A5;
transition: height .18s ease-out;
z-index: -1
}

.cnt-us .form-btn:hover::before {
height: 100%
}

.cnt-us .form-btn:hover {
color: #DEE5F1;
box-shadow: 1px 1px 5px 0 #2a48a514 1px 6px 14px 0 #2a48a51c 1px 10px 48px 0 #2a48a51a
}

.cnt-us .form-btn:active {
transform: translateY(1px)
}

.cnt-us .contact-card {
background: #0d0d14;
border: 1px solid #ff691326;
border-radius: 10px;
padding: 24px;
position: relative;
overflow: hidden;
animation: shadow-build .8s ease-out forwards
}

@keyframes shadow-build {
from {
box-shadow: 0 0 0 0 #ff691300
}

to {
box-shadow: 1px 1px 5px 0 #ff691314 1px 6px 14px 0 #ff69131c 1px 10px 48px 0 #ff69131a
}
}

.cnt-us .contact-card-h {
font-size: 22px;
line-height: 1.3;
font-weight: 900;
letter-spacing: -.01em;
color: #DEE5F1;
margin: 0 0 16px
}

.cnt-us .contact-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
margin-bottom: 16px;
position: relative
}

.cnt-us .contact-item:last-child {
margin-bottom: 0
}

.cnt-us .contact-icon {
flex: 0 0 auto;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: #ff69131a;
border-radius: 4px;
position: relative;
overflow: hidden
}

.cnt-us .contact-icon::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #2a48a54d;
transition: left .16s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .contact-item:hover .contact-icon::before {
left: 0
}

.cnt-us .contact-icon svg {
width: 18px;
height: 18px;
fill: #FF6913;
position: relative;
z-index: 1
}

.cnt-us .contact-txt {
flex: 1;
font-size: 16px;
line-height: 1.6;
color: #DEE5F1;
margin: 0;
padding-top: 4px
}

.cnt-us .contact-txt a {
color: #DEE5F1;
text-decoration: none;
transition: color .13s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .contact-txt a:hover {
color: #FF6913
}

.cnt-us .path-deco {
position: absolute;
top: -40px;
right: -40px;
width: 280px;
height: 280px;
pointer-events: none;
z-index: 0
}

.cnt-us .path-deco svg {
width: 100%;
height: 100%;
stroke: #2a48a526;
stroke-width: 2;
stroke-dasharray: 8 8;
fill: none
}

.cnt-us .metric-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px
}

.cnt-us .metric-box {
background: #0d0d14;
border: 1px solid #2a48a533;
border-radius: 6px;
padding: 16px;
text-align: center;
position: relative;
overflow: hidden
}

.cnt-us .metric-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #2A48A5 50%, transparent 100%);
opacity: 0;
transition: opacity .14s cubic-bezier(0.4, 0, 1, 1)
}

.cnt-us .metric-box:hover::before {
opacity: 1
}

.cnt-us .metric-val {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: #FF6913;
margin: 0 0 8px;
display: block
}

.cnt-us .metric-lbl {
font-size: 16px;
line-height: 1.3;
color: #DEE5F1;
margin: 0;
letter-spacing: .02em
}

@media (max-width: 1024px) {
.cnt-us .hero-wrap {
padding: 40px 24px
}

.cnt-us .hero-inner {
flex-direction: column;
gap: 24px
}

.cnt-us .hero-img-col {
flex: 0 0 auto;
width: 100%;
height: 240px
}

.cnt-us .hero-h {
font-size: 48px
}

.cnt-us .form-zone {
padding: 40px 24px
}

.cnt-us .form-inner {
flex-direction: column;
gap: 40px
}

.cnt-us .form-h {
font-size: 48px;
margin-bottom: 24px
}

.cnt-us .metric-val {
font-size: 48px
}
}

@media (max-width: 768px) {
.cnt-us .hero-h {
font-size: 36px
}

.cnt-us .form-h {
font-size: 36px
}

.cnt-us .metric-grid {
grid-template-columns: 1fr
}

.cnt-us .metric-val {
font-size: 36px
}
}

@media (max-width: 360px) {
.cnt-us .hero-wrap {
padding: 24px 16px
}

.cnt-us .form-zone {
padding: 24px 16px
}

.cnt-us .hero-h {
font-size: 28px
}

.cnt-us .form-h {
font-size: 28px
}

.cnt-us .form-btn {
width: 100%
}
}

.success-pg {
background: linear-gradient(323deg, #DEE5F1 0%, transparent 100%), #0a0b12;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 16px
}

.success-pg .wrap {
max-width: 680px;
width: 100%;
background: #12141d;
border-radius: 10px;
padding: 80px 40px;
text-align: center;
box-shadow: 1px 10px 48px 0 #2a48a51a
}

.success-pg .icon-box {
width: 120px;
height: 120px;
margin: 0 auto 40px;
background: linear-gradient(135deg, #2A48A5 0%, #1a2d6b 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.success-pg .icon-box::before {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
background: #ff691326;
animation: pulse-ring 2.4s cubic-bezier(0.4, 0, 1, 1) infinite
}

@keyframes pulse-ring {
0% {
transform: scale(1);
opacity: 1
}

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

.success-pg .check-mark {
width: 56px;
height: 56px;
position: relative;
z-index: 1
}

.success-pg .check-mark svg {
width: 100%;
height: 100%;
fill: none;
stroke: #DEE5F1;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 80;
stroke-dashoffset: 80;
animation: draw-check .6s ease-out .2s forwards
}

@keyframes draw-check {
to {
stroke-dashoffset: 0
}
}

.success-pg .head-txt {
font-size: 72px;
line-height: 1.1;
color: #DEE5F1;
margin: 0 0 24px;
font-weight: 900;
letter-spacing: -.02em
}

.success-pg .head-txt .first-ltr {
color: #FF6913
}

.success-pg .msg-txt {
font-size: 18px;
line-height: 1.6;
color: #a8b2c8;
margin: 0 0 16px
}

.success-pg .detail-txt {
font-size: 16px;
line-height: 1.6;
color: #7d8aa3;
margin: 0 0 40px
}

.success-pg .btn-grp {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap
}

.success-pg .btn-prim {
background: linear-gradient(180deg, #FF6913 0%, #d95510 100%);
color: #DEE5F1;
font-size: 18px;
line-height: 1.3;
padding: 16px 40px;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: 700;
text-decoration: none;
display: inline-block;
position: relative;
overflow: hidden;
transition: transform .14s cubic-bezier(0.4, 0, 1, 1);
box-shadow: 1px 6px 14px 0 #ff69131c
}

.success-pg .btn-prim::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #ffffff1f;
transition: height .16s cubic-bezier(0.4, 0, 1, 1)
}

.success-pg .btn-prim:hover::before {
height: 100%
}

.success-pg .btn-prim:hover {
transform: translateY(-2px)
}

.success-pg .btn-sec {
background: transparent;
color: #DEE5F1;
font-size: 18px;
line-height: 1.3;
padding: 16px 40px;
border: 2px solid #2A48A5;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
text-decoration: none;
display: inline-block;
transition: all .12s cubic-bezier(0.4, 0, 1, 1)
}

.success-pg .btn-sec:hover {
background: #2A48A5;
border-color: #3a5bc5
}

.success-pg .info-box {
margin: 40px 0 0;
padding: 24px;
background: #2a48a514;
border-radius: 6px;
border: 1px solid #2a48a533
}

.success-pg .info-box .label {
font-size: 16px;
line-height: 1.3;
color: #7d8aa3;
margin: 0 0 8px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em
}

.success-pg .info-box .val {
font-size: 18px;
line-height: 1.6;
color: #DEE5F1;
margin: 0
}

.success-pg .info-box .val a {
color: #FF6913;
text-decoration: none;
transition: color .11s cubic-bezier(0.4, 0, 1, 1)
}

.success-pg .info-box .val a:hover {
color: #ff8542
}

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

.success-pg .icon-box {
width: 96px;
height: 96px;
margin-bottom: 24px
}

.success-pg .check-mark {
width: 44px;
height: 44px
}

.success-pg .head-txt {
font-size: 48px;
margin-bottom: 16px
}

.success-pg .btn-grp {
flex-direction: column
}

.success-pg .btn-prim,
.success-pg .btn-sec {
width: 100%
}
}

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

.success-pg .head-txt {
font-size: 40px
}
}
@media screen and (max-width: 768px) {
    .nws .tl-hd {
        font-size: 36px;
    }

    .nws .artcl-hd {
        font-size: 32px;
    }

    .nws .exp-hd {
        font-size: 36px;
    }

    .entr .problem-chart svg {
        width: 200px;
        height: 200px;
    }
}