body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: anywhere;
font-family: 'Literata', Georgia, serif
}

.hd {
background: #222942;
position: relative
}

.hd-strip {
background: #F0714A;
height: 4px;
width: 100%
}

.hd-body {
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: stretch;
min-height: 90px
}

.brand-col {
display: flex;
align-items: center;
padding: 20px 40px;
flex-shrink: 0;
position: relative
}

.brand-col::after {
content: '';
position: absolute;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #fdda384d
}

.brand-img {
display: block;
width: 60px;
height: 60px;
object-fit: contain;
background: #fff;
border-radius: 4px;
padding: 6px;
box-shadow: 0 1px 4px 0 #f0714a12 0 7px 18px 0 #f0714a17
}

.brand-name {
font-size: 23px;
font-weight: 700;
color: #fff;
letter-spacing: .04em;
line-height: 1.2;
margin-left: 12px;
white-space: nowrap
}

.brand-name span {
color: #FDDA38
}

.nav-col {
flex: 1;
display: flex;
align-items: center;
padding: 20px 40px
}

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

.nav-list li a {
display: flex;
align-items: center;
gap: 6px;
font-size: 16px;
font-weight: 400;
color: #ffffffd1;
text-decoration: none;
line-height: 1.5;
padding: 6px 12px;
border-radius: 4px;
border: 1px solid transparent;
transition: color .15s ease-out, border-color .15s ease-out, background .2s ease-out;
white-space: nowrap
}

.nav-list li a:hover,
.nav-list li a:focus {
color: #FDDA38;
border-color: #fdda3840;
background: #fdda380f;
outline: none
}

.nav-list li a:focus {
border-color: #FDDA38;
background: #fdda381a
}

.nav-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
opacity: .7
}

.nav-list li a:hover .nav-icon,
.nav-list li a:focus .nav-icon {
opacity: 1
}

.hd-accent {
height: 3px;
background: linear-gradient(90deg, #F0714A 0%, #FDDA38 60%, #222942 100%)
}

@media (max-width: 768px) {
.hd-body {
flex-direction: column;
min-height: unset
}

.brand-col {
padding: 20px;
border-bottom: 1px solid #fdda3833
}

.brand-col::after {
display: none
}

.nav-col {
padding: 12px 20px 20px
}

.nav-list {
gap: 6px 12px
}

.nav-list li a {
font-size: 16px;
padding: 6px
}
}

@media (max-width: 375px) {
.brand-name {
font-size: 16px
}

.nav-list li a {
padding: 6px;
gap: 6px
}
}

.ft {
background: #222942;
border-top: 3px solid #F0714A
}

.ft-upper {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
gap: 0 40px;
align-items: start
}

.ft-divider {
background: #fdda3833;
align-self: stretch
}

.ft-brand-area {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px
}

.ft-logo-img {
display: block;
width: 60px;
height: 60px;
object-fit: contain;
background: #fff;
border-radius: 4px;
padding: 6px;
box-shadow: 0 1px 4px 0 #f0714a12 0 7px 18px 0 #f0714a17
}

.ft-brand-nm {
font-size: 23px;
font-weight: 700;
color: #fff;
letter-spacing: .04em;
line-height: 1.2
}

.ft-brand-nm span {
color: #FDDA38
}

.ft-tagline {
font-size: 16px;
color: #ffffff8c;
line-height: 1.7;
font-weight: 300
}

.ft-contact-area {
display: flex;
flex-direction: column;
gap: 20px
}

.ft-col-label {
font-size: 16px;
font-weight: 700;
color: #FDDA38;
letter-spacing: .08em;
text-transform: uppercase;
line-height: 1.2
}

.ft-addr,
.ft-phone,
.ft-email {
display: flex;
align-items: flex-start;
gap: 12px
}

.ft-contact-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
color: #F0714A
}

.ft-addr-text,
.ft-phone-text,
.ft-email-text {
font-size: 16px;
color: #ffffffbf;
line-height: 1.7;
font-weight: 300
}

.ft-phone-text a,
.ft-email-text a {
color: #ffffffbf;
text-decoration: none;
transition: color .15s ease-out
}

.ft-phone-text a:hover,
.ft-email-text a:hover {
color: #FDDA38
}

.ft-phone-text a:focus,
.ft-email-text a:focus {
color: #FDDA38;
outline: none;
border-bottom: 1px solid #FDDA38
}

.ft-links-area {
display: flex;
flex-direction: column;
gap: 20px
}

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

.ft-link-list li a {
font-size: 16px;
color: #ffffffa6;
text-decoration: none;
line-height: 1.5;
font-weight: 300;
display: inline-flex;
align-items: center;
gap: 6px;
border-bottom: 1px solid transparent;
transition: color .15s ease-out, border-color .15s ease-out
}

.ft-link-list li a:hover {
color: #F0714A;
border-bottom-color: #f0714a66
}

.ft-link-list li a:focus {
color: #F0714A;
border-bottom-color: #F0714A;
outline: none
}

.ft-lower {
border-top: 1px solid #fdda3826;
max-width: 1440px;
margin: 0 auto;
padding: 20px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px
}

.ft-copy {
font-size: 16px;
color: #fff6;
font-weight: 300;
line-height: 1.5
}

.ft-copy strong {
color: #fff9;
font-weight: 500
}

.ft-founded {
font-size: 16px;
color: #ffffff4d;
font-weight: 300;
line-height: 1.5
}

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

.ft-divider {
display: none
}

.ft-lower {
padding: 20px;
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 375px) {
.ft-upper {
padding: 40px 12px
}

.ft-lower {
padding: 20px 12px
}
}

.ck-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
border-top: 3px solid #F0714A;
box-shadow: 0 8px 36px 0 #2229421c;
z-index: 1500;
padding: 20px 40px
}

.ck-bar[hidden] {
display: none
}

.ck-inner {
max-width: 1440px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 12px
}

.ck-headline {
font-size: 16px;
font-weight: 700;
color: #222942;
line-height: 1.2;
letter-spacing: .02em
}

.ck-msg {
font-size: 16px;
color: #222942;
line-height: 1.7;
font-weight: 300
}

.ck-msg a {
color: #F0714A;
text-decoration: underline;
font-weight: 400
}

.ck-msg a:hover {
color: #222942
}

.ck-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px
}

.ck-btn {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
padding: 12px 20px;
border-radius: 4px;
border: 2px solid #222942;
background: transparent;
color: #222942;
cursor: pointer;
font-family: 'Literata', Georgia, serif;
transition: background .15s ease-out, color .15s ease-out
}

.ck-btn:hover {
background: #222942;
color: #fff
}

.ck-btn:focus {
outline: none;
background: #222942;
color: #fff
}

.ck-btn.primary {
background: #F0714A;
border-color: #F0714A;
color: #fff
}

.ck-btn.primary:hover {
background: #222942;
border-color: #222942;
color: #fff
}

.ck-settings-link {
font-size: 16px;
color: #F0714A;
background: none;
border: none;
cursor: pointer;
font-family: 'Literata', Georgia, serif;
text-decoration: underline;
padding: 6px 0;
font-weight: 400;
transition: color .15s ease-out
}

.ck-settings-link:hover {
color: #222942
}

.ck-settings-link:focus {
outline: none;
color: #222942
}

.ck-toggles {
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 0;
border-top: 1px solid #2229421a
}

.ck-toggle-row {
display: flex;
align-items: center;
gap: 12px
}

.ck-toggle-row label {
font-size: 16px;
color: #222942;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
font-family: 'Literata', Georgia, serif
}

.ck-toggle-row input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #F0714A;
cursor: pointer;
flex-shrink: 0
}

.ck-optout {
font-size: 16px;
color: #222942;
line-height: 1.7;
font-weight: 300;
padding-top: 6px;
border-top: 1px solid #22294214
}

.ck-optout-btn {
background: none;
border: none;
color: #F0714A;
text-decoration: underline;
cursor: pointer;
font-size: 16px;
font-family: 'Literata', Georgia, serif;
padding: 0;
font-weight: 400;
transition: color .15s ease-out
}

.ck-optout-btn:hover {
color: #222942
}

.ck-optout-btn:focus {
outline: none;
color: #222942
}

@media (max-width: 768px) {
.ck-bar {
padding: 20px
}
}

@media (max-width: 375px) {
.ck-bar {
padding: 12px
}

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

.c-legal-area {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px;
color: #222942
}

.c-legal-area h1 {
font-size: 58px;
line-height: 1.2;
color: #222942;
margin-bottom: 40px;
letter-spacing: -.5px
}

.c-legal-area h2 {
font-size: 30px;
line-height: 1.2;
color: #222942;
margin-top: 80px;
margin-bottom: 20px
}

.c-legal-area h3 {
font-size: 23px;
line-height: 1.5;
color: #222942;
margin-top: 40px;
margin-bottom: 12px
}

.c-legal-area h4,
.c-legal-area h5,
.c-legal-area h6 {
font-size: 16px;
line-height: 1.5;
color: #222942;
margin-top: 40px;
margin-bottom: 12px;
letter-spacing: .04em;
text-transform: uppercase
}

.c-legal-area p {
font-size: 16px;
line-height: 1.7;
color: #222942;
margin-bottom: 20px;
max-width: 72ch
}

.c-legal-area ul,
.c-legal-area ol {
margin: 20px 0;
padding-left: 40px;
max-width: 72ch
}

.c-legal-area ul {
list-style: none;
padding-left: 20px
}

.c-legal-area ul li {
position: relative;
padding-left: 20px
}

.c-legal-area ul li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 6px;
height: 6px;
border-radius: 44px;
background-color: #F0714A
}

.c-legal-area ol {
list-style: decimal
}

.c-legal-area ol li {
padding-left: 6px
}

.c-legal-area li {
font-size: 16px;
line-height: 1.7;
color: #222942;
margin-bottom: 6px
}

.c-legal-area li:last-child {
margin-bottom: 0
}

.c-legal-area strong,
.c-legal-area b {
font-weight: 700;
color: #222942
}

.c-legal-area em,
.c-legal-area i {
font-style: italic;
color: #222942
}

.c-legal-area a {
color: #F0714A;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .15s ease-out, text-decoration-color .15s ease-out
}

.c-legal-area a:hover {
color: #222942;
text-decoration-color: #FDDA38
}

.c-legal-area hr {
border: none;
border-top: 2px solid #FDDA38;
margin: 80px 0;
max-width: 120px
}

.c-legal-area table {
width: 100%;
border-collapse: collapse;
margin: 40px 0;
font-size: 16px;
line-height: 1.5;
box-shadow: 0 7px 18px 0 #f0714a17;
border-radius: 4px;
overflow: hidden
}

