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

body {
overflow-x: hidden;
min-height: 100vh;
font-family: 'Lato', sans-serif
}

:focus-visible {
outline: 2px solid #6881FA;
outline-offset: 3px;
transition: outline-offset 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.brand-bar {
background: #6881FA;
padding: 8px 0
}

.brand-bar__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}

.brand-bar__contact {
display: flex;
align-items: center;
gap: 32px
}

.brand-bar__contact-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #FFFAE7;
text-decoration: none;
line-height: 1.3;
transition: color 750ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.brand-bar__contact-item:hover {
color: #fff
}

.brand-bar__contact-item svg {
flex-shrink: 0
}

.brand-bar__tagline {
font-size: 15px;
color: #fffae7bf;
line-height: 1.3;
letter-spacing: .03em
}

.site-header {
background: #fff;
box-shadow: 1px 4px 18px 0 #6881fa1c;
position: relative;
z-index: 100
}

.site-header__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: stretch;
min-height: 88px;
gap: 0
}

.brand-block {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 32px 16px 0;
border-right: 2px solid #6881FA;
flex-shrink: 0
}

.brand-block__img-wrap {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #FFFAE7;
border-radius: 0;
box-shadow: 1px 2px 5px 0 #6881fa0f;
padding: 8px
}

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

.brand-block__name {
font-size: 22px;
font-weight: 700;
color: #6881FA;
line-height: 1.1;
letter-spacing: -.02em;
text-decoration: none
}

.primary-nav {
display: flex;
align-items: center;
padding: 0 32px;
flex: 1
}

.primary-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px
}

.primary-nav__item {
display: flex
}

.primary-nav__link {
font-size: 15px;
font-weight: 700;
color: #2a2a2a;
text-decoration: none;
padding: 8px 16px;
border-radius: 0;
line-height: 1.3;
position: relative;
transition: color 650ms cubic-bezier(0.34, 1.56, 0.64, 1);
white-space: nowrap
}

.primary-nav__link::after {
content: "";
position: absolute;
bottom: 4px;
left: 16px;
right: 16px;
height: 2px;
background: #6881FA;
transform: scaleX(0);
transform-origin: left center;
transition: transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.primary-nav__link:hover {
color: #6881FA
}

.primary-nav__link:hover::after {
transform: scaleX(1)
}

.primary-nav__link--active {
color: #6881FA
}

.primary-nav__link--active::after {
transform: scaleX(1)
}

.header-action {
display: flex;
align-items: center;
padding: 0 0 0 32px;
flex-shrink: 0
}

.header-action__link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: #FFFAE7;
background: #BC450A;
padding: 12px 32px;
border-radius: 36px;
text-decoration: none;
line-height: 1.3;
position: relative;
overflow: hidden;
box-shadow: 1px 4px 18px 0 #bc450a1c;
transition: box-shadow 800ms cubic-bezier(0.34, 1.56, 0.64, 1), color 650ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.header-action__link::before {
content: "";
position: absolute;
inset: 0;
border-radius: 36px;
border: 2px solid transparent;
transition: border-color 750ms cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none
}

.header-action__link:hover::before {
border-color: #FFFAE7
}

.header-action__link:hover {
box-shadow: 1px 9px 44px 0 #bc450a24
}

.site-footer {
background: #FFFAE7;
border-top: 1px solid #6881fa2e;
padding: 64px 0 32px
}

.footer__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px
}

.footer__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 64px;
padding-bottom: 64px;
border-bottom: 1px solid #6881fa26;
flex-wrap: wrap
}

.footer__brand {
display: flex;
flex-direction: column;
gap: 16px;
flex-shrink: 0
}

.footer__logo-wrap {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 0;
box-shadow: 1px 2px 5px 0 #6881fa0f;
padding: 8px
}

.footer__logo-wrap img {
width: 36px;
height: 36px;
object-fit: contain;
display: block
}

.footer__brand-name {
font-size: 22px;
font-weight: 700;
color: #6881FA;
line-height: 1.1;
letter-spacing: -.02em
}

.footer__brand-desc {
font-size: 15px;
color: #3a3a3a;
line-height: 1.55;
max-width: 280px
}

.footer__cols {
display: flex;
gap: 64px;
flex-wrap: wrap
}

.footer__col-label {
font-size: 15px;
font-weight: 700;
color: #BC450A;
line-height: 1.3;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0 0 16px
}

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