.c-legal-area thead {
background-color: #222942;
color: #fff
}

.c-legal-area thead th {
padding: 12px 20px;
text-align: left;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
color: #fff;
border: none
}

.c-legal-area tbody tr {
border-bottom: 1px solid #2229421a;
transition: background-color .1s ease-out
}

.c-legal-area tbody tr:last-child {
border-bottom: none
}

.c-legal-area tbody tr:nth-child(even) {
background-color: #f0714a0a
}

.c-legal-area tbody tr:hover {
background-color: #fdda381f
}

.c-legal-area td {
padding: 12px 20px;
color: #222942;
vertical-align: top;
border: none
}

.c-legal-area th {
padding: 12px 20px
}

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

.c-legal-area h1 {
font-size: 30px
}

.c-legal-area h2 {
font-size: 23px;
margin-top: 40px
}

.c-legal-area h3 {
font-size: 16px;
margin-top: 20px
}

.c-legal-area table {
display: block;
overflow-x: auto
}
}

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

.c-legal-area h1 {
font-size: 23px
}
}

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

.spk-det .art-frame {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px
}

.spk-det .art-top {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start
}

.spk-det .art-img-col {
flex: 0 0 38%;
position: relative
}

.spk-det .art-img-wrap {
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
border-radius: 4px;
position: relative;
box-shadow: 0 8px 36px 0 #f0714a1c
}

.spk-det .art-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.spk-det .art-img-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 45%;
background: linear-gradient(to bottom, #2229428c, transparent);
pointer-events: none
}

.spk-det .art-img-stripe {
position: absolute;
left: -6px;
top: 20px;
bottom: 20px;
width: 4px;
background: #F0714A;
border-radius: 4px
}

.spk-det .art-meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap
}

.spk-det .art-badge {
background: #FDDA38;
color: #222942;
font-size: 16px;
font-weight: 700;
letter-spacing: .08em;
padding: 6px 12px;
border-radius: 4px;
line-height: 1.2
}

.spk-det .art-readtime {
font-size: 16px;
color: #222942;
opacity: .6;
font-weight: 300;
line-height: 1.2
}

.spk-det .art-stats {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
margin-left: auto
}

.spk-det .art-stat {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 16px;
color: #222942;
opacity: .55;
line-height: 1.2
}

.spk-det .art-stat svg {
flex-shrink: 0
}

.spk-det .art-txt-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 20px
}

.spk-det .art-h1 {
font-size: 58px;
font-weight: 800;
line-height: 1.2;
color: #222942;
letter-spacing: -.01em;
margin: 0
}

.spk-det .art-h1 .u-word {
position: relative;
display: inline-block;
white-space: nowrap
}

.spk-det .art-h1 .u-word::after {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 4px;
background: #F0714A;
border-radius: 4px;
animation: col-shift .18s ease-out forwards
}

@keyframes col-shift {
from {
background: #FDDA38;
width: 0
}

to {
background: #F0714A;
width: 100%
}
}

.spk-det .art-sub {
font-size: 23px;
line-height: 1.5;
color: #222942;
opacity: .75;
font-weight: 400;
margin: 0
}

.spk-det .art-author-line {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 20px;
background: #fff8f5;
border-radius: 4px;
border: 1.5px dashed #F0714A
}

.spk-det .art-author-name {
font-size: 16px;
font-weight: 700;
color: #F0714A;
letter-spacing: .04em;
line-height: 1.2
}

.spk-det .art-author-label {
font-size: 16px;
color: #222942;
opacity: .5;
font-weight: 300;
line-height: 1.2
}

.spk-det .art-divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 40px 0
}

.spk-det .art-divider span {
width: 6px;
height: 6px;
border-radius: 44px;
background: #F0714A;
display: block;
opacity: .4
}

.spk-det .art-divider span:nth-child(2) {
opacity: .7;
background: #FDDA38
}

.spk-det .art-body-frame {
max-width: 1440px;
margin: 0 auto;
padding: 0 40px 80px
}

.spk-det .art-body-grid {
display: grid;
grid-template-columns: 1fr 260px;
gap: 40px;
align-items: start
}

.spk-det .art-body-main {
min-width: 0
}

.spk-det .art-body-main .art-prose p {
font-size: 16px;
line-height: 1.7;
color: #222942;
margin-bottom: 20px
}

.spk-det .art-body-main .art-prose h2 {
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #222942;
margin: 40px 0 12px;
letter-spacing: .01em
}

.spk-det .art-body-main .art-prose h3 {
font-size: 23px;
font-weight: 700;
line-height: 1.2;
color: #222942;
margin: 40px 0 12px
}

.spk-det .art-body-main .art-prose h4 {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: #F0714A;
letter-spacing: .06em;
margin: 20px 0 6px
}

.spk-det .art-body-main .art-prose code {
background: #fff3ee;
color: #F0714A;
border-radius: 4px;
padding: 2px 6px;
font-size: 16px
}

.spk-det .art-body-main .art-prose ol {
padding-left: 20px;
margin-bottom: 20px
}

.spk-det .art-body-main .art-prose li {
font-size: 16px;
line-height: 1.7;
color: #222942;
margin-bottom: 6px
}

.spk-det .art-body-main .art-prose table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 4px 0 #f0714a12
}

.spk-det .art-body-main .art-prose thead {
background: #222942;
color: #fff
}

.spk-det .art-body-main .art-prose thead td,
.spk-det .art-body-main .art-prose thead th {
font-size: 16px;
font-weight: 700;
padding: 12px 20px;
letter-spacing: .04em;
color: #fff
}

.spk-det .art-body-main .art-prose td {
font-size: 16px;
line-height: 1.5;
color: #222942;
padding: 12px 20px;
border-bottom: 1px solid #f0714a1a
}

.spk-det .art-body-main .art-prose tr:last-child td {
border-bottom: none
}

.spk-det .art-body-main .art-prose tr:nth-child(even) {
background: #fff8f5
}

.spk-det .art-body-main .art-prose details {
border: 1.5px solid #f0714a40;
border-radius: 4px;
margin-bottom: 12px;
overflow: hidden
}

.spk-det .art-body-main .art-prose summary {
font-size: 16px;
font-weight: 600;
color: #222942;
padding: 12px 20px;
cursor: pointer;
background: #fff8f5;
transition: background .15s ease-out;
line-height: 1.5
}

.spk-det .art-body-main .art-prose summary:hover {
background: #ffe8de
}

.spk-det .art-body-main .art-prose details[open] summary {
border-bottom: 1px solid #f0714a33
}

.spk-det .art-body-main .art-prose details p {
padding: 12px 20px;
margin-bottom: 0
}

.spk-det .art-sidebar {
display: flex;
flex-direction: column;
gap: 20px
}

.spk-det .art-side-card {
background: #222942;
border-radius: 4px;
padding: 20px;
box-shadow: 0 7px 18px 0 #22294217
}

.spk-det .art-side-card .sc-label {
font-size: 16px;
font-weight: 700;
letter-spacing: .08em;
color: #FDDA38;
line-height: 1.2;
margin-bottom: 12px
}

.spk-det .art-side-card .sc-body {
font-size: 16px;
line-height: 1.7;
color: #ffffffbf;
font-weight: 300
}

.spk-det .art-side-metrics {
background: #fff8f5;
border-radius: 4px;
padding: 20px;
border: 1.5px dashed #F0714A
}

.spk-det .art-side-metrics .sm-label {
font-size: 16px;
font-weight: 700;
color: #222942;
letter-spacing: .06em;
margin-bottom: 20px;
line-height: 1.2
}

.spk-det .art-side-metrics .sm-row {
display: flex;
flex-direction: column;
gap: 12px
}

.spk-det .art-side-metrics .sm-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px
}

.spk-det .art-side-metrics .sm-item-label {
font-size: 16px;
color: #222942;
opacity: .7;
line-height: 1.5
}

.spk-det .art-side-metrics .sm-item-val {
font-size: 23px;
font-weight: 800;
color: #F0714A;
line-height: 1.2
}

.spk-det .art-side-metrics .sm-bar-wrap {
width: 100%;
height: 4px;
background: #f0714a26;
border-radius: 4px;
margin-top: 6px;
overflow: hidden
}

.spk-det .art-side-metrics .sm-bar {
height: 100%;
background: #F0714A;
border-radius: 4px;
animation: bar-grow .2s ease-out forwards
}

@keyframes bar-grow {
from {
width: 0
}
}

.spk-det .art-cta-strip {
background: #222942;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 0 8px 36px 0 #2229421c
}

.spk-det .art-cta-strip .cs-txt {
font-size: 16px;
line-height: 1.5;
color: #fffc;
font-weight: 300
}

.spk-det .art-cta-strip .cs-btn {
display: inline-block;
background: #F0714A;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
padding: 12px 20px;
border-radius: 4px;
text-decoration: none;
text-align: center;
transition: background .15s ease-out, transform .1s ease;
border: none;
cursor: pointer
}

.spk-det .art-cta-strip .cs-btn:hover {
background: #d95e39;
transform: translateY(-1px)
}

.spk-det .art-cta-strip .cs-btn:active {
transform: translateY(0)
}

.spk-det .art-rotate-acc {
display: inline-block;
animation: slow-spin 8s linear infinite;
width: 32px;
height: 32px;
flex-shrink: 0
}

@keyframes slow-spin {
from {
transform: rotate(0deg)
}

to {
transform: rotate(360deg)
}
}

@media (max-width: 1366px) {
.spk-det .art-frame {
padding: 80px 40px
}

.spk-det .art-body-frame {
padding: 0 40px 80px
}

.spk-det .art-h1 {
font-size: 58px
}

.spk-det .art-body-grid {
grid-template-columns: 1fr 220px
}
}

@media (max-width: 768px) {
.spk-det .art-frame {
padding: 40px 20px
}

.spk-det .art-body-frame {
padding: 0 20px 40px
}

.spk-det .art-top {
flex-direction: column;
gap: 20px
}

.spk-det .art-img-col {
flex: 0 0 auto;
width: 100%
}

.spk-det .art-img-wrap {
aspect-ratio: 16/9
}

.spk-det .art-h1 {
font-size: 30px
}

.spk-det .art-sub {
font-size: 16px
}

.spk-det .art-body-grid {
grid-template-columns: 1fr
}

.spk-det .art-sidebar {
order: -1
}

.spk-det .art-meta-row {
gap: 12px
}

.spk-det .art-stats {
margin-left: 0
}
}

@media (max-width: 375px) {
.spk-det .art-frame {
padding: 40px 12px
}

.spk-det .art-body-frame {
padding: 0 12px 40px
}

.spk-det .art-h1 {
font-size: 23px
}

.spk-det .art-body-grid {
gap: 20px
}
}

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

.spk-pg .load-anim {
animation: settle .2s ease-out both
}

@keyframes settle {
from {
transform: scale(0.95);
opacity: 0
}

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

.spk-pg .pg-band {
max-width: 1440px;
margin: 0 auto;
padding: 0 40px
}

@media (max-width: 768px) {
.spk-pg .pg-band {
padding: 0 20px
}
}

@media (max-width: 375px) {
.spk-pg .pg-band {
padding: 0 12px
}
}

.spk-pg .above-fold {
background: #222942;
padding: 80px 0;
position: relative;
overflow: hidden
}

.spk-pg .above-fold::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("../images/readytest2.jpg") center/cover no-repeat;
opacity: .07;
pointer-events: none
}

.spk-pg .above-fold-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
position: relative
}

.spk-pg .fold-left {
flex: 0 0 30%;
border-left: 3px solid #F0714A;
padding-left: 20px
}

.spk-pg .fold-right {
flex: 1
}

.spk-pg .fold-label {
font-size: 16px;
color: #FDDA38;
letter-spacing: .12em;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 12px
}

.spk-pg .fold-left h1 {
font-size: 30px;
color: #fff;
line-height: 1.2;
font-weight: 700
}

.spk-pg .fold-right p {
font-size: 23px;
color: #ffffffbf;
line-height: 1.5;
max-width: 640px
}

.spk-pg .fold-right .fold-stat {
display: flex;
flex-direction: row;
gap: 40px;
margin-top: 40px
}

.spk-pg .stat-item {
display: flex;
flex-direction: column;
gap: 6px
}

.spk-pg .stat-num {
font-size: 58px;
font-weight: 800;
color: #F0714A;
line-height: 1.2
}

.spk-pg .stat-desc {
font-size: 16px;
color: #fff9;
line-height: 1.5
}

@media (max-width: 768px) {
.spk-pg .above-fold-inner {
flex-direction: column;
gap: 20px
}

.spk-pg .fold-left {
flex: none;
width: 100%
}

.spk-pg .fold-right p {
font-size: 16px
}

.spk-pg .stat-num {
font-size: 30px
}

.spk-pg .fold-right .fold-stat {
gap: 20px;
flex-wrap: wrap
}
}

.spk-pg .posts-belt {
padding: 80px 0;
background: #fff
}

.spk-pg .posts-belt-hd {
margin-bottom: 40px
}

.spk-pg .posts-belt-hd h2 {
font-size: 58px;
font-weight: 800;
color: #222942;
line-height: 1.2;
letter-spacing: -.01em
}

.spk-pg .posts-belt-hd h2 span {
color: #F0714A
}

.spk-pg .posts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

@media (max-width: 768px) {
.spk-pg .posts-grid {
grid-template-columns: 1fr;
gap: 20px
}

.spk-pg .posts-belt-hd h2 {
font-size: 30px
}
}

@media (max-width: 375px) {
.spk-pg .posts-belt-hd h2 {
font-size: 23px
}
}

.spk-pg .post-card {
background: #fff;
border-radius: 4px;
box-shadow: 0 7px 18px 0 #f0714a17;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow .15s ease-out, transform .15s ease-out
}

.spk-pg .post-card:hover {
box-shadow: 0 8px 36px 0 #f0714a1c;
transform: translateY(-2px)
}

.spk-pg .post-img-wrap {
width: 100%;
height: 220px;
overflow: hidden;
position: relative
}

.spk-pg .post-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .2s ease-out
}

.spk-pg .post-card:hover .post-img-wrap img {
transform: scale(1.03)
}

.spk-pg .post-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1
}

.spk-pg .post-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
flex-wrap: wrap
}

.spk-pg .post-author {
font-size: 16px;
color: #222942;
font-weight: 600;
line-height: 1.2
}

.spk-pg .post-read {
font-size: 16px;
color: #F0714A;
line-height: 1.2;
background: #f0714a14;
padding: 2px 8px;
border-radius: 4px
}

.spk-pg .post-body h3 {
font-size: 23px;
font-weight: 700;
color: #222942;
line-height: 1.2
}

.spk-pg .post-sub {
font-size: 16px;
color: #555e7a;
line-height: 1.5;
font-weight: 600
}

.spk-pg .post-desc {
font-size: 16px;
color: #444;
line-height: 1.7
}

.spk-pg .post-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 12px 20px;
border-top: 1px solid #22294214;
background: #22294205;
flex-wrap: wrap;
gap: 12px
}

.spk-pg .post-counts {
display: flex;
flex-direction: row;
gap: 20px
}

.spk-pg .count-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 16px;
color: #222942
}

.spk-pg .count-item svg {
width: 16px;
height: 16px;
flex-shrink: 0
}

.spk-pg .post-link {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #F0714A;
padding: 8px 20px;
border-radius: 4px;
text-decoration: none;
transition: background .15s ease-out, box-shadow .15s ease-out;
box-shadow: 0 1px 4px 0 #f0714a12
}

.spk-pg .post-link:hover {
background: #d95e39;
box-shadow: 0 7px 18px 0 #f0714a17
}

.spk-pg .steps-belt {
background: #222942;
padding: 80px 0;
position: relative;
overflow: hidden
}

.spk-pg .steps-belt::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #F0714A 0%, #FDDA38 100%)
}

.spk-pg .steps-inner {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.spk-pg .steps-left {
flex: 0 0 30%
}

.spk-pg .steps-left h2 {
font-size: 30px;
font-weight: 700;
color: #fff;
line-height: 1.2;
margin-bottom: 20px
}

.spk-pg .steps-left p {
font-size: 16px;
color: #ffffffa6;
line-height: 1.7
}

.spk-pg .steps-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px
}

.spk-pg .step-row {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
padding: 20px;
background: #ffffff0d;
border-radius: 4px;
border: 1px solid #ffffff14;
transition: background .15s ease-out
}

.spk-pg .step-row:hover {
background: #ffffff17
}

.spk-pg .step-num {
font-size: 30px;
font-weight: 800;
color: #FDDA38;
line-height: 1.2;
flex-shrink: 0;
min-width: 40px
}

.spk-pg .step-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px
}

.spk-pg .step-name {
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 1.2
}

.spk-pg .step-detail {
font-size: 16px;
color: #fff9;
line-height: 1.5
}

.spk-pg .step-time {
font-size: 16px;
color: #F0714A;
font-weight: 700;
flex-shrink: 0;
align-self: center;
background: #f0714a1f;
padding: 4px 12px;
border-radius: 4px
}

@media (max-width: 768px) {
.spk-pg .steps-inner {
flex-direction: column;
gap: 40px
}

.spk-pg .steps-left {
flex: none;
width: 100%
}

.spk-pg .step-time {
display: none
}
}

.spk-pg .metrics-belt {
padding: 80px 0;
background: #FDDA38
}

.spk-pg .metrics-inner {
display: flex;
flex-direction: row;
gap: 40px;
align-items: stretch
}

.spk-pg .metrics-hd {
flex: 0 0 35%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px
}

.spk-pg .metrics-hd h2 {
font-size: 30px;
font-weight: 800;
color: #222942;
line-height: 1.2
}

.spk-pg .metrics-hd p {
font-size: 16px;
color: #222942bf;
line-height: 1.7
}

.spk-pg .metrics-grid {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px
}

.spk-pg .metric-box {
background: #222942;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 6px;
animation: settle .2s ease-out both
}

.spk-pg .metric-val {
font-size: 58px;
font-weight: 800;
color: #FDDA38;
line-height: 1.2
}

.spk-pg .metric-lbl {
font-size: 16px;
color: #ffffffb3;
line-height: 1.5
}

@media (max-width: 768px) {
.spk-pg .metrics-inner {
flex-direction: column
}

.spk-pg .metrics-hd {
flex: none
}

.spk-pg .metric-val {
font-size: 30px
}
}

@media (max-width: 375px) {
.spk-pg .metrics-grid {
grid-template-columns: 1fr
}
}

.spk-pg .cta-belt {
padding: 80px 0;
background: #fff;
border-top: 1px solid #22294214
}

.spk-pg .cta-inner {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
justify-content: space-between
}

.spk-pg .cta-text {
flex: 0 0 55%;
display: flex;
flex-direction: column;
gap: 12px
}

.spk-pg .cta-text h2 {
font-size: 30px;
font-weight: 800;
color: #222942;
line-height: 1.2
}

.spk-pg .cta-text p {
font-size: 16px;
color: #444;
line-height: 1.7
}

.spk-pg .cta-aside {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start
}

.spk-pg .cta-btn {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #222942;
padding: 12px 40px;
border-radius: 44px;
text-decoration: none;
box-shadow: 0 7px 18px 0 #22294217;
transition: background .15s ease-out, box-shadow .15s ease-out
}

.spk-pg .cta-btn:hover {
background: #F0714A;
box-shadow: 0 8px 36px 0 #f0714a1c
}

.spk-pg .cta-note {
font-size: 16px;
color: #2229428c;
line-height: 1.5
}

.spk-pg .cta-accent-line {
width: 60px;
height: 3px;
background: #FDDA38;
border-radius: 4px
}

@media (max-width: 768px) {
.spk-pg .cta-inner {
flex-direction: column;
align-items: flex-start
}

.spk-pg .cta-text {
flex: none;
width: 100%
}
}

.srvs-pg {
max-width: 1440px;
margin: 0 auto;
overflow: hidden
}

.srvs-pg .tb {
display: grid;
grid-template-columns: 1fr 380px;
min-height: 560px;
background: #222942;
position: relative
}

.srvs-pg .tb__txt {
padding: 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1
}