.footer__col-link {
font-size: 15px;
color: #2a2a2a;
text-decoration: none;
line-height: 1.55;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.footer__col-link:hover {
color: #6881FA
}

.footer__contact-item {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 15px;
color: #2a2a2a;
text-decoration: none;
line-height: 1.55;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footer__contact-item:hover {
color: #6881FA
}

.footer__contact-item svg {
flex-shrink: 0;
margin-top: 3px
}

.footer__bottom {
padding-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.footer__copy {
font-size: 15px;
color: #5a5a5a;
line-height: 1.55
}

.footer__legal-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 32px;
flex-wrap: wrap
}

.footer__legal-link {
font-size: 15px;
color: #5a5a5a;
text-decoration: none;
line-height: 1.55;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footer__legal-link:hover {
color: #BC450A
}

.cookie-popup {
position: fixed;
top: 32px;
right: 32px;
width: 300px;
background: #fff;
border-radius: 36px;
box-shadow: 1px 9px 44px 0 #6881fa24;
z-index: 2000;
padding: 32px;
display: none
}

.cookie-popup__headline {
font-size: 18px;
font-weight: 700;
color: #6881FA;
line-height: 1.3;
margin: 0 0 8px;
letter-spacing: -.01em
}

.cookie-popup__desc {
font-size: 15px;
color: #2a2a2a;
line-height: 1.55;
margin: 0 0 16px
}

.cookie-popup__uses {
list-style: none;
margin: 0 0 16px;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px
}

.cookie-popup__use-item {
font-size: 15px;
color: #3a3a3a;
line-height: 1.3;
display: flex;
align-items: center;
gap: 8px
}

.cookie-popup__use-dot {
width: 6px;
height: 6px;
background: #BC450A;
border-radius: 0;
flex-shrink: 0
}

.cookie-popup__settings-panel {
display: none;
flex-direction: column;
gap: 8px;
margin-bottom: 16px
}

.cookie-popup__check-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #2a2a2a;
line-height: 1.3
}

.cookie-popup__check-row input[type="checkbox"] {
accent-color: #6881FA;
width: 16px;
height: 16px;
flex-shrink: 0
}

.cookie-popup__actions {
display: flex;
flex-direction: column;
gap: 8px
}

.cookie-popup__accept {
font-size: 15px;
font-weight: 700;
color: #FFFAE7;
background: #6881FA;
border: none;
border-radius: 36px;
padding: 12px 32px;
cursor: pointer;
line-height: 1.3;
text-align: center;
transition: background 750ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cookie-popup__accept:hover {
background: #BC450A
}

.cookie-popup__accept:focus-visible {
outline: 2px solid #6881FA;
outline-offset: 3px
}

.cookie-popup__decline {
font-size: 15px;
color: #5a5a5a;
background: none;
border: none;
cursor: pointer;
text-decoration: underline;
line-height: 1.3;
text-align: center;
padding: 8px;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cookie-popup__decline:hover {
color: #BC450A
}

.cookie-popup__decline:focus-visible {
outline: 2px solid #6881FA;
outline-offset: 3px
}

.cookie-popup__settings-toggle {
font-size: 15px;
color: #6881FA;
background: none;
border: none;
cursor: pointer;
text-decoration: underline;
line-height: 1.3;
text-align: center;
padding: 8px;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cookie-popup__settings-toggle:hover {
color: #BC450A
}

.cookie-popup__settings-toggle:focus-visible {
outline: 2px solid #6881FA;
outline-offset: 3px
}

@media (max-width: 1024px) {
.brand-bar__tagline {
display: none
}

.site-header__inner {
flex-wrap: wrap;
min-height: auto;
padding: 16px 32px;
gap: 16px
}

.brand-block {
border-right: none;
padding: 0
}

.primary-nav {
padding: 0;
width: 100%;
order: 3
}

.header-action {
padding: 0;
margin-left: auto
}
}

@media (max-width: 768px) {
.brand-bar__contact {
gap: 16px
}

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

.footer__cols {
gap: 32px
}

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

.cookie-popup {
right: 16px;
left: 16px;
width: auto;
top: 16px
}

.site-header__inner {
padding: 16px
}

.footer__inner {
padding: 0 16px
}

.brand-bar__inner {
padding: 0 16px
}
}

@media (max-width: 320px) {
.primary-nav__list {
flex-direction: column;
align-items: flex-start
}

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

.terms-jmtd-body {
max-width: 1320px;
margin: 0 auto;
padding: 64px 32px
}

.terms-jmtd-body p {
font-size: 18px;
line-height: 1.75;
color: #2d2d2d;
margin-bottom: 32px
}

.terms-jmtd-body ul,
.terms-jmtd-body ol {
padding-left: 32px;
margin-bottom: 32px
}

.terms-jmtd-body li {
font-size: 18px;
line-height: 1.75;
color: #2d2d2d;
margin-bottom: 8px
}

.terms-jmtd-body ul li {
list-style-type: disc
}

.terms-jmtd-body ol li {
list-style-type: decimal
}

.terms-jmtd-body table {
width: 100%;
border-collapse: collapse;
margin-bottom: 32px;
font-size: 15px;
line-height: 1.55;
box-shadow: 1px 4px 18px 0 #6881fa1c;
border-radius: 36px;
overflow: hidden
}

.terms-jmtd-body thead {
background: #6881FA
}

.terms-jmtd-body thead th {
color: #fff;
font-size: 15px;
line-height: 1.3;
padding: 16px 32px;
text-align: left;
letter-spacing: -.01em
}

.terms-jmtd-body tbody tr {
border-bottom: 1px solid #6881fa1f;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.terms-jmtd-body tbody tr:last-child {
border-bottom: none
}

.terms-jmtd-body tbody tr:hover {
background: #FFFAE7
}

.terms-jmtd-body td {
color: #2d2d2d;
font-size: 15px;
line-height: 1.55;
padding: 16px 32px;
vertical-align: top
}

.terms-jmtd-body tbody tr:nth-child(even) {
background: #6881fa0a
}

.terms-jmtd-body tbody tr:nth-child(even):hover {
background: #FFFAE7
}

.terms-jmtd-body hr {
border: none;
border-top: 1px solid #6881fa2e;
margin: 64px 0
}

.terms-jmtd-body div {
margin-bottom: 32px
}

@media (max-width: 768px) {
.terms-jmtd-body {
padding: 32px 16px
}

.terms-jmtd-body p,
.terms-jmtd-body li {
font-size: 15px
}

.terms-jmtd-body table {
display: block;
overflow-x: auto;
border-radius: 36px
}

.terms-jmtd-body thead th,
.terms-jmtd-body td {
padding: 16px;
white-space: nowrap
}

.terms-jmtd-body hr {
margin: 32px 0
}
}

@media (max-width: 320px) {
.terms-jmtd-body {
padding: 16px 8px
}

.terms-jmtd-body ul,
.terms-jmtd-body ol {
padding-left: 16px
}
}

.exp-det {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px;
overflow: hidden
}

.exp-det__hero {
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 520px;
margin-bottom: 64px;
position: relative
}

.exp-det__hero-img-strip {
width: 340px;
flex-shrink: 0;
position: relative;
border-radius: 36px 0 0 36px;
overflow: hidden
}

.exp-det__hero-img-strip img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-det__hero-img-strip:hover img {
filter: saturate(0)
}

.exp-det__hero-img-overlay {
position: absolute;
inset: 0;
background: #6881fa61;
border-radius: 36px 0 0 36px;
pointer-events: none
}

.exp-det__hero-dots {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1
}

.exp-det__hero-dot {
position: absolute;
width: 5px;
height: 5px;
border-radius: 36px;
background: #6881fa2e
}

.exp-det__hero-text {
flex: 1;
padding: 64px 64px 64px 48px;
background: #FFFAE7;
border-radius: 0 36px 36px 0;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}

.exp-det__category {
display: inline-block;
border: 1.5px solid #6881FA;
border-radius: 36px;
padding: 4px 16px;
font-size: 15px;
color: #6881FA;
margin-bottom: 32px;
width: fit-content;
letter-spacing: .04em
}

.exp-det__h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 16px;
color: #222
}

.exp-det__h1 span:first-child {
color: #6881FA
}

.exp-det__h1 span:last-child {
color: #BC450A
}

.exp-det__subtitle {
font-size: 22px;
line-height: 1.55;
color: #3a3a3a;
margin: 0 0 32px
}

.exp-det__meta-row {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center
}

.exp-det__meta-item {
font-size: 15px;
color: #555;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.exp-det__meta-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.exp-det__dot-row {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 32px
}

.exp-det__dot-row span {
display: block;
width: 6px;
height: 6px;
border-radius: 36px;
background: #6881FA;
opacity: .35
}

.exp-det__dot-row span:nth-child(2) {
opacity: .55
}

.exp-det__dot-row span:nth-child(3) {
opacity: .75
}

.exp-det__dot-row span:nth-child(4) {
opacity: .55
}

.exp-det__dot-row span:nth-child(5) {
opacity: .35
}

.exp-det__wave-divider {
width: 100%;
overflow: hidden;
line-height: 0;
margin-bottom: 64px
}

.exp-det__body-layout {
display: grid;
grid-template-columns: 1fr 320px;
gap: 64px;
margin-bottom: 64px;
align-items: start
}

.exp-det__article {
position: relative
}

.exp-det__article-bg {
position: absolute;
top: -32px;
left: -32px;
width: 200px;
height: 200px;
font-size: 180px;
line-height: 1;
color: #6881fa0d;
pointer-events: none;
user-select: none;
font-style: italic;
z-index: 0
}

.exp-det__article-inner {
position: relative;
z-index: 1
}

.exp-det__article-inner p {
font-size: 18px;
line-height: 1.75;
color: #2a2a2a;
margin: 0 0 16px
}

.exp-det__article-inner h2 {
font-size: 38px;
line-height: 1.3;
letter-spacing: -.01em;
margin: 32px 0 16px;
color: #222
}

.exp-det__article-inner h2 .fw {
color: #6881FA
}

.exp-det__article-inner h3 {
font-size: 22px;
line-height: 1.3;
margin: 32px 0 8px;
color: #BC450A
}

.exp-det__article-inner abbr {
border-bottom: 1.5px dotted #6881FA;
cursor: help;
text-decoration: none
}

.exp-det__article-inner blockquote {
border-top: 2px solid #6881FA;
border-bottom: 2px solid #6881FA;
padding: 16px 32px;
margin: 32px 0;
font-size: 22px;
line-height: 1.55;
color: #BC450A;
font-style: italic;
background: #FFFAE7;
border-radius: 0 36px 0 36px
}

.exp-det__article-inner ul {
padding: 0 0 0 32px;
margin: 0 0 16px
}

.exp-det__article-inner ul li {
font-size: 18px;
line-height: 1.75;
color: #2a2a2a;
margin-bottom: 8px;
list-style: disc
}

.exp-det__article-inner ol {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: art-counter
}

.exp-det__article-inner ol li {
counter-increment: art-counter;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px;
font-size: 18px;
line-height: 1.75;
color: #2a2a2a
}

.exp-det__article-inner ol li::before {
content: counter(art-counter);
font-size: 38px;
line-height: 1.1;
color: #6881fa40;
font-weight: 700;
flex-shrink: 0;
min-width: 40px;
text-align: right
}

.exp-det__article-inner table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 15px
}

.exp-det__article-inner caption {
font-size: 15px;
color: #555;
margin-bottom: 8px;
text-align: left
}

.exp-det__article-inner td {
padding: 8px 16px;
border-bottom: 1px solid #6881fa26;
color: #2a2a2a;
vertical-align: top
}

.exp-det__article-inner tr:first-child td {
font-weight: 600;
color: #6881FA;
border-bottom: 2px solid #6881fa4d
}

.exp-det__article-inner small {
font-size: 15px;
color: #777
}

.exp-det__article-inner time {
font-size: 15px;
color: #6881FA
}

.exp-det__article-inner a {
color: #6881FA;
text-decoration: underline;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-det__article-inner a:hover {
color: #BC450A
}

.exp-det__sidebar {
display: flex;
flex-direction: column;
gap: 32px
}

.exp-det__sidebar-card {
background: #fff;
border-radius: 36px;
padding: 32px;
box-shadow: 1px 4px 18px 0 #6881fa1c
}

.exp-det__sidebar-card h5 {
font-size: 15px;
line-height: 1.3;
color: #6881FA;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0 0 16px
}

.exp-det__sidebar-stat {
display: flex;
flex-direction: column;
gap: 16px
}

.exp-det__stat-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #6881fa1f;
font-size: 15px;
color: #2a2a2a
}

.exp-det__stat-row:last-child {
border-bottom: none
}

.exp-det__stat-val {
font-size: 22px;
color: #BC450A;
font-weight: 700
}

.exp-det__cta-card {
background: linear-gradient(conic-gradient(from 200deg at 60% 40%, #6881fa14, #bc450a0f, #fffae7e6, #6881fa14));
background: #6881FA;
border-radius: 36px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px
}

.exp-det__cta-card h5 {
font-size: 22px;
line-height: 1.3;
color: #fff;
margin: 0
}

.exp-det__cta-card p {
font-size: 15px;
line-height: 1.55;
color: #ffffffd9;
margin: 0
}

.exp-det__cta-btn {
display: inline-block;
background: #fff;
color: #6881FA;
font-size: 15px;
padding: 16px 32px;
border-radius: 36px;
border: 2px solid #fff;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: background 800ms cubic-bezier(0.34, 1.56, 0.64, 1), color 800ms cubic-bezier(0.34, 1.56, 0.64, 1), border-color 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.exp-det__cta-btn:hover {
background: transparent;
color: #fff;
border-color: #fff
}

.exp-det__wave2 {
width: 100%;
overflow: hidden;
line-height: 0;
margin-bottom: 64px
}

.exp-det__featured {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
border-radius: 36px;
overflow: hidden;
margin-bottom: 64px;
box-shadow: 1px 9px 44px 0 #6881fa24
}

.exp-det__feat-col {
padding: 64px 32px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative
}

.exp-det__feat-col--a {
background: #FFFAE7
}

.exp-det__feat-col--b {
background: #6881FA
}

.exp-det__feat-col--c {
background: #222
}

.exp-det__feat-col h4 {
font-size: 22px;
line-height: 1.3;
margin: 0
}

.exp-det__feat-col--a h4 {
color: #BC450A
}

.exp-det__feat-col--b h4 {
color: #fff
}

.exp-det__feat-col--c h4 {
color: #6881FA
}

.exp-det__feat-col p {
font-size: 15px;
line-height: 1.55;
margin: 0
}

.exp-det__feat-col--a p {
color: #3a3a3a
}

.exp-det__feat-col--b p {
color: #ffffffd9
}

.exp-det__feat-col--c p {
color: #ffffffbf
}

.exp-det__feat-col--b .exp-det__feat-num {
font-size: 68px;
line-height: 1.1;
color: #ffffff26;
font-weight: 700;
position: absolute;
bottom: 16px;
right: 16px;
pointer-events: none;
user-select: none
}

.exp-det__feat-col--a .exp-det__feat-num {
font-size: 68px;
line-height: 1.1;
color: #bc450a1a;
font-weight: 700;
position: absolute;
bottom: 16px;
right: 16px;
pointer-events: none;
user-select: none
}

.exp-det__feat-col--c .exp-det__feat-num {
font-size: 68px;
line-height: 1.1;
color: #6881fa1f;
font-weight: 700;
position: absolute;
bottom: 16px;
right: 16px;
pointer-events: none;
user-select: none
}

.exp-det__feat-icon {
width: 40px;
height: 40px;
margin-bottom: 8px
}

.exp-det__noise-section {
border-radius: 36px;
padding: 96px 64px;
margin-bottom: 64px;
position: relative;
background: #2a2a3a;
box-shadow: 1px 9px 44px 0 #6881fa24
}

.exp-det__noise-overlay {
position: absolute;
inset: 0;
border-radius: 36px;
pointer-events: none;
opacity: .045;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 200px 200px
}

.exp-det__noise-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.exp-det__noise-left {
flex: 1
}

.exp-det__noise-right {
flex: 1
}

.exp-det__noise-left h3 {
font-size: 38px;
line-height: 1.3;
color: #fff;
margin: 0 0 16px;
letter-spacing: -.01em
}

.exp-det__noise-left h3 em {
color: #6881FA;
font-style: normal
}

.exp-det__noise-left p {
font-size: 18px;
line-height: 1.75;
color: #ffffffbf;
margin: 0 0 16px
}

.exp-det__numlist {
list-style: none;
padding: 0;
margin: 0;
counter-reset: nl
}

.exp-det__numlist li {
counter-increment: nl;
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
margin-bottom: 32px;
color: #ffffffd9;
font-size: 18px;
line-height: 1.55
}

.exp-det__numlist li::before {
content: counter(nl);
font-size: 52px;
line-height: 1.1;
color: #6881fa59;
font-weight: 700;
flex-shrink: 0;
min-width: 48px;
text-align: right
}

.exp-det__numlist li strong {
color: #fff
}

.exp-det__dot-accent {
display: flex;
flex-direction: row;
gap: 8px;
margin: 32px 0;
align-items: center
}

.exp-det__dot-accent span {
display: block;
width: 7px;
height: 7px;
border-radius: 36px;
background: #6881FA
}

.exp-det__dot-accent span:nth-child(1) {
opacity: .3
}

.exp-det__dot-accent span:nth-child(2) {
opacity: .5
}

.exp-det__dot-accent span:nth-child(3) {
opacity: .8
}

.exp-det__dot-accent span:nth-child(4) {
opacity: .5
}

.exp-det__dot-accent span:nth-child(5) {
opacity: .3
}

.exp-det__back-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
color: #6881FA;
text-decoration: none;
margin-bottom: 32px;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
border: 1.5px solid transparent;
border-radius: 36px;
padding: 8px 16px
}

.exp-det__back-link:hover {
color: #BC450A;
border-color: #BC450A
}

.exp-det__back-arrow {
width: 16px;
height: 16px
}

@keyframes ring-expand {
0% {
transform: scale(0.6);
opacity: .18
}

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

.exp-det__pulse-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 0
}

.exp-det__pulse-ring {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin: -60px 0 0 -60px;
border-radius: 36px;
border: 1.5px solid #6881fa1f;
animation: ring-expand 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
}

.exp-det__pulse-ring:nth-child(2) {
animation-delay: 1.3s
}

.exp-det__pulse-ring:nth-child(3) {
animation-delay: 2.6s
}

@media (max-width: 1024px) {
.exp-det__body-layout {
grid-template-columns: 1fr;
gap: 32px
}

.exp-det__featured {
grid-template-columns: 1fr
}

.exp-det__hero {
flex-direction: column;
min-height: auto
}

.exp-det__hero-img-strip {
width: 100%;
height: 280px;
border-radius: 36px 36px 0 0
}

.exp-det__hero-img-overlay {
border-radius: 36px 36px 0 0
}

.exp-det__hero-text {
border-radius: 0 0 36px 36px;
padding: 32px
}

.exp-det__noise-inner {
flex-direction: column;
gap: 32px
}

.exp-det__noise-section {
padding: 64px 32px
}
}

@media (max-width: 768px) {
.exp-det {
padding: 0 16px
}

.exp-det__h1 {
font-size: 38px
}

.exp-det__hero-text {
padding: 32px 16px
}

.exp-det__meta-row {
flex-direction: column;
align-items: flex-start;
gap: 8px
}

.exp-det__noise-section {
padding: 32px 16px
}
}

@media (max-width: 320px) {
.exp-det__h1 {
font-size: 22px
}

.exp-det__subtitle {
font-size: 18px
}
}

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

.exp-op__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px
}

.exp-op__title-block {
position: relative;
padding: 96px 32px;
background: conic-gradient(from 120deg at 52% 48%, #f5f0e8 0deg, #ede8f7 60deg, #f7ede8 120deg, #eef2ff 180deg, #f5f0e8 240deg, #fffae7 300deg, #f5f0e8 360deg);
text-align: center;
overflow: hidden
}

.exp-op__title-block::before {
content: '';
position: absolute;
top: -64px;
left: -64px;
width: 320px;
height: 320px;
background: #6881fa14;
border-radius: 36px;
transform: rotate(45deg);
pointer-events: none
}

.exp-op__title-block::after {
content: '';
position: absolute;
bottom: -96px;
right: -32px;
width: 260px;
height: 260px;
background: #bc450a0f;
border-radius: 36px;
transform: rotate(30deg);
pointer-events: none
}

.exp-op__shape-diamond {
position: absolute;
top: 32px;
right: 96px;
width: 40px;
height: 40px;
background: #6881fa26;
transform: rotate(45deg);
border-radius: 0;
pointer-events: none
}

.exp-op__tag {
display: inline-block;
border: 1px solid #6881FA;
color: #6881FA;
font-size: 15px;
line-height: 1.3;
padding: 8px 16px;
border-radius: 36px;
margin-bottom: 32px;
letter-spacing: .04em
}

.exp-op__h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1e1e2e;
margin: 0 auto 16px;
max-width: 820px
}

.exp-op__h1 span {
color: #6881FA
}

.exp-op__subtitle {
font-size: 18px;
line-height: 1.55;
color: #3a3a4a;
max-width: 580px;
margin: 0 auto 32px
}

.exp-op__cta-link {
display: inline-block;
font-size: 15px;
line-height: 1.3;
color: #BC450A;
text-decoration: none;
padding: 16px 32px;
border: 2px solid #BC450A;
border-radius: 36px;
position: relative;
overflow: hidden;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1), background 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__cta-link:hover {
background: #BC450A;
color: #fff
}

.exp-op__curve-divider {
width: 100%;
line-height: 0;
margin-bottom: -2px
}

.exp-op__curve-divider svg {
display: block;
width: 100%
}

.exp-op__posts-area {
background: #fff;
padding: 96px 32px
}

.exp-op__posts-head {
max-width: 1320px;
margin: 0 auto 64px
}

.exp-op__posts-label {
font-size: 15px;
line-height: 1.3;
color: #BC450A;
letter-spacing: .06em;
margin-bottom: 8px
}

.exp-op__posts-h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1e1e2e;
margin: 0
}

.exp-op__posts-h2 span {
color: #BC450A
}

.exp-op__grid {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px
}

.exp-op__card {
background: #FFFAE7;
border-radius: 36px;
overflow: hidden;
box-shadow: 1px 4px 18px 0 #6881fa1c;
transition: box-shadow 800ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex;
flex-direction: column;
position: relative
}

.exp-op__card:hover {
box-shadow: 1px 9px 44px 0 #6881fa24;
transform: translateY(-4px)
}

.exp-op__card-img-wrap {
position: relative;
overflow: hidden;
height: 200px
}

.exp-op__card-img-wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
filter: saturate(0.85);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__card:hover .exp-op__card-img-wrap img {
filter: saturate(0)
}

.exp-op__card-overlay {
position: absolute;
inset: 0;
background: #6881fa00;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none
}

.exp-op__card:hover .exp-op__card-overlay {
background: #6881fa1f
}

.exp-op__card-cat {
position: absolute;
top: 16px;
left: 16px;
background: #6881FA;
color: #fff;
font-size: 15px;
line-height: 1.3;
padding: 8px 16px;
border-radius: 36px
}

.exp-op__card-body {
padding: 32px;
flex: 1;
display: flex;
flex-direction: column
}

.exp-op__card-h3 {
font-size: 22px;
line-height: 1.3;
letter-spacing: -.01em;
color: #1e1e2e;
margin: 0 0 8px
}

.exp-op__card-h3 span {
color: #6881FA
}

.exp-op__card-sub {
font-size: 15px;
line-height: 1.55;
color: #BC450A;
margin: 0 0 16px;
font-style: italic
}

.exp-op__card-desc {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0 0 32px;
flex: 1
}

.exp-op__card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.exp-op__card-date {
font-size: 15px;
line-height: 1.3;
color: #6b6b7a
}

.exp-op__card-stats {
display: flex;
flex-direction: row;
gap: 16px;
font-size: 15px;
line-height: 1.3;
color: #6b6b7a;
margin-left: auto
}

.exp-op__card-stat {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.exp-op__stat-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.exp-op__card-link {
display: inline-block;
font-size: 15px;
line-height: 1.3;
color: #6881FA;
text-decoration: none;
padding: 16px 32px;
border: 2px solid #6881FA;
border-radius: 36px;
text-align: center;
position: relative;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1), background 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__card-link:hover {
background: #6881FA;
color: #fff
}

.exp-op__curve2 {
width: 100%;
line-height: 0;
background: #fff
}

.exp-op__curve2 svg {
display: block;
width: 100%
}

.exp-op__insight {
background: #FFFAE7;
padding: 96px 32px;
position: relative
}

.exp-op__insight-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center
}

.exp-op__insight-img-col {
position: relative
}

.exp-op__insight-img {
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 36px;
display: block;
opacity: .9;
filter: saturate(0.7) sepia(0.2);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__insight-img-col:hover .exp-op__insight-img {
filter: saturate(0);
opacity: .75
}

.exp-op__diamond-accent {
position: absolute;
bottom: -16px;
right: -16px;
width: 64px;
height: 64px;
background: #6881FA;
transform: rotate(45deg);
border-radius: 0;
opacity: .18;
pointer-events: none
}

.exp-op__insight-text {
display: flex;
flex-direction: column;
gap: 32px
}

.exp-op__insight-kicker {
font-size: 15px;
line-height: 1.3;
color: #BC450A;
letter-spacing: .06em
}

.exp-op__insight-h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1e1e2e;
margin: 0
}

.exp-op__insight-h2 span {
color: #6881FA
}

.exp-op__insight-p {
font-size: 18px;
line-height: 1.75;
color: #3a3a4a;
margin: 0
}

.exp-op__insight-p2 {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0
}

.exp-op__framed {
display: inline;
border: 1px solid #6881FA;
border-radius: 0;
padding: 0 8px;
color: #6881FA
}

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

.exp-op__ranked-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.exp-op__ranked-label {
font-size: 15px;
line-height: 1.3;
color: #3a3a4a;
flex: 1;
text-align: left
}

.exp-op__ranked-bar-wrap {
width: 120px;
height: 8px;
background: #6881fa1f;
border-radius: 0;
overflow: hidden
}

.exp-op__ranked-bar {
height: 100%;
background: #6881FA;
border-radius: 0;
transition: width 900ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__ranked-num {
font-size: 15px;
line-height: 1.3;
color: #BC450A;
font-weight: 700;
min-width: 24px;
text-align: right
}

.exp-op__curve3 {
width: 100%;
line-height: 0;
background: #FFFAE7
}

.exp-op__curve3 svg {
display: block;
width: 100%
}

.exp-op__about {
background: #fff;
padding: 96px 32px;
position: relative
}

.exp-op__about-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 5fr 4fr;
gap: 64px;
align-items: start
}

.exp-op__about-kicker {
font-size: 15px;
line-height: 1.3;
color: #6881FA;
letter-spacing: .06em;
margin-bottom: 16px
}

.exp-op__about-h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1e1e2e;
margin: 0 0 32px
}

.exp-op__about-h2 span {
color: #BC450A
}

.exp-op__about-p {
font-size: 18px;
line-height: 1.75;
color: #3a3a4a;
margin: 0 0 32px
}

.exp-op__about-p2 {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0
}

.exp-op__about-aside {
background: #FFFAE7;
border-radius: 36px;
padding: 32px;
box-shadow: 1px 2px 5px 0 #6881fa0f;
position: relative;
overflow: hidden
}

.exp-op__aside-diamond {
position: absolute;
top: -24px;
right: -24px;
width: 80px;
height: 80px;
background: #bc450a1a;
transform: rotate(45deg);
border-radius: 0;
pointer-events: none
}

.exp-op__aside-h4 {
font-size: 22px;
line-height: 1.3;
color: #1e1e2e;
margin: 0 0 32px
}

.exp-op__aside-h4 span {
color: #BC450A
}

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

.exp-op__topic-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 16px;
background: #fff;
border-radius: 36px;
box-shadow: 1px 2px 5px 0 #6881fa0f;
transition: box-shadow 700ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.exp-op__topic-item:hover {
box-shadow: 1px 4px 18px 0 #6881fa1c;
transform: translateX(4px)
}

.exp-op__topic-name {
font-size: 15px;
line-height: 1.3;
color: #3a3a4a
}

.exp-op__topic-arrow {
width: 20px;
height: 20px;
flex-shrink: 0
}

.exp-op__flicker {
animation: flicker-outline 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite
}

@keyframes flicker-outline {

0%,
100% {
outline: 2px solid #6881fa00;
outline-offset: 4px
}

50% {
outline: 2px solid #6881fa2e;
outline-offset: 6px
}
}

.exp-op__bg-shift {
animation: bg-zone-shift 12s ease-in-out infinite
}

@keyframes bg-zone-shift {

0%,
100% {
background-position: 52% 48%
}

33% {
background-position: 55% 45%
}

66% {
background-position: 49% 51%
}
}

@media (max-width: 1024px) {
.exp-op__grid {
grid-template-columns: repeat(2, 1fr)
}

.exp-op__insight-inner {
grid-template-columns: 1fr;
gap: 32px
}

.exp-op__insight-img {
height: 320px
}

.exp-op__about-inner {
grid-template-columns: 1fr;
gap: 32px
}

.exp-op__h1 {
font-size: 38px
}
}

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

.exp-op__h1 {
font-size: 38px
}

.exp-op__title-block {
padding: 64px 16px
}

.exp-op__posts-area {
padding: 64px 16px
}

.exp-op__insight {
padding: 64px 16px
}

.exp-op__about {
padding: 64px 16px
}

.exp-op__insight-h2 {
font-size: 22px
}

.exp-op__about-h2 {
font-size: 22px
}

.exp-op__posts-h2 {
font-size: 22px
}
}

@media (max-width: 320px) {
.exp-op__h1 {
font-size: 22px
}

.exp-op__card-body {
padding: 16px
}
}

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

.ptl__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px
}