.srvs-pg .tb__deco {
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
background: linear-gradient(112deg, #f0714a21 0%, #fdda3812 100%);
pointer-events: none
}

.srvs-pg .tb__deco-crosses {
position: absolute;
bottom: 40px;
left: 80px;
display: flex;
flex-direction: row;
gap: 20px;
pointer-events: none
}

.srvs-pg .tb__deco-crosses span {
display: block;
width: 12px;
height: 12px;
position: relative
}

.srvs-pg .tb__deco-crosses span::before,
.srvs-pg .tb__deco-crosses span::after {
content: '';
position: absolute;
background: #F0714A;
opacity: .5
}

.srvs-pg .tb__deco-crosses span::before {
width: 2px;
height: 12px;
left: 5px;
top: 0
}

.srvs-pg .tb__deco-crosses span::after {
width: 12px;
height: 2px;
top: 5px;
left: 0
}

.srvs-pg .tb__label {
font-size: 16px;
line-height: 1.5;
color: #F0714A;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 600
}

.srvs-pg .tb__h1 {
font-size: 72px;
line-height: 1.2;
color: #fff;
font-weight: 800;
margin-bottom: 12px;
letter-spacing: -.01em
}

.srvs-pg .tb__h1 em {
font-style: normal;
color: #FDDA38
}

.srvs-pg .tb__h2 {
font-size: 30px;
line-height: 1.2;
color: #fff9;
font-weight: 400;
margin-bottom: 40px
}

.srvs-pg .tb__desc {
font-size: 16px;
line-height: 1.7;
color: #ffffffbf;
max-width: 520px
}

.srvs-pg .tb__img-col {
position: relative;
overflow: hidden
}

.srvs-pg .tb__img-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: grayscale(40%) brightness(0.7);
mix-blend-mode: luminosity
}

.srvs-pg .tb__img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #f0714a73 0%, #222942b3 100%)
}

.srvs-pg .divider-crosses {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
padding: 20px 0;
background: #fff
}

.srvs-pg .divider-crosses span {
display: block;
width: 10px;
height: 10px;
position: relative;
flex-shrink: 0
}

.srvs-pg .divider-crosses span::before,
.srvs-pg .divider-crosses span::after {
content: '';
position: absolute;
background: #222942;
opacity: .25
}

.srvs-pg .divider-crosses span::before {
width: 2px;
height: 10px;
left: 4px;
top: 0
}

.srvs-pg .divider-crosses span::after {
width: 10px;
height: 2px;
top: 4px;
left: 0
}

.srvs-pg .divider-line {
height: 1px;
flex: 1;
background: #222942;
opacity: .12
}

.srvs-pg .srv-grid {
background: #fff;
padding: 80px
}

.srvs-pg .srv-grid__head {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 80px;
align-items: end
}

.srvs-pg .srv-grid__h2 {
font-size: 58px;
line-height: 1.2;
color: #222942;
font-weight: 800;
letter-spacing: -.02em
}

.srvs-pg .srv-grid__h2 .dash {
color: #F0714A;
margin: 0 6px
}

.srvs-pg .srv-grid__aside {
padding-top: 12px
}

.srvs-pg .srv-grid__aside p {
font-size: 16px;
line-height: 1.7;
color: #222942;
opacity: .7
}

.srvs-pg .mosaic {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
gap: 20px
}

.srvs-pg .card {
border-radius: 4px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
overflow: hidden
}

.srvs-pg .card.tall {
grid-row: span 2
}

.srvs-pg .card--primary {
background: #222942;
color: #fff
}

.srvs-pg .card--accent {
background: #F0714A;
color: #fff
}

.srvs-pg .card--yellow {
background: #FDDA38;
color: #222942
}

.srvs-pg .card--light {
background: #f5f4f0;
color: #222942
}

.srvs-pg .card--img {
padding: 0;
background: #222942
}

.srvs-pg .card--img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: grayscale(60%);
border-radius: 4px
}

.srvs-pg .card--img .card-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, #222942d9 100%);
border-radius: 4px
}

.srvs-pg .card--img .card-img-caption {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px
}

.srvs-pg .card--img .card-img-caption h4 {
font-size: 23px;
line-height: 1.2;
color: #fff;
font-weight: 700
}

.srvs-pg .card--img .card-img-caption p {
font-size: 16px;
line-height: 1.5;
color: #ffffffbf;
margin-top: 6px
}

.srvs-pg .card__num {
font-size: 58px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.03em;
opacity: .15;
align-self: flex-start
}

.srvs-pg .card--accent .card__num,
.srvs-pg .card--primary .card__num {
color: #fff
}

.srvs-pg .card--yellow .card__num {
color: #222942
}

.srvs-pg .card--light .card__num {
color: #F0714A;
opacity: .25
}

.srvs-pg .card__tag {
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 700;
opacity: .5
}

.srvs-pg .card__h {
font-size: 23px;
line-height: 1.2;
font-weight: 700
}

.srvs-pg .card__p {
font-size: 16px;
line-height: 1.7;
opacity: .8
}

.srvs-pg .card--primary .card__p,
.srvs-pg .card--accent .card__p {
color: #ffffffd9;
opacity: 1
}

.srvs-pg .card__badge {
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 6px 12px;
border-radius: 44px;
margin-top: 6px;
align-self: flex-start
}

.srvs-pg .card--primary .card__badge {
background: #F0714A;
color: #fff
}

.srvs-pg .card--accent .card__badge {
background: #222942;
color: #fff
}

.srvs-pg .card--yellow .card__badge {
background: #222942;
color: #FDDA38
}

.srvs-pg .card--light .card__badge {
background: #F0714A;
color: #fff
}

.srvs-pg .card__deco-bg {
position: absolute;
top: -20px;
right: -20px;
width: 100px;
height: 100px;
border-radius: 44px;
opacity: .07;
pointer-events: none
}

.srvs-pg .card--primary .card__deco-bg {
background: #FDDA38
}

.srvs-pg .card--accent .card__deco-bg {
background: #fff
}

.srvs-pg .card--yellow .card__deco-bg {
background: #F0714A
}

.srvs-pg .card--light .card__deco-bg {
background: #222942
}

.srvs-pg .divider-alt {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 80px;
background: #f5f4f0;
height: 40px;
gap: 12px
}

.srvs-pg .divider-alt .da-line {
flex: 1;
height: 1px;
background: #222942;
opacity: .1
}

.srvs-pg .divider-alt .da-diamond {
width: 8px;
height: 8px;
background: #F0714A;
transform: rotate(45deg);
flex-shrink: 0
}

.srvs-pg .sub-blk {
background: #f5f4f0;
padding: 80px;
display: grid;
grid-template-columns: 1fr 480px;
gap: 80px;
align-items: start
}

.srvs-pg .sub-blk__left h3 {
font-size: 30px;
line-height: 1.2;
color: #222942;
font-weight: 700;
margin-bottom: 20px
}

.srvs-pg .sub-blk__left h3 .dash {
color: #F0714A;
margin: 0 4px
}

.srvs-pg .sub-blk__left p {
font-size: 16px;
line-height: 1.7;
color: #222942;
opacity: .7;
margin-bottom: 20px
}

.srvs-pg .sub-blk__left aside {
border-left: 3px solid #F0714A;
border-top: 1px solid #f0714a33;
padding: 12px 20px;
background: #f0714a0f;
border-radius: 0 4px 4px 0
}

.srvs-pg .sub-blk__left aside p {
font-size: 16px;
color: #222942;
opacity: .6;
margin: 0
}

.srvs-pg .sub-form {
background: #fff;
border: 2px solid #F0714A;
border-radius: 4px;
padding: 40px;
box-shadow: 0 7px 18px 0 #f0714a17
}

.srvs-pg .sub-form h4 {
font-size: 23px;
line-height: 1.2;
color: #222942;
font-weight: 700;
margin-bottom: 6px
}

.srvs-pg .sub-form .form-sub {
font-size: 16px;
line-height: 1.5;
color: #222942;
opacity: .6;
margin-bottom: 20px
}

.srvs-pg .sub-form .f-row {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 12px
}

.srvs-pg .sub-form label {
font-size: 16px;
font-weight: 600;
color: #222942;
margin-bottom: 6px;
display: block
}

.srvs-pg .sub-form input,
.srvs-pg .sub-form select {
width: 100%;
border: 1.5px solid #22294233;
border-radius: 4px;
padding: 12px 20px;
font-size: 16px;
color: #222942;
background: #fff;
outline: none;
transition: border-color .15s ease-out;
appearance: none
}

.srvs-pg .sub-form input::placeholder {
color: #22294259;
font-weight: 300
}

.srvs-pg .sub-form input:focus,
.srvs-pg .sub-form select:focus {
border-color: #F0714A;
box-shadow: 0 1px 4px 0 #f0714a12
}

.srvs-pg .sub-form .f-note {
font-size: 16px;
color: #222942;
opacity: .45;
margin-top: 12px;
line-height: 1.5
}

.srvs-pg .sub-form .btn-sub {
width: 100%;
background: #F0714A;
color: #fff;
border: none;
border-radius: 4px;
padding: 12px 20px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
margin-top: 20px;
letter-spacing: .04em;
transition: background .15s ease-out, box-shadow .12s ease;
box-shadow: 0 1px 4px 0 #f0714a12
}

.srvs-pg .sub-form .btn-sub:hover {
background: #222942;
box-shadow: 0 7px 18px 0 #f0714a17
}

.srvs-pg .sub-form .btn-sub:active {
background: #1a2038;
box-shadow: 0 1px 4px 0 #f0714a12
}

.srvs-pg .sub-form .btn-sub:focus-visible {
outline: 2px solid #FDDA38;
outline-offset: 2px
}

@keyframes spotlight-drift {
0% {
background-position: 20% 30%
}

50% {
background-position: 75% 60%
}

100% {
background-position: 20% 30%
}
}

.srvs-pg .tb {
background-image: radial-gradient(ellipse 600px 400px at 20% 30%, #f0714a17 0%, transparent 70%);
background-size: 200% 200%;
animation: spotlight-drift 18s ease infinite
}

@media (max-width: 1366px) {
.srvs-pg .tb__h1 {
font-size: 58px
}

.srvs-pg .tb__img-col {
max-width: 320px
}

.srvs-pg .srv-grid {
padding: 80px 40px
}

.srvs-pg .sub-blk {
padding: 80px 40px
}

.srvs-pg .divider-alt {
padding: 0 40px
}

.srvs-pg .tb__txt {
padding: 80px 40px
}

.srvs-pg .tb__deco-crosses {
left: 40px
}
}

@media (max-width: 768px) {
.srvs-pg .tb {
grid-template-columns: 1fr
}

.srvs-pg .tb__img-col {
height: 260px;
max-width: 100%
}

.srvs-pg .tb__txt {
padding: 40px 20px
}

.srvs-pg .tb__h1 {
font-size: 30px
}

.srvs-pg .tb__h2 {
font-size: 23px
}

.srvs-pg .tb__deco-crosses {
left: 20px;
bottom: 20px
}

.srvs-pg .srv-grid {
padding: 40px 20px
}

.srvs-pg .srv-grid__head {
grid-template-columns: 1fr;
gap: 20px
}

.srvs-pg .srv-grid__h2 {
font-size: 30px
}

.srvs-pg .mosaic {
grid-template-columns: 1fr
}

.srvs-pg .card.tall {
grid-row: span 1
}

.srvs-pg .card--img {
min-height: 300px
}

.srvs-pg .sub-blk {
grid-template-columns: 1fr;
padding: 40px 20px;
gap: 40px
}

.srvs-pg .divider-alt {
padding: 0 20px
}

.srvs-pg .divider-crosses {
gap: 12px;
padding: 20px
}
}

@media (max-width: 375px) {
.srvs-pg .tb__h1 {
font-size: 23px
}

.srvs-pg .card {
padding: 20px
}

.srvs-pg .sub-form {
padding: 20px
}

.srvs-pg .srv-grid__h2 {
font-size: 23px
}
}

.fst {
max-width: 1440px;
margin: 0 auto;
overflow: hidden
}

.fst .ttl-band {
position: relative;
background: linear-gradient(170deg, #222942 0%, #F0714A 60%, transparent 100%);
padding: 80px 80px 40px;
display: flex;
flex-direction: row;
align-items: center;
gap: 40px
}

.fst .ttl-band::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, #fdda380a 0px, #fdda380a 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, #fdda380a 0px, #fdda380a 1px, transparent 1px, transparent 40px);
pointer-events: none
}

.fst .ttl-txt {
flex: 1;
position: relative;
z-index: 1
}

.fst .ttl-txt h1 {
font-size: 72px;
line-height: 1.2;
color: #fff;
font-weight: 900;
letter-spacing: -1px;
margin-bottom: 12px
}

.fst .ttl-txt h1 span {
color: #FDDA38
}

.fst .ttl-sub {
font-size: 23px;
line-height: 1.5;
color: #ffffffd1;
margin-bottom: 20px
}

.fst .ttl-lnk {
display: inline-block;
background: #FDDA38;
color: #222942;
font-size: 16px;
font-weight: 700;
padding: 12px 40px;
border-radius: 4px;
text-decoration: none;
letter-spacing: .04em;
transition: background .15s ease-out, color .15s ease-out
}

.fst .ttl-lnk:hover {
background: #F0714A;
color: #fff
}

.fst .ttl-img-wrap {
width: 340px;
height: 260px;
border-radius: 4px;
overflow: hidden;
flex-shrink: 0;
position: relative;
z-index: 1
}

.fst .ttl-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
mask-image: linear-gradient(to top, #000f 60%, #0000 100%);
-webkit-mask-image: linear-gradient(to top, #000f 60%, #0000 100%)
}

.fst .avail {
padding: 80px;
background: #fff;
position: relative
}

.fst .avail::after {
content: '';
display: block;
border-top: 2px dashed #F0714A;
margin-top: 80px
}

.fst .avail-bar {
width: 40px;
height: 4px;
background: #F0714A;
margin-bottom: 20px;
border-radius: 4px
}

.fst .avail h2 {
font-size: 58px;
line-height: 1.2;
color: #222942;
font-weight: 900;
max-width: 520px;
margin-bottom: 40px
}

.fst .avail-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px
}

.fst .avail-item {
border-top: 3px solid #FDDA38;
padding-top: 20px
}

.fst .avail-item h4 {
font-size: 23px;
line-height: 1.2;
color: #222942;
font-weight: 800;
margin-bottom: 12px
}

.fst .avail-item p {
font-size: 16px;
line-height: 1.7;
color: #444
}

.fst .avail-note {
margin-top: 20px;
font-size: 16px;
color: #888;
font-style: italic
}

.fst .gap-sec {
padding: 80px;
background: #222942;
display: grid;
grid-template-columns: 1fr 380px;
gap: 80px;
align-items: start
}

.fst .gap-bar {
width: 40px;
height: 4px;
background: #FDDA38;
margin-bottom: 20px;
border-radius: 4px
}

.fst .gap-left h2 {
font-size: 58px;
line-height: 1.2;
color: #FDDA38;
font-weight: 900;
margin-bottom: 20px
}

.fst .gap-left p {
font-size: 16px;
line-height: 1.7;
color: #ffffffc7;
margin-bottom: 12px
}

.fst .gap-metrics {
display: flex;
flex-direction: column;
gap: 20px
}

.fst .gap-metric {
background: #f0714a1f;
border-left: 4px solid #F0714A;
border-top: 1px solid #f0714a4d;
border-right: 1px solid #f0714a4d;
border-bottom: 1px solid #f0714a4d;
border-radius: 4px;
padding: 20px
}

.fst .gap-metric .met-before {
font-size: 16px;
color: #ffffff80;
margin-bottom: 6px;
letter-spacing: .06em;
text-transform: uppercase
}

.fst .gap-metric .met-after {
font-size: 23px;
color: #FDDA38;
font-weight: 800;
line-height: 1.2
}

.fst .gap-metric .met-label {
font-size: 16px;
color: #fff9;
margin-top: 6px
}

.fst .sup-sec {
padding: 80px;
background: #FDDA38;
position: relative
}

.fst .sup-sec::before {
content: '';
display: block;
border-bottom: 2px dashed #222942;
margin-bottom: 80px
}

.fst .sup-inner {
display: grid;
grid-template-columns: 340px 1fr;
gap: 80px;
align-items: start
}

.fst .sup-img-wrap {
width: 340px;
height: 420px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 8px 36px 0 #f0714a1c
}

.fst .sup-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.fst .sup-bar {
width: 40px;
height: 4px;
background: #222942;
margin-bottom: 20px;
border-radius: 4px
}

.fst .sup-right h2 {
font-size: 58px;
line-height: 1.2;
color: #222942;
font-weight: 900;
margin-bottom: 20px
}

.fst .sup-right p {
font-size: 16px;
line-height: 1.7;
color: #333;
margin-bottom: 12px
}

.fst .sup-list {
list-style: none;
padding: 0;
margin: 20px 0 0;
display: flex;
flex-direction: column;
gap: 12px
}

.fst .sup-list li {
font-size: 16px;
line-height: 1.5;
color: #222942;
padding-left: 20px;
position: relative
}

.fst .sup-list li::before {
content: '—';
position: absolute;
left: 0;
color: #F0714A;
font-weight: 700
}

.fst .team-sec {
padding: 80px;
background: #fff
}

.fst .team-bar {
width: 40px;
height: 4px;
background: #222942;
margin-bottom: 20px;
border-radius: 4px
}

.fst .team-sec h2 {
font-size: 30px;
line-height: 1.2;
color: #222942;
font-weight: 800;
margin-bottom: 40px;
max-width: 600px
}

.fst .team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px
}

.fst .team-card {
border: 1px solid #2229421f;
border-radius: 4px;
padding: 40px;
box-shadow: 0 1px 4px 0 #22294212;
transition: box-shadow .18s ease-out
}

.fst .team-card:hover {
box-shadow: 0 7px 18px 0 #22294217
}

.fst .team-card h5 {
font-size: 23px;
line-height: 1.2;
color: #222942;
font-weight: 800;
margin-bottom: 6px
}

.fst .team-card .role {
font-size: 16px;
color: #F0714A;
font-weight: 600;
margin-bottom: 12px;
letter-spacing: .05em
}

.fst .team-card p {
font-size: 16px;
line-height: 1.7;
color: #555
}

.fst .team-aside {
margin-top: 40px;
padding: 20px 40px;
border-top: 2px dashed #F0714A;
display: flex;
flex-direction: row;
align-items: center;
gap: 40px
}

.fst .team-aside p {
font-size: 16px;
line-height: 1.5;
color: #888;
font-style: italic
}

.fst .exp-sec {
padding: 80px;
background: #F0714A;
position: relative
}

.fst .exp-sec::before {
content: '';
display: block;
border-bottom: 2px dashed #ffffff4d;
margin-bottom: 80px
}

.fst .exp-bar {
width: 40px;
height: 4px;
background: #FDDA38;
margin-bottom: 20px;
border-radius: 4px
}

.fst .exp-sec h2 {
font-size: 58px;
line-height: 1.2;
color: #fff;
font-weight: 900;
margin-bottom: 40px;
max-width: 700px
}

.fst .exp-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 80px;
align-items: start
}

.fst .exp-phases {
display: flex;
flex-direction: column;
gap: 20px
}

.fst .exp-phase {
background: #ffffff1f;
border-radius: 4px;
padding: 20px 40px;
border-top: 2px solid #fdda3899
}

.fst .exp-phase h6 {
font-size: 16px;
color: #FDDA38;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 6px
}

.fst .exp-phase p {
font-size: 16px;
line-height: 1.7;
color: #ffffffd9
}

.fst .exp-img-wrap {
width: 300px;
height: 380px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 8px 36px 0 #2229421c;
animation: shd-pulse 2.4s ease-in-out infinite
}

@keyframes shd-pulse {

0%,
100% {
box-shadow: 0 8px 36px 0 #2229421c
}

50% {
box-shadow: 0 16px 48px 0 #22294238
}
}

.fst .exp-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

@media (max-width: 1366px) {
.fst .ttl-band {
padding: 80px 40px 40px
}

.fst .avail {
padding: 80px 40px
}

.fst .gap-sec {
padding: 80px 40px
}

.fst .sup-sec {
padding: 80px 40px
}

.fst .team-sec {
padding: 80px 40px
}

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

@media (max-width: 768px) {
.fst .ttl-band {
flex-direction: column;
padding: 40px 20px;
gap: 20px
}

.fst .ttl-txt h1 {
font-size: 30px
}

.fst .ttl-sub {
font-size: 16px
}

.fst .ttl-img-wrap {
width: 100%;
height: 200px
}

.fst .avail {
padding: 40px 20px
}

.fst .avail h2 {
font-size: 30px
}

.fst .avail-grid {
grid-template-columns: 1fr;
gap: 20px
}

.fst .avail::after {
margin-top: 40px
}

.fst .gap-sec {
padding: 40px 20px;
grid-template-columns: 1fr;
gap: 40px
}

.fst .gap-left h2 {
font-size: 30px
}

.fst .sup-sec {
padding: 40px 20px
}

.fst .sup-sec::before {
margin-bottom: 40px
}

.fst .sup-inner {
grid-template-columns: 1fr;
gap: 20px
}

.fst .sup-img-wrap {
width: 100%;
height: 220px
}

.fst .sup-right h2 {
font-size: 30px
}

.fst .team-sec {
padding: 40px 20px
}

.fst .team-grid {
grid-template-columns: 1fr;
gap: 20px
}

.fst .team-card {
padding: 20px
}

.fst .team-aside {
flex-direction: column;
gap: 12px;
padding: 20px
}

.fst .exp-sec {
padding: 40px 20px
}

.fst .exp-sec::before {
margin-bottom: 40px
}

.fst .exp-sec h2 {
font-size: 30px
}

.fst .exp-layout {
grid-template-columns: 1fr;
gap: 20px
}

.fst .exp-img-wrap {
width: 100%;
height: 220px
}
}

@media (max-width: 375px) {
.fst .ttl-txt h1 {
font-size: 23px
}

.fst .avail h2 {
font-size: 23px
}

.fst .gap-left h2 {
font-size: 23px
}

.fst .sup-right h2 {
font-size: 23px
}

.fst .exp-sec h2 {
font-size: 23px
}
}

.fst .det-toggle {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 20px
}

.fst .det-item summary {
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: #222942;
list-style: none;
padding: 12px 20px;
background: #f0714a12;
border-radius: 4px;
border: 1px solid #f0714a33;
transition: background .15s ease-out
}

.fst .det-item summary:hover {
background: #f0714a24
}

.fst .det-item[open] summary {
background: #f0714a2e
}

.fst .det-item .det-body {
padding: 12px 20px;
font-size: 16px;
line-height: 1.7;
color: #444
}

.lp-prog {
max-width: 1440px;
margin: 0 auto;
overflow: hidden
}

.lp-prog .title-blk {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px
}

.lp-prog .title-blk .t-img-col {
position: relative;
overflow: hidden;
border-radius: 0 4px 4px 0
}

.lp-prog .title-blk .t-img-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.lp-prog .title-blk .t-img-col::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to top, #222942e0 0%, #2229422e 70%, transparent 100%);
pointer-events: none
}