.ptl__divider {
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #6881FA, #BC450A, transparent)
}

.ptl__lead {
padding: 96px 32px 64px;
text-align: center;
position: relative
}

.ptl__lead-inner {
max-width: 1320px;
margin: 0 auto;
position: relative
}

.ptl__dot-grid {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 480px;
height: 220px;
background-image: radial-gradient(circle, #6881FA 1px, transparent 1px);
background-size: 22px 22px;
opacity: .13;
pointer-events: none;
overflow: hidden
}

.ptl__lead-img-wrap {
display: inline-block;
margin-bottom: 32px;
position: relative
}

.ptl__lead-img-wrap::after {
content: '';
position: absolute;
inset: -8px;
border-radius: 36px;
background: conic-gradient(from 0deg, #6881fa2e, #bc450a1a, #fffae738, #6881fa2e);
filter: blur(18px);
z-index: 0;
pointer-events: none
}

.ptl__lead-img {
width: 340px;
height: 220px;
object-fit: cover;
object-position: center;
border-radius: 36px;
border: 2px solid #6881fa47;
display: block;
position: relative;
z-index: 1;
box-shadow: 1px 9px 44px 0 #6881fa24;
filter: saturate(1);
transition: filter 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ptl__lead-img:hover {
filter: saturate(0)
}

.ptl__h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 16px;
position: relative;
z-index: 1
}

.ptl__h1 span:first-child {
color: #6881FA
}

.ptl__h1 span:last-child {
color: #2a2a3a
}

.ptl__lead-sub {
font-size: 18px;
line-height: 1.55;
color: #3a3a4a;
max-width: 560px;
margin: 0 auto 16px;
position: relative;
z-index: 1
}

.ptl__lead-thesis {
font-size: 15px;
line-height: 1.75;
color: #4a4a5a;
max-width: 500px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ptl__framed-word {
display: inline;
border: 1.5px solid #BC450A;
border-radius: 0;
padding: 0 6px;
color: #BC450A
}

@keyframes blurSharp {
from {
filter: blur(8px);
opacity: .4
}

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

.ptl__lead-img {
animation: blurSharp 800ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.ptl__offer {
padding: 64px 32px;
background: #FFFAE7
}

.ptl__offer-inner {
max-width: 1320px;
margin: 0 auto
}

.ptl__offer-top {
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
margin-bottom: 48px
}

.ptl__offer-heading {
flex: 0 0 340px
}

.ptl__h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.015em;
margin: 0 0 16px
}

.ptl__h2 span:first-child {
color: #BC450A
}

.ptl__h2 span:last-child {
color: #2a2a3a
}

.ptl__offer-desc {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0
}

.ptl__offer-text {
flex: 1;
font-size: 15px;
line-height: 1.75;
color: #3a3a4a
}

.ptl__offer-text p {
margin: 0 0 16px
}

.ptl__offer-text p:last-child {
margin: 0
}

.ptl__offer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.ptl__offer-row--full {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.ptl__card {
border-radius: 36px;
border: 1.5px solid #6881fa2e;
padding: 32px;
background: #fff;
box-shadow: 1px 4px 18px 0 #6881fa1c;
position: relative;
overflow: hidden;
transition: box-shadow 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ptl__card:hover {
box-shadow: 1px 9px 44px 0 #6881fa24
}

.ptl__card::before {
content: '';
position: absolute;
inset: 0;
border-radius: 36px;
background: #6881fa00;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none
}

.ptl__card:hover::before {
background: #6881fa0a
}

.ptl__card-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin-bottom: 16px;
position: relative
}

.ptl__card-num svg {
position: absolute;
inset: 0;
width: 44px;
height: 44px
}

.ptl__card-num span {
font-size: 15px;
font-weight: 700;
color: #6881FA;
position: relative;
z-index: 1
}

.ptl__card-title {
font-size: 18px;
line-height: 1.3;
color: #2a2a3a;
margin: 0 0 8px
}

.ptl__card-body {
font-size: 15px;
line-height: 1.75;
color: #4a4a5a;
margin: 0
}

.ptl__card--img {
padding: 0;
overflow: hidden
}

.ptl__card-img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
display: block;
border-radius: 36px;
filter: saturate(1);
transition: filter 750ms cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.ptl__card-img:hover {
filter: saturate(0)
}

.ptl__env {
padding: 96px 32px;
background: #fff
}

.ptl__env-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.ptl__env-left {
flex: 1
}

.ptl__env-right {
flex: 0 0 420px
}

.ptl__h3 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.015em;
margin: 0 0 32px
}

.ptl__h3 span:first-child {
color: #6881FA
}

.ptl__h3 span:last-child {
color: #2a2a3a
}

.ptl__env-para {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0 0 16px
}

.ptl__env-para:last-of-type {
margin-bottom: 0
}

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

.ptl__icon-list li {
display: grid;
grid-template-columns: 32px 1fr auto;
gap: 16px;
align-items: start;
padding: 16px;
border-radius: 36px;
border: 1.5px solid #6881fa24;
background: #FFFAE7;
transition: border-color 650ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ptl__icon-list li:hover {
border-color: #6881fa61
}

.ptl__icon-svg {
width: 28px;
height: 28px;
flex-shrink: 0;
margin-top: 2px
}

.ptl__list-label {
font-size: 15px;
line-height: 1.55;
color: #2a2a3a;
font-weight: 600
}

.ptl__list-desc {
font-size: 15px;
line-height: 1.55;
color: #4a4a5a
}

.ptl__list-num {
font-size: 15px;
color: #BC450A;
font-weight: 700;
text-align: right;
white-space: nowrap
}

.ptl__dashed-frame {
border: 2px dashed #6881fa61;
border-radius: 36px;
padding: 32px;
position: relative
}

.ptl__testimonial {
display: flex;
flex-direction: column;
gap: 16px
}

.ptl__testimonial-quote {
font-size: 15px;
line-height: 1.75;
color: #3a3a4a;
margin: 0
}

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

.ptl__portrait {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
object-position: top;
border: 2px solid #6881fa4d;
flex-shrink: 0
}

.ptl__person-name {
font-size: 15px;
font-weight: 700;
color: #2a2a3a;
margin: 0 0 4px
}

.ptl__person-role {
font-size: 15px;
color: #6881FA;
margin: 0
}

.ptl__conditions {
background: #6881FA !important;
padding: 64px 32px
}

.ptl__conditions-inner {
max-width: 1320px;
margin: 0 auto
}

.ptl__conditions-top {
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
margin-bottom: 48px
}

.ptl__h4 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.015em;
margin: 0 0 16px;
flex: 0 0 340px
}

.ptl__h4 span:first-child {
color: #FFFAE7
}

.ptl__h4 span:last-child {
color: #fff
}

.ptl__conditions-intro {
font-size: 18px;
line-height: 1.55;
color: #fffae7e6;
flex: 1;
margin: 0
}

.ptl__conditions-img-wrap {
width: 100%;
margin-bottom: 48px;
border-radius: 36px;
overflow: hidden;
box-shadow: 1px 9px 44px 0 #bc450a24
}

.ptl__conditions-img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
display: block;
filter: saturate(1);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ptl__conditions-img:hover {
filter: saturate(0)
}

.ptl__cond-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px
}

.ptl__cond-item {
background: #fffae71f;
border-radius: 36px;
padding: 32px;
border: 1.5px solid #fffae738;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ptl__cond-item:hover {
background: #fffae733
}

.ptl__cond-title {
font-size: 18px;
line-height: 1.3;
color: #FFFAE7;
margin: 0 0 8px;
font-weight: 700
}

.ptl__cond-body {
font-size: 15px;
line-height: 1.75;
color: #fffae7d9;
margin: 0
}

@keyframes wordPulse {

0%,
100% {
color: #3a3a4a;
background: transparent
}

50% {
color: #6881FA;
background: #6881fa14
}
}

.ptl__cycle-text span {
display: inline;
border-radius: 0;
padding: 0 2px
}

.ptl__cycle-text span:nth-child(1) {
animation: wordPulse 4s 0s infinite
}

.ptl__cycle-text span:nth-child(2) {
animation: wordPulse 4s .5s infinite
}

.ptl__cycle-text span:nth-child(3) {
animation: wordPulse 4s 1s infinite
}

.ptl__cycle-text span:nth-child(4) {
animation: wordPulse 4s 1.5s infinite
}

.ptl__cycle-text span:nth-child(5) {
animation: wordPulse 4s 2s infinite
}

.ptl__cycle-text span:nth-child(6) {
animation: wordPulse 4s 2.5s infinite
}

.ptl__cycle-text span:nth-child(7) {
animation: wordPulse 4s 3s infinite
}

.ptl__cycle-text span:nth-child(8) {
animation: wordPulse 4s 3.5s infinite
}

@media (max-width: 1024px) {
.ptl__offer-top {
flex-direction: column;
gap: 32px
}

.ptl__offer-heading {
flex: none
}

.ptl__env-inner {
flex-direction: column;
gap: 48px
}

.ptl__env-right {
flex: none;
width: 100%
}

.ptl__conditions-top {
flex-direction: column;
gap: 32px
}

.ptl__h4 {
flex: none
}

.ptl__cond-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.ptl__lead {
padding: 64px 16px 48px
}

.ptl__lead-img {
width: 100%;
max-width: 320px;
height: 180px
}

.ptl__h1 {
font-size: 38px
}

.ptl__offer {
padding: 48px 16px
}

.ptl__offer-grid {
grid-template-columns: 1fr
}

.ptl__offer-row--full {
grid-column: auto;
grid-template-columns: 1fr
}

.ptl__env {
padding: 48px 16px
}

.ptl__h2,
.ptl__h3,
.ptl__h4 {
font-size: 22px
}

.ptl__conditions {
padding: 48px 16px
}

.ptl__cond-grid {
grid-template-columns: 1fr
}

.ptl__conditions-img {
height: 200px
}

.ptl__icon-list li {
grid-template-columns: 28px 1fr
}

.ptl__list-num {
display: none
}
}

@media (max-width: 320px) {
.ptl__h1 {
font-size: 22px
}

.ptl__lead-img {
height: 140px
}
}

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

.ctus__inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px
}

.ctus__title-block {
background: #1a1a2e;
background: linear-gradient(157deg, #0d0f1a 0%, #1a1d35 40%, #0f1220 100%);
padding: 96px 32px 64px;
position: relative
}

.ctus__title-block::before {
content: '';
position: absolute;
inset: 0;
background-image: linear-gradient(#6881fa12 1px, transparent 1px), linear-gradient(90deg, #6881fa12 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none
}

.ctus__title-wrap {
max-width: 1320px;
margin: 0 auto;
position: relative
}

.ctus__corner-dec {
position: absolute;
width: 48px;
height: 48px;
pointer-events: none
}

.ctus__corner-dec--tl {
top: -16px;
left: -16px;
border-top: 2px solid #6881fa80;
border-left: 2px solid #6881fa80;
border-top-left-radius: 0
}

.ctus__corner-dec--tr {
top: -16px;
right: -16px;
border-top: 2px solid #6881fa80;
border-right: 2px solid #6881fa80
}

.ctus__corner-dec--bl {
bottom: -16px;
left: -16px;
border-bottom: 2px solid #6881fa80;
border-left: 2px solid #6881fa80
}

.ctus__corner-dec--br {
bottom: -16px;
right: -16px;
border-bottom: 2px solid #6881fa80;
border-right: 2px solid #6881fa80
}

.ctus__eyebrow {
font-size: 15px;
color: #6881FA;
letter-spacing: .12em;
margin-bottom: 16px;
display: block
}

.ctus__h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
color: #FFFAE7;
margin: 0 0 16px
}

.ctus__h1 span {
color: #6881FA
}

.ctus__subtitle {
font-size: 18px;
line-height: 1.55;
color: #fffae7a6;
max-width: 560px;
margin: 0 0 32px
}

.ctus__title-link {
display: inline-block;
font-size: 15px;
color: #FFFAE7;
border-bottom: 1px solid #fffae74d;
padding-bottom: 4px;
text-decoration: none;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1), border-color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__title-link:hover {
color: #6881FA;
border-color: #6881FA
}

.ctus__divider {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 32px 0
}

.ctus__divider-line {
width: 48px;
height: 1px;
background: #BC450A;
opacity: .4
}

.ctus__divider-shape {
width: 8px;
height: 8px;
border: 1px solid #BC450A;
transform: rotate(45deg);
opacity: .6
}

.ctus__form-section {
background: #FFFAE7;
padding: 64px 32px
}

.ctus__form-grid {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 64px;
align-items: start
}

.ctus__form-aside {
padding-top: 8px
}

.ctus__aside-label {
font-size: 15px;
color: #BC450A;
letter-spacing: .1em;
display: block;
margin-bottom: 16px
}

.ctus__aside-h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 32px
}

.ctus__aside-h2 span {
color: #6881FA
}

.ctus__aside-text {
font-size: 18px;
line-height: 1.55;
color: #2a2a3a;
margin: 0 0 32px
}

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

.ctus__contact-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border: 1px solid #6881fa33;
border-radius: 36px;
background: #fff;
box-shadow: 1px 2px 5px 0 #6881fa0f;
transition: box-shadow 800ms cubic-bezier(0.34, 1.56, 0.64, 1), border-color 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__contact-item:hover {
box-shadow: 1px 4px 18px 0 #6881fa1c;
border-color: #6881fa66
}

.ctus__contact-type {
font-size: 15px;
color: #BC450A;
letter-spacing: .08em
}

.ctus__contact-val {
font-size: 18px;
color: #1a1d35;
text-decoration: none;
transition: color 650ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__contact-val:hover {
color: #6881FA
}

.ctus__form-box {
background: #fff;
border-radius: 36px;
padding: 32px;
box-shadow: 1px 4px 18px 0 #6881fa1c
}

.ctus__form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px
}

.ctus__field {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px
}

.ctus__field--half {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus__label {
font-size: 15px;
color: #2a2a3a;
letter-spacing: .04em
}

.ctus__input {
width: 100%;
padding: 16px;
border: 1px solid #6881fa40;
border-radius: 36px;
font-size: 15px;
color: #1a1d35;
background: #FFFAE7;
outline: none;
transition: border-color 700ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box
}

.ctus__input:focus {
border-color: #6881FA;
box-shadow: 1px 2px 5px 0 #6881fa0f
}

.ctus__input::placeholder {
color: #2a2a3a66
}

.ctus__select {
width: 100%;
padding: 16px;
border: 1px solid #6881fa40;
border-radius: 36px;
font-size: 15px;
color: #1a1d35;
background: #FFFAE7;
outline: none;
appearance: none;
cursor: pointer;
transition: border-color 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box
}

.ctus__select:focus {
border-color: #6881FA
}

.ctus__select-wrap {
position: relative
}

.ctus__select-arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-right: 2px solid #6881FA;
border-bottom: 2px solid #6881FA;
transform: translateY(-70%) rotate(45deg);
pointer-events: none
}

.ctus__textarea {
width: 100%;
padding: 16px;
border: 1px solid #6881fa40;
border-radius: 36px;
font-size: 15px;
color: #1a1d35;
background: #FFFAE7;
outline: none;
resize: vertical;
min-height: 96px;
transition: border-color 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box
}

.ctus__textarea:focus {
border-color: #6881FA
}

.ctus__textarea::placeholder {
color: #2a2a3a66
}

.ctus__privacy {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 16px
}

.ctus__privacy-check {
margin-top: 2px;
accent-color: #6881FA;
width: 16px;
height: 16px;
flex-shrink: 0;
cursor: pointer
}

.ctus__privacy-text {
font-size: 15px;
line-height: 1.55;
color: #2a2a3a
}

.ctus__privacy-link {
color: #6881FA;
text-decoration: underline;
transition: color 650ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__privacy-link:hover {
color: #BC450A
}

.ctus__btn {
display: inline-block;
padding: 16px 32px;
background: #6881FA;
color: #fff;
font-size: 18px;
border: 2px solid #6881FA;
border-radius: 36px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1), color 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__btn::before {
content: '';
position: absolute;
inset: 0;
border-radius: 36px;
border: 2px solid #BC450A;
transform: scale(0.85);
opacity: 0;
transition: transform 750ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 750ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__btn:hover {
background: #fff;
color: #6881FA
}

.ctus__btn:hover::before {
transform: scale(1);
opacity: 1
}

.ctus__info-section {
background: #fff;
padding: 64px 32px;
position: relative
}

.ctus__crosshatch {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(45deg, #6881fa0a 0px, #6881fa0a 1px, transparent 1px, transparent 8px), repeating-linear-gradient(-45deg, #6881fa0a 0px, #6881fa0a 1px, transparent 1px, transparent 8px);
pointer-events: none
}

.ctus__info-grid {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
position: relative
}

.ctus__info-card {
padding: 32px;
border-radius: 36px;
border: 1px solid #6881fa26;
background: #FFFAE7;
box-shadow: 1px 2px 5px 0 #6881fa0f;
position: relative;
transition: box-shadow 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden
}

.ctus__info-card:hover {
box-shadow: 1px 9px 44px 0 #6881fa24
}

.ctus__info-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 36px;
background: #6881fa0d;
opacity: 0;
transition: opacity 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none
}

.ctus__info-card:hover::after {
opacity: 1
}

.ctus__card-num {
position: absolute;
top: 16px;
right: 16px;
font-size: 15px;
color: #6881fa66;
letter-spacing: .06em
}

.ctus__card-icon {
width: 40px;
height: 40px;
margin-bottom: 16px
}

.ctus__card-h {
font-size: 22px;
line-height: 1.3;
margin: 0 0 8px;
letter-spacing: -.01em
}

.ctus__card-h span {
color: #6881FA
}

.ctus__card-p {
font-size: 15px;
line-height: 1.55;
color: #3a3a4a;
margin: 0
}

.ctus__img-pair {
max-width: 1320px;
margin: 64px auto 0;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 32px;
align-items: start;
position: relative
}

.ctus__img-wrap {
border-radius: 36px;
overflow: hidden;
box-shadow: 1px 4px 18px 0 #6881fa1c
}

.ctus__img-wrap img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
filter: saturate(0.9);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__img-wrap:hover img {
filter: saturate(0)
}

.ctus__img-shifted {
border-radius: 36px;
overflow: hidden;
box-shadow: 1px 4px 18px 0 #6881fa1c;
margin-top: 64px
}

.ctus__img-shifted img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
filter: saturate(0.9);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus__img-shifted:hover img {
filter: saturate(0)
}

.ctus__addr-block {
padding: 32px;
border-radius: 36px;
background: linear-gradient(157deg, #1a1d35 0%, #0d0f1a 100%);
color: #FFFAE7;
margin-top: 32px
}

.ctus__addr-label {
font-size: 15px;
color: #fffae780;
letter-spacing: .1em;
display: block;
margin-bottom: 8px
}

.ctus__addr-text {
font-size: 18px;
line-height: 1.55;
color: #FFFAE7;
margin: 0
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px)
}

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

@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(40px)
}

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

.ctus__title-wrap {
animation: slideInLeft 900ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.ctus__form-box {
animation: slideInRight 900ms cubic-bezier(0.34, 1.56, 0.64, 1) 200ms both
}

.ctus__form-aside {
animation: slideInLeft 900ms cubic-bezier(0.34, 1.56, 0.64, 1) 100ms both
}

.ctus__info-card:nth-child(1) {
animation: slideInLeft 900ms cubic-bezier(0.34, 1.56, 0.64, 1) 100ms both
}

.ctus__info-card:nth-child(2) {
animation: slideInRight 900ms cubic-bezier(0.34, 1.56, 0.64, 1) 200ms both
}

.ctus__info-card:nth-child(3) {
animation: slideInLeft 900ms cubic-bezier(0.34, 1.56, 0.64, 1) 300ms both
}

@media (max-width: 1024px) {
.ctus__h1 {
font-size: 52px
}

.ctus__form-grid {
grid-template-columns: 1fr;
gap: 32px
}

.ctus__info-grid {
grid-template-columns: 1fr 1fr
}

.ctus__img-pair {
grid-template-columns: 1fr
}

.ctus__img-shifted {
margin-top: 0
}
}

@media (max-width: 768px) {
.ctus__h1 {
font-size: 38px
}

.ctus__title-block {
padding: 64px 16px 32px
}

.ctus__form-section {
padding: 32px 16px
}

.ctus__form-row {
grid-template-columns: 1fr
}

.ctus__info-grid {
grid-template-columns: 1fr
}

.ctus__info-section {
padding: 32px 16px
}

.ctus__inner {
padding: 0 16px
}
}

@media (max-width: 320px) {
.ctus__h1 {
font-size: 22px
}

.ctus__aside-h2 {
font-size: 22px
}
}

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

.abt-us .pg-wrap {
max-width: 1320px;
margin: 0 auto;
padding: 0 32px
}

.abt-us .fade-in {
opacity: 0;
transform: translateY(24px);
animation: fadeUp .7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.abt-us .fade-in:nth-child(1) {
animation-delay: .05s
}

.abt-us .fade-in:nth-child(2) {
animation-delay: .18s
}

.abt-us .fade-in:nth-child(3) {
animation-delay: .31s
}

.abt-us .fade-in:nth-child(4) {
animation-delay: .44s
}

.abt-us .fade-in:nth-child(5) {
animation-delay: .57s
}

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

.abt-us .ttl-band {
background: #fff;
border-bottom: 1px solid #6881fa21;
padding: 64px 0 0;
position: relative
}

.abt-us .ttl-band__edge {
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: linear-gradient(180deg, #6881FA 0%, #BC450A 100%)
}

.abt-us .ttl-band__inner {
display: grid;
grid-template-columns: 1fr 340px;
gap: 64px;
align-items: end;
padding-bottom: 64px
}

.abt-us .ttl-band__left {
display: flex;
flex-direction: column;
gap: 32px
}

.abt-us .ttl-band__label {
font-size: 15px;
letter-spacing: .12em;
color: #BC450A;
text-transform: uppercase;
font-weight: 600
}

.abt-us .ttl-band__h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a1a2e;
margin: 0
}

.abt-us .ttl-band__h1 span {
color: #6881FA
}

.abt-us .ttl-band__h1 mark {
background: none;
color: #BC450A
}

.abt-us .ttl-band__desc {
font-size: 18px;
line-height: 1.55;
color: #2d2d3a;
max-width: 560px;
margin: 0
}

.abt-us .ttl-band__img-col {
position: relative
}

.abt-us .ttl-band__img-wrap {
width: 100%;
height: 380px;
overflow: hidden;
border-radius: 0
}

.abt-us .ttl-band__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.7) brightness(0.88) sepia(0.18);
transition: filter 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.abt-us .ttl-band__img-wrap:hover img {
filter: saturate(0.5) brightness(1.08) sepia(0.12)
}

.abt-us .ttl-band__chevron {
width: 100%;
line-height: 0;
display: block;
margin-top: -1px
}

.abt-us .ttl-band__chevron svg {
width: 100%;
height: 48px;
display: block
}

.abt-us .story-split {
background: #FFFAE7;
padding: 96px 0;
position: relative
}

.abt-us .story-split__circles {
position: absolute;
bottom: -40px;
right: -40px;
width: 260px;
height: 260px;
pointer-events: none;
overflow: hidden
}

.abt-us .story-split__circles svg {
width: 100%;
height: 100%;
opacity: .07
}

.abt-us .story-split__grid {
display: grid;
grid-template-columns: 30% 1fr;
gap: 64px;
align-items: start
}

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

.abt-us .story-split__tag {
font-size: 15px;
color: #6881FA;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase
}

.abt-us .story-split__h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.015em;
margin: 0;
color: #1a1a2e
}

.abt-us .story-split__h2 span {
color: #BC450A
}

.abt-us .story-split__portrait-wrap {
width: 100%;
aspect-ratio: 2/3;
overflow: hidden;
border-radius: 0;
box-shadow: 1px 9px 44px 0 #6881fa24
}

.abt-us .story-split__portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
filter: brightness(0.9) saturate(0.85);
transition: filter 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.abt-us .story-split__portrait-wrap:hover img {
filter: brightness(1.05) saturate(0.95)
}

.abt-us .story-split__person {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-us .story-split__person-name {
font-size: 18px;
font-weight: 700;
color: #1a1a2e;
margin: 0
}

.abt-us .story-split__person-role {
font-size: 15px;
color: #BC450A;
margin: 0
}

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

.abt-us .story-split__body {
font-size: 18px;
line-height: 1.75;
color: #2d2d3a;
margin: 0
}

.abt-us .story-split__body a {
color: #6881FA;
text-decoration: underline;
transition: color 650ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .story-split__body a:hover {
color: #BC450A
}

.abt-us .story-split__accent {
display: inline;
border: 1.5px solid #6881FA;
border-radius: 0;
padding: 1px 6px;
color: #6881FA
}

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

.abt-us .metric-item {
background: #fff;
border-radius: 36px;
padding: 32px 16px;
text-align: center;
box-shadow: 1px 4px 18px 0 #6881fa1c;
position: relative;
overflow: hidden;
transition: box-shadow 700ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .metric-item::after {
content: '';
position: absolute;
inset: 0;
background: #6881fa0f;
opacity: 0;
transition: opacity 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
border-radius: 36px;
pointer-events: none
}

.abt-us .metric-item:hover {
box-shadow: 1px 9px 44px 0 #6881fa24;
transform: translateY(-4px)
}

.abt-us .metric-item:hover::after {
opacity: 1
}

.abt-us .metric-item__val {
font-size: 38px;
line-height: 1.1;
font-weight: 800;
color: #6881FA;
letter-spacing: -.02em;
display: block
}

.abt-us .metric-item__lbl {
font-size: 15px;
line-height: 1.3;
color: #2d2d3a;
margin-top: 8px;
display: block
}

.abt-us .story-split__img-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 16px
}

.abt-us .story-split__img-thumb {
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 36px
}

.abt-us .story-split__img-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.8) brightness(0.92);
transition: filter 750ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 750ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.abt-us .story-split__img-thumb:hover img {
filter: saturate(1) brightness(1.06);
transform: scale(1.03)
}

.abt-us .story-split__img-wide {
width: 100%;
height: 240px;
overflow: hidden;
border-radius: 36px
}

.abt-us .story-split__img-wide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.8) brightness(0.92);
transition: filter 750ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 750ms cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.abt-us .story-split__img-wide:hover img {
filter: saturate(1) brightness(1.06);
transform: scale(1.03)
}

.abt-us .story-split__approach {
background: #fff;
border-radius: 36px;
padding: 32px;
box-shadow: 1px 2px 5px 0 #6881fa0f;
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .story-split__approach-h {
font-size: 22px;
line-height: 1.3;
margin: 0;
color: #1a1a2e
}

.abt-us .story-split__approach-h span {
color: #6881FA
}

.abt-us .approach-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .approach-list__item {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-between;
gap: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #6881fa1a
}

.abt-us .approach-list__item:last-child {
border-bottom: none;
padding-bottom: 0
}

.abt-us .approach-list__text {
font-size: 15px;
line-height: 1.55;
color: #2d2d3a;
flex: 1
}

.abt-us .approach-list__num {
font-size: 22px;
font-weight: 800;
color: #BC450A;
min-width: 32px;
text-align: right;
flex-shrink: 0
}

.abt-us .story-split__unfold {
background: #fff;
border-radius: 36px;
overflow: hidden;
box-shadow: 1px 4px 18px 0 #6881fa1c
}

.abt-us .unfold-item {
border-bottom: 1px solid #6881fa1a
}

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

.abt-us .unfold-item__trigger {
width: 100%;
background: none;
border: none;
cursor: pointer;
padding: 24px 32px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
text-align: left;
transition: background 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .unfold-item__trigger:hover {
background: #6881fa0d
}

.abt-us .unfold-item__trigger:focus {
outline: 2px solid #6881FA;
outline-offset: -2px
}

.abt-us .unfold-item__q {
font-size: 18px;
font-weight: 600;
color: #1a1a2e;
line-height: 1.3
}

.abt-us .unfold-item__icon {
width: 24px;
height: 24px;
flex-shrink: 0;
position: relative
}

.abt-us .unfold-item__icon svg {
width: 24px;
height: 24px;
transition: transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .unfold-item__body {
max-height: 0;
overflow: hidden;
transition: max-height 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-us .unfold-item__body-inner {
padding: 0 32px 24px;
font-size: 15px;
line-height: 1.75;
color: #2d2d3a
}

.abt-us .unfold-item--open .unfold-item__body {
max-height: 400px
}

.abt-us .unfold-item--open .unfold-item__icon svg {
transform: rotate(180deg)
}

@media (max-width: 1024px) {
.abt-us .ttl-band__inner {
grid-template-columns: 1fr 260px;
gap: 32px
}

.abt-us .ttl-band__h1 {
font-size: 38px
}

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

.abt-us .story-split__left {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.abt-us .story-split__portrait-wrap {
aspect-ratio: 3/2
}

.abt-us .story-split__metrics {
grid-template-columns: repeat(3, 1fr)
}
}

@media (max-width: 768px) {
.abt-us .pg-wrap {
padding: 0 16px
}

.abt-us .ttl-band {
padding: 32px 0 0
}

.abt-us .ttl-band__inner {
grid-template-columns: 1fr;
gap: 32px;
padding-bottom: 32px
}

.abt-us .ttl-band__img-wrap {
height: 240px
}

.abt-us .ttl-band__h1 {
font-size: 38px
}

.abt-us .story-split {
padding: 64px 0
}

.abt-us .story-split__left {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .story-split__metrics {
grid-template-columns: 1fr;
gap: 16px
}

.abt-us .story-split__img-row {
grid-template-columns: 1fr
}

.abt-us .story-split__approach {
padding: 16px
}

.abt-us .story-split__circles {
display: none
}
}

@media (max-width: 320px) {
.abt-us .ttl-band__h1 {
font-size: 22px
}

.abt-us .story-split__h2 {
font-size: 22px
}

.abt-us .metric-item__val {
font-size: 22px
}
}

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

.succ-page .succ-card {
background: #fff;
border-radius: 36px;
padding: 64px;
max-width: 620px;
width: 100%;
box-shadow: 1px 9px 44px 0 #6881fa24;
text-align: center
}

.succ-page .succ-card .succ-card__icon {
width: 72px;
height: 72px;
margin: 0 auto 32px;
display: block
}

.succ-page .succ-card .succ-card__title {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 16px;
color: #6881FA
}

.succ-page .succ-card .succ-card__title span {
color: #BC450A
}

.succ-page .succ-card .succ-card__msg {
font-size: 18px;
line-height: 1.55;
color: #2a2a35;
margin: 0 0 32px
}

.succ-page .succ-card .succ-card__detail {
font-size: 15px;
line-height: 1.75;
color: #4a4a58;
margin: 0 0 32px;
padding: 16px 32px;
background: #FFFAE7;
border-radius: 36px
}

.succ-page .succ-card .succ-card__link {
display: inline-block;
font-size: 15px;
line-height: 1.3;
color: #fff;
background: #6881FA;
padding: 16px 32px;
border-radius: 36px;
text-decoration: none;
box-shadow: 1px 4px 18px 0 #6881fa1c;
position: relative;
overflow: hidden;
transition: color 700ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 800ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.succ-page .succ-card .succ-card__link::before {
content: '';
position: absolute;
inset: 0;
border-radius: 36px;
border: 2px solid #BC450A;
opacity: 0;
transition: opacity 650ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
pointer-events: none
}

.succ-page .succ-card .succ-card__link:hover {
box-shadow: 1px 9px 44px 0 #6881fa24
}

.succ-page .succ-card .succ-card__link:hover::before {
opacity: 1
}

.succ-page .succ-card .succ-card__link:focus {
outline: 2px solid #BC450A;
outline-offset: 4px
}

@media (max-width: 768px) {
.succ-page .succ-card {
padding: 32px 16px
}

.succ-page .succ-card .succ-card__title {
font-size: 22px
}
}