.lp-prog .title-blk .t-txt-col {
background: #222942;
padding: 80px 40px 80px 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}

.lp-prog .title-blk .t-txt-col::before {
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 32px;
height: 32px;
border-top: 2px solid #F0714A;
border-left: 2px solid #F0714A;
border-radius: 4px 0 0 0;
pointer-events: none
}

.lp-prog .title-blk .t-txt-col::after {
content: "";
position: absolute;
bottom: 20px;
right: 20px;
width: 32px;
height: 32px;
border-bottom: 2px solid #FDDA38;
border-right: 2px solid #FDDA38;
border-radius: 0 0 4px 0;
pointer-events: none
}

.lp-prog .t-eyebrow {
font-size: 16px;
font-weight: 600;
letter-spacing: .12em;
color: #F0714A;
text-transform: uppercase;
margin-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.lp-prog .t-eyebrow span.dash {
display: inline-block;
width: 24px;
height: 2px;
background: #F0714A;
border-radius: 4px;
flex-shrink: 0
}

.lp-prog .t-h1 {
font-size: 58px;
line-height: 1.2;
color: #fff;
font-weight: 800;
letter-spacing: -.01em;
margin: 0 0 20px
}

.lp-prog .t-h1 em {
font-style: normal;
color: #FDDA38
}

.lp-prog .t-sub {
font-size: 16px;
line-height: 1.7;
color: #ffffffb8;
max-width: 360px
}

.lp-prog .divider-band {
height: 6px;
background: linear-gradient(105deg, #F0714A 0%, #FDDA38 55%, #222942 100%)
}

.lp-prog .prog-detail {
background: #fff;
padding: 80px;
position: relative
}

.lp-prog .prog-detail::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle 3px at 12% 18%, #f0714a21 100%, transparent 100%), radial-gradient(circle 5px at 27% 72%, #f0714a17 100%, transparent 100%), radial-gradient(circle 2px at 55% 30%, #fdda381f 100%, transparent 100%), radial-gradient(circle 4px at 78% 65%, #fdda3814 100%, transparent 100%), radial-gradient(circle 3px at 90% 20%, #f0714a1a 100%, transparent 100%), radial-gradient(circle 2px at 42% 88%, #22294212 100%, transparent 100%), radial-gradient(circle 5px at 63% 52%, #f0714a0f 100%, transparent 100%), radial-gradient(circle 3px at 8% 55%, #fdda381a 100%, transparent 100%), radial-gradient(circle 4px at 35% 42%, #2229420d 100%, transparent 100%), radial-gradient(circle 2px at 85% 85%, #f0714a14 100%, transparent 100%);
pointer-events: none
}

.lp-prog .pd-grid {
display: grid;
grid-template-columns: 1fr 340px;
gap: 80px;
position: relative;
z-index: 1
}

.lp-prog .pd-left {
display: flex;
flex-direction: column;
gap: 40px
}

.lp-prog .pd-h2 {
font-size: 30px;
line-height: 1.2;
color: #222942;
font-weight: 700;
letter-spacing: .01em;
margin: 0
}

.lp-prog .pd-h2 .accent {
color: #F0714A
}

.lp-prog .step-list {
display: flex;
flex-direction: column;
gap: 20px;
list-style: none;
padding: 0;
margin: 0
}

.lp-prog .step-list li {
display: grid;
grid-template-columns: 48px 1fr;
gap: 20px;
align-items: start;
padding: 20px;
border-radius: 4px;
border: 1px solid #2229421a;
border-top: 3px solid #2229421a;
background: #fff;
box-shadow: 0 1px 4px 0 #f0714a12;
transition: box-shadow .15s ease-out, border-top-color .15s ease-out
}

.lp-prog .step-list li:hover {
box-shadow: 0 7px 18px 0 #f0714a17;
border-top-color: #F0714A
}

.lp-prog .step-list li:focus-within {
outline: 2px solid #F0714A;
outline-offset: 2px
}

.lp-prog .step-num {
width: 48px;
height: 48px;
background: #222942;
border-radius: 4px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 800;
color: #FDDA38;
flex-shrink: 0;
letter-spacing: .04em
}

.lp-prog .step-body {
display: flex;
flex-direction: column;
gap: 6px
}

.lp-prog .step-body h4 {
font-size: 16px;
line-height: 1.5;
color: #222942;
font-weight: 700;
margin: 0
}

.lp-prog .step-body p {
font-size: 16px;
line-height: 1.7;
color: #444c64;
margin: 0
}

.lp-prog .pd-right {
display: flex;
flex-direction: column;
gap: 20px
}

.lp-prog .offer-card {
background: #222942;
border-radius: 4px;
padding: 40px;
box-shadow: 0 8px 36px 0 #2229421c;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
overflow: hidden
}

.lp-prog .offer-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #F0714A 0%, #FDDA38 100%);
pointer-events: none
}

.lp-prog .offer-label {
font-size: 16px;
font-weight: 600;
letter-spacing: .1em;
color: #FDDA38;
text-transform: uppercase
}

.lp-prog .offer-price {
font-size: 58px;
line-height: 1.2;
font-weight: 800;
color: #fff;
letter-spacing: -.02em
}

.lp-prog .offer-price sup {
font-size: 23px;
font-weight: 600;
vertical-align: super;
color: #ffffffb3
}

.lp-prog .offer-desc {
font-size: 16px;
line-height: 1.7;
color: #ffffffa6;
margin: 0
}

.lp-prog .offer-feats {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px
}

.lp-prog .offer-feats li {
font-size: 16px;
line-height: 1.5;
color: #ffffffd1;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.lp-prog .offer-feats li .feat-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 4px;
background: #F0714A;
flex-shrink: 0;
margin-top: 7px
}

.lp-prog .btn-enroll {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 20px 40px;
background: #F0714A;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
border: none;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
box-shadow: 0 7px 18px 0 #f0714a17;
transition: background .15s ease-out, box-shadow .2s ease-out, transform .1s ease;
width: 100%;
text-align: center
}

.lp-prog .btn-enroll:hover {
background: #d95e3a;
box-shadow: 0 8px 36px 0 #f0714a1c;
transform: translateY(-1px)
}

.lp-prog .btn-enroll:active {
transform: translateY(0);
background: #c45533
}

.lp-prog .btn-enroll:focus-visible {
outline: 3px solid #FDDA38;
outline-offset: 3px
}

.lp-prog .metrics-row {
display: flex;
flex-direction: row;
gap: 12px
}

.lp-prog .metric-box {
flex: 1;
background: #f0714a14;
border-radius: 4px;
padding: 20px 12px;
text-align: center;
border: 1px solid #f0714a2e
}

.lp-prog .metric-val {
font-size: 30px;
line-height: 1.2;
font-weight: 800;
color: #F0714A;
display: block;
letter-spacing: -.01em
}

.lp-prog .metric-lbl {
font-size: 16px;
line-height: 1.5;
color: #222942;
display: block;
margin-top: 6px
}

.lp-prog .aside-note {
background: #fdda381f;
border-radius: 4px;
padding: 20px;
border-top: 3px solid #FDDA38;
border-right: 1px solid #fdda384d;
border-bottom: 1px solid #fdda384d;
border-left: 1px solid #fdda384d
}

.lp-prog .aside-note p {
font-size: 16px;
line-height: 1.7;
color: #222942;
margin: 0
}

.lp-prog .aside-note strong {
color: #222942;
font-weight: 700
}

@media (max-width: 1366px) {
.lp-prog .t-txt-col {
padding: 60px 40px
}

.lp-prog .t-h1 {
font-size: 58px
}

.lp-prog .prog-detail {
padding: 80px 40px
}

.lp-prog .pd-grid {
gap: 40px;
grid-template-columns: 1fr 300px
}
}

@media (max-width: 768px) {
.lp-prog .title-blk {
grid-template-columns: 1fr
}

.lp-prog .t-img-col {
height: 260px;
border-radius: 0
}

.lp-prog .t-txt-col {
padding: 40px 20px;
border-radius: 0
}

.lp-prog .t-h1 {
font-size: 30px
}

.lp-prog .prog-detail {
padding: 40px 20px
}

.lp-prog .pd-grid {
grid-template-columns: 1fr;
gap: 40px
}

.lp-prog .metrics-row {
flex-direction: column
}

.lp-prog .offer-price {
font-size: 30px
}
}

@media (max-width: 375px) {
.lp-prog .t-h1 {
font-size: 23px
}

.lp-prog .step-list li {
grid-template-columns: 40px 1fr;
gap: 12px
}

.lp-prog .offer-card {
padding: 20px
}

.lp-prog .btn-enroll {
padding: 20px
}
}

.lp-prog .step-list li {
animation: step-in .18s ease-out both
}

.lp-prog .step-list li:nth-child(1) {
animation-delay: .05s
}

.lp-prog .step-list li:nth-child(2) {
animation-delay: .1s
}

.lp-prog .step-list li:nth-child(3) {
animation-delay: .15s
}

.lp-prog .step-list li:nth-child(4) {
animation-delay: .2s
}

.lp-prog .step-list li:nth-child(5) {
animation-delay: .25s
}

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

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

.abt-us {
max-width: 1440px;
margin: 0 auto;
overflow: hidden
}

.abt-us .dot-grp {
position: absolute;
display: flex;
flex-wrap: wrap;
gap: 6px;
pointer-events: none
}

.abt-us .dot-grp span {
display: block;
border-radius: 44px;
background: #F0714A;
opacity: .18
}

.abt-us .top-blk {
position: relative;
background: #222942;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 40px;
align-items: center;
overflow: hidden
}

.abt-us .top-blk .dot-grp {
bottom: 20px;
left: 20px
}

.abt-us .top-blk .dot-grp span:nth-child(1) {
width: 8px;
height: 8px
}

.abt-us .top-blk .dot-grp span:nth-child(2) {
width: 14px;
height: 14px
}

.abt-us .top-blk .dot-grp span:nth-child(3) {
width: 6px;
height: 6px
}

.abt-us .top-blk .dot-grp span:nth-child(4) {
width: 10px;
height: 10px
}

.abt-us .top-blk .dot-grp span:nth-child(5) {
width: 5px;
height: 5px
}

.abt-us .top-blk .dot-grp span:nth-child(6) {
width: 12px;
height: 12px
}

.abt-us .top-blk__left {
display: flex;
flex-direction: column;
gap: 20px
}

.abt-us .top-blk__label {
font-size: 16px;
line-height: 1.5;
color: #FDDA38;
letter-spacing: .12em;
text-transform: uppercase
}

.abt-us .top-blk__h1 {
font-size: 72px;
line-height: 1.2;
color: #fff;
font-weight: 900;
letter-spacing: -.02em;
margin: 0
}

.abt-us .top-blk__h1 em {
font-style: normal;
color: #F0714A
}

.abt-us .top-blk__sub {
font-size: 16px;
line-height: 1.7;
color: #ffffffb8;
max-width: 340px;
margin: 0
}

.abt-us .top-blk__img-wrap {
position: relative;
border-radius: 4px;
overflow: hidden;
height: 480px
}

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

.abt-us .top-blk__img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #f0714a47 0%, #2229428c 100%);
pointer-events: none
}

.abt-us .top-blk__pattern {
position: absolute;
top: 0;
right: 0;
width: 220px;
height: 220px;
pointer-events: none;
opacity: .07
}

.abt-us .top-blk__pattern circle {
fill: #FDDA38
}

.abt-us .story-blk {
background: #fff;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 40px;
align-items: start
}

.abt-us .story-blk__divider {
background: linear-gradient(180deg, transparent 0%, #F0714A 30%, #222942 70%, transparent 100%);
align-self: stretch
}

.abt-us .story-blk__left {
display: flex;
flex-direction: column;
gap: 20px;
padding-right: 40px
}

.abt-us .story-blk__right {
display: flex;
flex-direction: column;
gap: 20px;
padding-left: 40px
}

.abt-us .story-blk__tag {
font-size: 16px;
line-height: 1.5;
color: #F0714A;
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 700
}

.abt-us .story-blk__h2 {
font-size: 30px;
line-height: 1.2;
color: #222942;
font-weight: 800;
margin: 0
}

.abt-us .story-blk__p {
font-size: 16px;
line-height: 1.7;
color: #3a3a4a;
margin: 0
}

.abt-us .story-blk__note {
font-size: 16px;
line-height: 1.5;
color: #888;
border-top: 2px solid #FDDA38;
padding-top: 12px;
margin: 0
}

.abt-us .story-blk__img-wrap {
border-radius: 4px;
overflow: hidden;
width: 100%;
height: 300px
}

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

.abt-us .story-blk__stat-row {
display: flex;
flex-direction: row;
gap: 20px
}

.abt-us .stat-pill {
flex: 1;
background: #222942;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 6px
}

.abt-us .stat-pill__num {
font-size: 30px;
line-height: 1.2;
color: #FDDA38;
font-weight: 900
}

.abt-us .stat-pill__lbl {
font-size: 16px;
line-height: 1.5;
color: #ffffffb3
}

.abt-us .team-blk {
background: #f5f0ed;
padding: 80px 40px;
position: relative;
overflow: hidden
}

.abt-us .team-blk .dot-grp {
top: 20px;
right: 20px
}

.abt-us .team-blk .dot-grp span:nth-child(1) {
width: 16px;
height: 16px;
opacity: .2
}

.abt-us .team-blk .dot-grp span:nth-child(2) {
width: 8px;
height: 8px;
opacity: .14
}

.abt-us .team-blk .dot-grp span:nth-child(3) {
width: 12px;
height: 12px;
opacity: .18
}

.abt-us .team-blk .dot-grp span:nth-child(4) {
width: 6px;
height: 6px;
opacity: .12
}

.abt-us .team-blk .dot-grp span:nth-child(5) {
width: 10px;
height: 10px;
opacity: .16
}

.abt-us .team-blk__hd {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 40px;
max-width: 520px
}

.abt-us .team-blk__h2 {
font-size: 58px;
line-height: 1.2;
color: #222942;
font-weight: 900;
margin: 0;
letter-spacing: -.01em
}

.abt-us .team-blk__h2 span {
color: #F0714A
}

.abt-us .team-blk__desc {
font-size: 16px;
line-height: 1.7;
color: #4a4a5a;
margin: 0
}

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

.abt-us .member-card {
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 4px 0 #f0714a12 0 7px 18px 0 #f0714a17;
transition: box-shadow .18s ease-out, transform .15s ease-out
}

.abt-us .member-card:hover {
box-shadow: 0 8px 36px 0 #f0714a1c;
transform: translateY(-3px)
}

.abt-us .member-card__img-wrap {
width: 100%;
height: 260px;
overflow: hidden
}

.abt-us .member-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .2s ease-out
}

.abt-us .member-card:hover .member-card__img-wrap img {
transform: scale(1.04)
}

.abt-us .member-card__body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 6px
}

.abt-us .member-card__name {
font-size: 23px;
line-height: 1.2;
color: #222942;
font-weight: 800;
margin: 0
}

.abt-us .member-card__role {
font-size: 16px;
line-height: 1.5;
color: #F0714A;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase
}

.abt-us .member-card__bio {
font-size: 16px;
line-height: 1.7;
color: #555;
margin: 6px 0 0
}

.abt-us .member-card__icon-wrap {
display: flex;
align-items: center;
gap: 12px;
margin-top: 12px
}

.abt-us .icon-circle {
width: 36px;
height: 36px;
border-radius: 44px;
background: #F0714A;
border: 2px solid #222942;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.abt-us .icon-circle svg {
width: 16px;
height: 16px;
fill: #fff
}

.abt-us .member-card__years {
font-size: 16px;
line-height: 1.5;
color: #888
}

.abt-us .vals-blk {
background: #222942;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center
}

.abt-us .vals-blk__left {
display: flex;
flex-direction: column;
gap: 20px
}

.abt-us .vals-blk__label {
font-size: 16px;
line-height: 1.5;
color: #FDDA38;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 700
}

.abt-us .vals-blk__h2 {
font-size: 58px;
line-height: 1.2;
color: #fff;
font-weight: 900;
margin: 0;
letter-spacing: -.01em
}

.abt-us .vals-blk__p {
font-size: 16px;
line-height: 1.7;
color: #ffffffa6;
margin: 0
}

.abt-us .vals-blk__img-wrap {
border-radius: 4px;
overflow: hidden;
height: 420px;
position: relative
}

.abt-us .vals-blk__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.abt-us .vals-blk__img-wrap::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(200deg, #fdda382e 0%, #f0714a38 100%);
z-index: 1;
pointer-events: none
}

.abt-us .val-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px
}

.abt-us .val-item {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start
}

.abt-us .val-item__ic {
width: 40px;
height: 40px;
border-radius: 44px;
background: #F0714A;
border: 2px solid #FDDA38;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.abt-us .val-item__ic svg {
width: 18px;
height: 18px;
fill: #fff
}

.abt-us .val-item__txt {
display: flex;
flex-direction: column;
gap: 6px
}

.abt-us .val-item__h {
font-size: 16px;
line-height: 1.5;
color: #FDDA38;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0
}

.abt-us .val-item__p {
font-size: 16px;
line-height: 1.7;
color: #ffffffa6;
margin: 0
}

@keyframes clip-reveal {
from {
clip-path: inset(0 50% 0 50%);
opacity: 0
}

to {
clip-path: inset(0 0% 0 0%);
opacity: 1
}
}

.abt-us .top-blk__h1 {
animation: clip-reveal .18s ease-out both
}

@media (max-width: 1366px) {
.abt-us .top-blk__h1 {
font-size: 58px
}

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

@media (max-width: 768px) {
.abt-us .top-blk {
grid-template-columns: 1fr;
padding: 40px 20px
}

.abt-us .top-blk__img-wrap {
height: 300px
}

.abt-us .top-blk__h1 {
font-size: 30px
}

.abt-us .story-blk {
grid-template-columns: 1fr;
padding: 40px 20px
}

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

.abt-us .story-blk__left {
padding-right: 0
}

.abt-us .story-blk__right {
padding-left: 0
}

.abt-us .team-blk {
padding: 40px 20px
}

.abt-us .team-blk__h2 {
font-size: 30px
}

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

.abt-us .vals-blk {
grid-template-columns: 1fr;
padding: 40px 20px
}

.abt-us .vals-blk__h2 {
font-size: 30px
}

.abt-us .vals-blk__img-wrap {
height: 260px
}
}

@media (max-width: 375px) {
.abt-us .top-blk__h1 {
font-size: 23px
}

.abt-us .story-blk__stat-row {
flex-direction: column
}

.abt-us .team-blk__h2 {
font-size: 23px
}

.abt-us .vals-blk__h2 {
font-size: 23px
}
}

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

.ct-us .reveal {
opacity: 0;
transform: translateY(32px);
animation: slideUp .2s ease-out forwards
}

.ct-us .reveal.d1 {
animation-delay: .05s
}

.ct-us .reveal.d2 {
animation-delay: .1s
}

.ct-us .reveal.d3 {
animation-delay: .15s
}

.ct-us .reveal.d4 {
animation-delay: .18s
}

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

.ct-us .pg-top {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.ct-us .pg-top__left {
position: relative
}

.ct-us .pg-top__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 16px;
font-weight: 600;
letter-spacing: .12em;
color: #F0714A;
text-transform: uppercase;
margin-bottom: 20px
}

.ct-us .pg-top__eyebrow::before {
content: '';
display: block;
width: 28px;
height: 2px;
background: #F0714A;
flex-shrink: 0
}

.ct-us .pg-top__h1 {
font-size: 58px;
line-height: 1.2;
font-weight: 800;
color: #222942;
letter-spacing: -.01em;
margin-bottom: 20px
}

.ct-us .pg-top__h1 span {
color: #F0714A
}

.ct-us .pg-top__sub {
font-size: 16px;
line-height: 1.7;
color: #222942;
opacity: .72;
max-width: 380px;
margin-bottom: 40px
}

.ct-us .info-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px
}

.ct-us .info-list__item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
padding: 20px;
border: 1.5px dashed #f0714a59;
border-radius: 4px;
background: #f0714a08;
transition: border-color .15s ease-out, background .15s ease-out
}

.ct-us .info-list__item:hover {
border-color: #F0714A;
background: #f0714a0f
}

.ct-us .info-list__icon {
width: 36px;
height: 36px;
border-radius: 4px;
background: #222942;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ct-us .info-list__icon svg {
width: 18px;
height: 18px;
fill: none;
stroke: #FDDA38;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.ct-us .info-list__label {
font-size: 16px;
font-weight: 700;
color: #222942;
letter-spacing: .04em;
display: block;
margin-bottom: 6px
}

.ct-us .info-list__val {
font-size: 16px;
line-height: 1.5;
color: #222942;
opacity: .78;
text-decoration: none;
display: block
}

.ct-us .info-list__val:hover {
color: #F0714A;
opacity: 1
}

.ct-us .deco-anchor {
position: absolute;
right: -20px;
top: 0;
width: 6px;
height: 120px;
background: linear-gradient(180deg, #FDDA38 0%, #F0714A 100%);
border-radius: 4px
}

.ct-us .pg-top__right {
position: relative
}

.ct-us .form-shell {
background: #222942;
border-radius: 4px;
padding: 40px;
box-shadow: 0 8px 36px 0 #2229421c;
position: relative;
overflow: hidden
}

.ct-us .form-shell::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 180px;
height: 180px;
background: radial-gradient(ellipse at 100% 0%, #fdda3821 0%, transparent 70%);
pointer-events: none
}

.ct-us .form-shell::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 120px;
height: 120px;
background: radial-gradient(ellipse at 0% 100%, #f0714a1f 0%, transparent 70%);
pointer-events: none
}

.ct-us .form-hdg {
font-size: 23px;
font-weight: 700;
color: #fff;
line-height: 1.2;
margin-bottom: 6px;
letter-spacing: .02em
}

.ct-us .form-note {
font-size: 16px;
color: #ffffff8c;
line-height: 1.5;
margin-bottom: 40px
}

.ct-us .form-grp {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px
}

.ct-us .f-field {
display: flex;
flex-direction: column;
gap: 6px
}

.ct-us .f-field label {
font-size: 16px;
font-weight: 600;
color: #ffffffbf;
letter-spacing: .05em
}

.ct-us .f-field input,
.ct-us .f-field select,
.ct-us .f-field textarea {
background: #ffffff12;
border: 1.5px solid #ffffff24;
border-radius: 4px;
padding: 12px 20px;
font-size: 16px;
color: #fff;
line-height: 1.5;
outline: none;
transition: border-color .15s ease-out, background .12s ease-out;
width: 100%;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none
}

.ct-us .f-field input::placeholder,
.ct-us .f-field textarea::placeholder {
color: #ffffff47;
font-weight: 300
}

.ct-us .f-field input:focus,
.ct-us .f-field select:focus,
.ct-us .f-field textarea:focus {
border-color: #F0714A;
background: #ffffff1a
}

.ct-us .f-field select option {
background: #222942;
color: #fff
}

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

.ct-us .topic-toggle {
display: none
}

.ct-us .topic-lbl {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
cursor: pointer;
padding: 12px 20px;
border: 1.5px solid #ffffff24;
border-radius: 4px;
background: #ffffff12;
transition: border-color .15s ease-out, background .12s ease-out;
user-select: none
}

.ct-us .topic-lbl:hover {
border-color: #f0714a80;
background: #ffffff1a
}

.ct-us .topic-toggle:checked+.topic-lbl {
border-color: #F0714A;
background: #f0714a1f
}

.ct-us .topic-lbl__box {
width: 18px;
height: 18px;
border: 2px solid #ffffff59;
border-radius: 4px;
flex-shrink: 0;
position: relative;
transition: border-color .12s ease-out, background .12s ease-out;
background: transparent
}

.ct-us .topic-toggle:checked+.topic-lbl .topic-lbl__box {
border-color: #F0714A;
background: #F0714A
}

.ct-us .topic-lbl__box::after {
content: '';
position: absolute;
left: 3px;
top: 0;
width: 8px;
height: 12px;
border-right: 2.5px solid #fff;
border-bottom: 2.5px solid #fff;
transform: rotate(40deg) scale(0);
transition: transform .12s ease-out
}

.ct-us .topic-toggle:checked+.topic-lbl .topic-lbl__box::after {
transform: rotate(40deg) scale(1)
}

.ct-us .topic-lbl__text {
font-size: 16px;
color: #ffffffbf;
line-height: 1.5
}

.ct-us .cond-area {
display: none;
flex-direction: column;
gap: 20px;
margin-top: 20px
}

.ct-us .topic-toggle:checked~.cond-area {
display: flex
}

.ct-us .topics-grp {
display: flex;
flex-direction: column;
gap: 12px
}

.ct-us .topics-grp legend {
font-size: 16px;
font-weight: 600;
color: #ffffffbf;
letter-spacing: .05em;
margin-bottom: 12px
}

.ct-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
margin-top: 20px
}

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

.ct-us .privacy-row p {
font-size: 16px;
color: #ffffff8c;
line-height: 1.5;
margin: 0
}

.ct-us .privacy-row a {
color: #FDDA38;
text-decoration: underline;
text-underline-offset: 2px;
transition: color .12s ease-out
}

.ct-us .privacy-row a:hover {
color: #F0714A
}

.ct-us .btn-sub {
width: 100%;
padding: 20px 40px;
background: #F0714A;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .06em;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background .15s ease-out, transform .12s ease-out, box-shadow .15s ease-out;
box-shadow: 0 7px 18px 0 #f0714a17;
position: relative;
overflow: hidden
}

.ct-us .btn-sub:hover {
background: #d95c38;
box-shadow: 0 8px 36px 0 #f0714a1c;
transform: translateY(-1px)
}

.ct-us .btn-sub:active {
transform: translateY(0);
background: #c45030
}

.ct-us .btn-sub:focus-visible {
outline: 2px solid #FDDA38;
outline-offset: 3px
}

.ct-us .info-strip {
background: #222942;
position: relative;
overflow: hidden
}

.ct-us .info-strip__inner {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.ct-us .strip-deco {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #F0714A 0%, #FDDA38 60%, transparent 100%)
}

.ct-us .strip-left {
position: relative
}

.ct-us .strip-h2 {
font-size: 30px;
font-weight: 800;
color: #fff;
line-height: 1.2;
letter-spacing: .01em;
margin-bottom: 20px
}

.ct-us .strip-h2 em {
font-style: normal;
color: #FDDA38
}

.ct-us .strip-body {
font-size: 16px;
line-height: 1.7;
color: #ffffff9e;
max-width: 420px
}

.ct-us .strip-right {
display: flex;
flex-direction: column;
gap: 20px
}

.ct-us .metric-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding: 20px;
border: 1px solid #ffffff14;
border-radius: 4px;
background: #ffffff0a;
transition: border-color .15s ease-out
}

.ct-us .metric-card:hover {
border-color: #f0714a66
}

.ct-us .metric-card__num {
font-size: 30px;
font-weight: 800;
color: #F0714A;
line-height: 1.2;
letter-spacing: -.01em;
flex-shrink: 0;
min-width: 80px
}

.ct-us .metric-card__num span {
color: #FDDA38;
font-size: 23px
}

.ct-us .metric-card__desc {
font-size: 16px;
color: #ffffffa6;
line-height: 1.5
}

@media (max-width: 1366px) {
.ct-us .pg-top {
gap: 40px;
padding: 80px 40px
}

.ct-us .pg-top__h1 {
font-size: 58px
}

.ct-us .info-strip__inner {
gap: 40px;
padding: 80px 40px
}
}

@media (max-width: 768px) {
.ct-us .pg-top {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 20px
}

.ct-us .deco-anchor {
display: none
}

.ct-us .pg-top__h1 {
font-size: 30px
}

.ct-us .form-shell {
padding: 20px
}

.ct-us .info-strip__inner {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 20px
}

.ct-us .strip-h2 {
font-size: 23px
}
}

@media (max-width: 375px) {
.ct-us .pg-top {
padding: 40px 12px
}

.ct-us .pg-top__h1 {
font-size: 23px
}

.ct-us .form-shell {
padding: 20px 12px
}

.ct-us .info-strip__inner {
padding: 40px 12px
}

.ct-us .metric-card__num {
font-size: 23px;
min-width: 60px
}
}

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

.succ-page .succ-wrap {
max-width: 560px;
width: 100%;
text-align: center
}

.succ-page .succ-icon {
width: 72px;
height: 72px;
margin: 0 auto 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 44px;
background: #FDDA38;
box-shadow: 0 7px 18px 0 #f0714a17
}

.succ-page .succ-icon svg {
display: block
}

.succ-page .succ-title {
font-size: 58px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.02em;
color: #222942;
margin: 0 0 20px
}

.succ-page .succ-title span {
color: #F0714A
}

.succ-page .succ-text {
font-size: 23px;
line-height: 1.5;
color: #222942;
margin: 0 0 40px;
opacity: .75
}

.succ-page .succ-divider {
width: 48px;
height: 3px;
background: #F0714A;
border-radius: 4px;
margin: 0 auto 40px
}

.succ-page .succ-note {
font-size: 16px;
line-height: 1.7;
color: #222942;
opacity: .6;
margin: 0 0 40px
}

.succ-page .succ-btn {
display: inline-block;
padding: 20px 40px;
background: #F0714A;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .06em;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 4px 0 #f0714a12 0 7px 18px 0 #f0714a17;
transition: background .15s ease-out, box-shadow .2s ease-out
}

.succ-page .succ-btn:hover {
background: #222942;
box-shadow: 0 8px 36px 0 #f0714a1c
}

.succ-page .succ-btn:focus {
outline: 2px solid #FDDA38;
outline-offset: 3px
}

@media (max-width: 768px) {
.succ-page .succ-title {
font-size: 30px
}

.succ-page .succ-text {
font-size: 16px
}
}

h1, h2, h3, h4, h5, h6 {word-break: break-word;}