* {
box-sizing: border-box;
}

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}

.topbar {
background: linear-gradient(90deg, #2a2e32 0%, #353b41 100%);
border-bottom: 1px solid rgba(107, 131, 147, 0.18);
font-family: 'Raleway', sans-serif;
}

.topbar-inner {
max-width: 1400px;
margin: 0 auto;
padding: 8px 32px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
}

.topbar-contact {
display: flex;
align-items: center;
gap: 24px;
}

.topbar-link {
color: #c8d4db;
font-size: 15px;
line-height: 1.35;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.topbar-link:hover,
.topbar-link:focus {
color: #ffffff;
background: transparent;
outline: none;
}

.topbar-link:focus {
background-color: rgba(107, 131, 147, 0.15);
border-radius: 3px;
}

.topbar-icon {
width: 16px;
height: 16px;
fill: none;
stroke: #6B8393;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
}

.topbar-sep {
width: 1px;
height: 16px;
background: rgba(107, 131, 147, 0.3);
}

.sitehead {
background: linear-gradient(175deg, #2e3438 0%, #1e2428 100%);
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
font-family: 'Raleway', sans-serif;
position: relative;
}

.sitehead-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 80px;
}

.logocard {
display: flex;
align-items: center;
flex-shrink: 0;
text-decoration: none;
background: #ffffff;
padding: 8px;
border-radius: 3px 40px 3px 3px;
box-shadow: -1px 2px 4px 1px rgba(107, 131, 147, 0.08), -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
border: 1px solid rgba(107, 131, 147, 0.2);
transition: box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.logocard:hover {
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.logocard:focus {
outline: none;
background-color: rgba(107, 131, 147, 0.1);
}

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

.sitenav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
justify-content: flex-end;
}

.sitenav-item {
color: #c8d4db;
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
padding: 8px 16px;
border-radius: 3px;
position: relative;
display: inline-block;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
border: 1.5px solid transparent;
}

.sitenav-item::after {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 1.5px solid #6B8393;
opacity: 0;
transition: opacity 0.28s cubic-bezier(0.68, -0.55, 0.27, 1.55);
pointer-events: none;
}

.sitenav-item:hover {
color: #ffffff;
background-color: rgba(107, 131, 147, 0.12);
}

.sitenav-item:hover::after {
opacity: 1;
}

.sitenav-item:focus {
outline: none;
background-color: rgba(107, 131, 147, 0.18);
color: #ffffff;
}

.sitenav-item.active {
color: #ffffff;
background-color: rgba(107, 131, 147, 0.2);
}

.sitenav-item.active::after {
opacity: 1;
}

.sitefooter {
background: linear-gradient(175deg, #1e2428 0%, #181c1f 100%);
font-family: 'Raleway', sans-serif;
border-top: 1px solid rgba(107, 131, 147, 0.15);
box-shadow: inset 0 4px 12px rgba(107, 131, 147, 0.06);
}

.sitefooter-inner {
max-width: 1400px;
margin: 0 auto;
padding: 24px 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

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

.footlogocard {
display: flex;
align-items: center;
background: #ffffff;
padding: 6px;
border-radius: 3px 3px 40px 3px;
box-shadow: -1px 2px 4px 1px rgba(107, 131, 147, 0.08);
border: 1px solid rgba(107, 131, 147, 0.15);
flex-shrink: 0;
}

.footlogoimg {
width: 40px;
height: 40px;
object-fit: contain;
display: block;
}

.footcopy {
color: #8a9aa5;
font-size: 15px;
line-height: 1.35;
}

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

.footlegal {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}

.footlegal-link {
color: #8a9aa5;
font-size: 15px;
line-height: 1.35;
text-decoration: none;
padding: 4px 8px;
border-radius: 3px;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.footlegal-link:hover {
color: #c8d4db;
background-color: rgba(107, 131, 147, 0.1);
}

.footlegal-link:focus {
outline: none;
background-color: rgba(107, 131, 147, 0.15);
color: #c8d4db;
}

.footlegal-dot {
color: rgba(107, 131, 147, 0.4);
font-size: 15px;
user-select: none;
}

.cookiebar {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2000;
background: #2a2e32;
border-bottom: 2px solid #6B8393;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
font-family: 'Raleway', sans-serif;
}

.cookiebar-inner {
max-width: 1400px;
margin: 0 auto;
padding: 16px 32px;
display: flex;
align-items: flex-start;
gap: 24px;
flex-wrap: wrap;
}

.cookiebar-text {
flex: 1;
min-width: 260px;
}

.cookiebar-desc {
color: #c8d4db;
font-size: 15px;
line-height: 1.55;
margin: 0 0 8px 0;
}

.cookiebar-cats {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.cookiebar-cat {
display: flex;
align-items: center;
gap: 8px;
color: #8a9aa5;
font-size: 15px;
line-height: 1.35;
}

.cookiebar-cat input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #6B8393;
cursor: pointer;
}

.cookiebar-cat.required {
color: #6B8393;
}

.cookiebar-cat.required input {
cursor: not-allowed;
}

.cookiebar-btns {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
flex-wrap: wrap;
padding-top: 4px;
}

.cookiebtn {
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
padding: 8px 24px;
border-radius: 3px;
border: 1.5px solid #6B8393;
background: transparent;
color: #c8d4db;
cursor: pointer;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
min-height: 44px;
}

.cookiebtn:hover {
background-color: rgba(107, 131, 147, 0.18);
color: #ffffff;
}

.cookiebtn:focus {
outline: none;
background-color: rgba(107, 131, 147, 0.22);
color: #ffffff;
}

.cookiebtn.accept {
background: #6B8393;
color: #ffffff;
border-color: #6B8393;
}

.cookiebtn.accept:hover {
background: #7a95a6;
border-color: #7a95a6;
}

.cookiebtn.accept:focus {
background: #7a95a6;
outline: none;
}

.cookiebar-more {
color: #6B8393;
font-size: 15px;
line-height: 1.35;
text-decoration: underline;
background: none;
border: none;
cursor: pointer;
padding: 4px 0;
font-family: 'Raleway', sans-serif;
min-height: 44px;
}

.cookiebar-more:hover {
color: #c8d4db;
}

.cookiebar-more:focus {
outline: none;
color: #c8d4db;
}

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

.sitehead-inner {
padding: 0 16px;
flex-wrap: wrap;
min-height: auto;
padding-top: 16px;
padding-bottom: 16px;
}

.sitenav {
width: 100%;
justify-content: flex-start;
}

.sitefooter-inner {
padding: 24px 16px;
flex-direction: column;
align-items: flex-start;
}

.cookiebar-inner {
padding: 16px;
}
}

.policy-page {
max-width: 1400px;
margin: 0 auto;
padding: 64px 32px;
color: #f0ece8;
background: linear-gradient(180deg, #2a2a2a 0%, #1e1e1e 100%);
min-height: 100vh;
}

.policy-page strong,
.policy-page b {
color: #e8e0d8;
font-weight: 700;
}

.policy-page em,
.policy-page i {
color: #c8bdb5;
font-style: italic;
}

.policy-page a {
color: #6B8393;
text-decoration: none;
border-bottom: 1px solid rgba(107, 131, 147, 0.4);
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.policy-page a:hover {
color: #A09696;
border-bottom-color: rgba(160, 150, 150, 0.7);
}

.policy-page div {
margin-bottom: 16px;
line-height: 1.55;
font-size: 16px;
}

.policy-page table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 15px;
line-height: 1.55;
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
}

.policy-page thead {
background: linear-gradient(135deg, #545454 0%, #6B8393 100%);
}

.policy-page thead th {
color: #f0ece8;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 16px 24px;
text-align: left;
border: none;
}

.policy-page tbody tr {
border-bottom: 1px solid rgba(107, 131, 147, 0.15);
transition: background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.policy-page tbody tr:last-child {
border-bottom: none;
}

.policy-page tbody tr:nth-child(odd) {
background: rgba(84, 84, 84, 0.12);
}

.policy-page tbody tr:nth-child(even) {
background: rgba(84, 84, 84, 0.06);
}

.policy-page tbody tr:hover {
background: rgba(107, 131, 147, 0.18);
}

.policy-page td {
padding: 16px 24px;
color: #ddd5cc;
font-size: 15px;
line-height: 1.55;
vertical-align: top;
border: none;
}

.policy-page th {
padding: 16px 24px;
text-align: left;
}

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

.policy-page table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.policy-page thead th,
.policy-page td {
padding: 16px;
white-space: nowrap;
}
}

.lrpd {
background: linear-gradient(170deg, #2a2a2e 0%, #1e1e22 40%, #16161a 100%);
min-height: 100vh;
color: #e8e4e4;
overflow-x: clip;
}

.lrpd .pg-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.lrpd .diag-reveal {
animation: diagFade 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes diagFade {
from {
opacity: 0;
transform: translate(-12px, 12px);
}

to {
opacity: 1;
transform: translate(0, 0);
}
}

.lrpd .atmo-spot {
position: absolute;
border-radius: 40px;
pointer-events: none;
z-index: 0;
}

.lrpd .titleblk {
position: relative;
padding: 64px 0;
}

.lrpd .titleblk .pg-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 64px;
}

.lrpd .titleblk .spot1 {
width: 320px;
height: 220px;
background: rgba(107, 131, 147, 0.13);
filter: blur(64px);
top: 0;
left: -80px;
}

.lrpd .titleblk .spot2 {
width: 200px;
height: 160px;
background: rgba(160, 150, 150, 0.09);
filter: blur(48px);
bottom: 0;
right: 80px;
}

.lrpd .ttxt {
flex: 1 1 0;
min-width: 0;
z-index: 1;
}

.lrpd .ttxt .overline {
display: block;
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6B8393;
margin-bottom: 16px;
line-height: 1.35;
}

.lrpd .ttxt .cattag {
display: inline-block;
background: rgba(107, 131, 147, 0.22);
color: #b8cdd8;
font-size: 15px;
border-radius: 3px;
padding: 4px 16px;
margin-bottom: 16px;
line-height: 1.35;
}

.lrpd .ttxt h1 {
font-size: 43px;
line-height: 1.1;
color: #f0ecec;
margin: 0 0 24px 0;
font-weight: 700;
}

.lrpd .ttxt .problem {
font-size: 19px;
line-height: 1.55;
color: #b8b2b2;
margin: 0 0 16px 0;
}

.lrpd .ttxt .solution {
font-size: 16px;
line-height: 1.55;
color: #9a9494;
margin: 0 0 32px 0;
}

.lrpd .meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
flex-wrap: wrap;
margin-bottom: 32px;
}

.lrpd .meta-row .price-badge {
font-size: 31px;
font-weight: 700;
color: #f0ecec;
line-height: 1.1;
}

.lrpd .meta-row .views-ct {
font-size: 15px;
color: #6B8393;
line-height: 1.35;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.lrpd .meta-row .views-ct svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}

.lrpd .btn-enroll {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #6B8393;
color: #f0ecec;
border: none;
border-radius: 3px;
font-size: 16px;
padding: 16px 32px;
cursor: pointer;
position: relative;
overflow: hidden;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none !important;
}

.lrpd .btn-enroll::before {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 2px solid transparent;
transition: border-color 0.28s cubic-bezier(0.68, -0.55, 0.27, 1.55);
pointer-events: none;
}

.lrpd .btn-enroll:hover::before {
border-color: #A09696;
}

.lrpd .btn-enroll:hover {
background: #5a7282;
transform: scale(1.04);
}

.lrpd .btn-enroll:focus {
outline: 2px solid #A09696;
outline-offset: 3px;
}

.lrpd .btn-print {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: transparent;
color: #A09696;
border: 2px solid rgba(160, 150, 150, 0.3);
border-radius: 3px;
font-size: 15px;
padding: 8px 24px;
cursor: pointer;
position: relative;
transition: border-color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none !important;
}

.lrpd .btn-print::before {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 2px solid transparent;
transition: border-color 0.28s cubic-bezier(0.68, -0.55, 0.27, 1.55);
pointer-events: none;
}

.lrpd .btn-print:hover::before {
border-color: #6B8393;
}

.lrpd .btn-print:hover {
color: #d0c8c8;
border-color: rgba(107, 131, 147, 0.5);
transform: scale(1.03);
}

.lrpd .btn-print:focus {
outline: 2px solid #6B8393;
outline-offset: 3px;
}

.lrpd .timg-card {
flex: 0 0 340px;
width: 340px;
border-radius: 3px;
overflow: hidden;
position: relative;
z-index: 1;
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.lrpd .timg-card img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
filter: blur(0px);
}

.lrpd .timg-card::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 30%, transparent 40%, rgba(30, 30, 34, 0.55) 100%);
pointer-events: none;
}

.lrpd .btn-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.lrpd .divider-band {
height: 4px;
background: linear-gradient(90deg, #6B8393 0%, rgba(107, 131, 147, 0) 100%);
width: 100%;
}

.lrpd .detailblk {
padding: 64px 0;
position: relative;
}

.lrpd .detailblk .pg-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.lrpd .detailblk .accent-divider {
position: absolute;
left: 50%;
top: 64px;
bottom: 64px;
width: 2px;
background: linear-gradient(180deg, #6B8393 0%, rgba(107, 131, 147, 0) 100%);
transform: translateX(-50%);
pointer-events: none;
}

.lrpd .prog-col .col-overline {
display: block;
font-size: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #6B8393;
margin-bottom: 16px;
line-height: 1.35;
}

.lrpd .prog-col h2 {
font-size: 23px;
line-height: 1.35;
color: #e8e4e4;
margin: 0 0 24px 0;
font-weight: 600;
}

.lrpd .prog-col .prog-body {
font-size: 16px;
line-height: 1.55;
color: #b8b2b2;
}

.lrpd .prog-col .prog-body p {
margin: 0 0 16px 0;
}

.lrpd .prog-col .prog-body h2,
.lrpd .prog-col .prog-body h3 {
color: #d8d4d4;
margin: 24px 0 8px 0;
}

.lrpd .prog-col .prog-body h2 {
font-size: 19px;
line-height: 1.35;
}

.lrpd .prog-col .prog-body h3 {
font-size: 16px;
line-height: 1.35;
font-weight: 600;
}

.lrpd .prog-col .prog-body mark {
background: rgba(107, 131, 147, 0.28);
color: #d8f0ff;
border-radius: 3px;
padding: 0 4px;
}

.lrpd .prog-col .prog-body small {
font-size: 15px;
color: #8a8484;
}

.lrpd .prog-col .prog-body ol {
padding-left: 24px;
margin: 8px 0 16px 0;
}

.lrpd .prog-col .prog-body li {
margin-bottom: 8px;
line-height: 1.55;
}

.lrpd .prog-col .prog-body dl {
margin: 8px 0 16px 0;
}

.lrpd .prog-col .prog-body dt {
font-weight: 600;
color: #d0caca;
margin-top: 8px;
}

.lrpd .prog-col .prog-body dd {
margin-left: 16px;
color: #a09a9a;
}

.lrpd .prog-col .prog-body figure {
margin: 16px 0;
}

.lrpd .prog-col .prog-body figcaption {
font-size: 15px;
color: #7a7474;
margin-top: 4px;
}

.lrpd .prog-col .prog-body details {
border: 1px solid rgba(107, 131, 147, 0.2);
border-radius: 3px;
padding: 8px 16px;
margin-bottom: 8px;
}

.lrpd .prog-col .prog-body summary {
cursor: pointer;
font-weight: 600;
color: #b8cdd8;
}

.lrpd .desc-col .col-overline {
display: block;
font-size: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #A09696;
margin-bottom: 16px;
line-height: 1.35;
}

.lrpd .desc-col h2 {
font-size: 23px;
line-height: 1.35;
color: #e8e4e4;
margin: 0 0 24px 0;
font-weight: 600;
}

.lrpd .desc-col .desc-body {
font-size: 16px;
line-height: 1.55;
color: #b8b2b2;
}

.lrpd .desc-col .desc-body p {
margin: 0 0 16px 0;
}

.lrpd .desc-col .desc-body h2 {
font-size: 19px;
line-height: 1.35;
color: #d8d4d4;
margin: 24px 0 8px 0;
}

.lrpd .desc-col .desc-body h3 {
font-size: 16px;
line-height: 1.35;
font-weight: 600;
color: #d0caca;
margin: 16px 0 8px 0;
}

.lrpd .desc-col .desc-body em {
color: #c8d8e0;
font-style: italic;
}

.lrpd .desc-col .desc-body cite {
display: block;
font-size: 15px;
color: #7a7474;
border-left: none;
padding-left: 16px;
position: relative;
margin: 8px 0 16px 0;
}

.lrpd .desc-col .desc-body cite::before {
content: '';
position: absolute;
left: 0;
top: 2px;
bottom: 2px;
width: 3px;
background: rgba(160, 150, 150, 0.4);
border-radius: 3px;
}

.lrpd .desc-col .desc-body ol {
padding-left: 24px;
margin: 8px 0 16px 0;
}

.lrpd .desc-col .desc-body li {
margin-bottom: 8px;
line-height: 1.55;
}

.lrpd .desc-col .desc-body figure {
margin: 16px 0;
}

.lrpd .desc-col .desc-body figcaption {
font-size: 15px;
color: #7a7474;
margin-top: 4px;
}

.lrpd .desc-col .desc-body details {
border: 1px solid rgba(160, 150, 150, 0.2);
border-radius: 3px;
padding: 8px 16px;
margin-bottom: 8px;
}

.lrpd .desc-col .desc-body summary {
cursor: pointer;
font-weight: 600;
color: #b8b0b0;
}

.lrpd .desc-col .desc-body a {
color: #8ab0c4;
text-decoration: none !important;
display: inline-block;
transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrpd .desc-col .desc-body a:hover {
transform: rotate(-2deg);
text-decoration: underline !important;
}

.lrpd .dashed-conn {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin: 24px 0;
}

.lrpd .dashed-conn .dash-line {
flex: 1;
border-top: 1px dashed rgba(107, 131, 147, 0.35);
}

.lrpd .dashed-conn .dash-label {
font-size: 15px;
color: #6B8393;
white-space: nowrap;
}

.lrpd .arrow-accent {
display: inline-block;
margin-left: 8px;
color: #6B8393;
}

@media (max-width: 900px) {
.lrpd .titleblk .pg-wrap {
flex-direction: column;
gap: 32px;
}

.lrpd .timg-card {
flex: 0 0 auto;
width: 100%;
}

.lrpd .detailblk .pg-wrap {
grid-template-columns: 1fr;
gap: 32px;
}

.lrpd .detailblk .accent-divider {
display: none;
}

.lrpd .ttxt h1 {
font-size: 31px;
}
}

@media (max-width: 600px) {
.lrpd .pg-wrap {
padding: 0 16px;
}

.lrpd .titleblk {
padding: 32px 0;
}

.lrpd .detailblk {
padding: 32px 0;
}

.lrpd .meta-row .price-badge {
font-size: 23px;
}
}

.rt {
background: linear-gradient(170deg, #2a2a2a 0%, #1e1e1e 40%, #161616 100%);
color: #e8e4e0;
overflow-x: clip;
position: relative;
}

.rt .pg-width {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.rt .pg-narrow {
max-width: 860px;
margin: 0 auto;
padding: 0 32px;
}

.rt .overline {
display: block;
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6B8393;
margin-bottom: 16px;
}

.rt .dash-divider {
border: none;
border-top: 2px dashed #6B8393;
opacity: 0.45;
margin: 0;
}

.rt .dash-divider.alt {
border-color: #A09696;
opacity: 0.3;
}

.rt a {
color: #A09696;
text-decoration: none;
display: inline-block;
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt a:hover {
color: #e8e4e0;
transform: rotate(-2deg);
}

.rt .btn-prim {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: transparent;
color: #e8e4e0;
border: 2px solid #6B8393;
border-radius: 3px;
font-size: 16px;
cursor: pointer;
position: relative;
transition: color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden;
}

.rt .btn-prim::before {
content: '';
position: absolute;
inset: 0;
border: 2px solid #A09696;
border-radius: 3px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.28s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.rt .btn-prim:hover::before {
transform: scaleX(1);
}

.rt .btn-prim:hover {
color: #fff;
transform: translateY(-2px);
}

.rt .btn-prim svg {
width: 18px;
height: 18px;
flex-shrink: 0;
}

.rt .arrow-accent {
display: inline-block;
margin-left: 8px;
color: #6B8393;
}

.rt img {
max-width: 100%;
display: block;
}

.rt .img-pan-wrap {
overflow: hidden;
}

.rt .img-pan-wrap img {
transition: transform 6s linear;
transform: translateX(0);
}

.rt .img-pan-wrap:hover img {
transform: translateX(-4%);
}

.rt [data-cascade] {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.32s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt [data-cascade].visible {
opacity: 1;
transform: translateY(0);
}

.rt .dbl-border {
border: 2px solid #6B8393;
outline: 4px solid #2a2a2a;
box-shadow: 0 0 0 6px #545454;
}

.rt .sec1 {
padding: 64px 0 64px;
position: relative;
}

.rt .sec1-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.rt .sec1-img-zone {
position: relative;
}

.rt .sec1-img-wrap {
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 10px 44px 1px rgba(84, 84, 84, 0.13);
}

.rt .sec1-img-wrap img {
width: 100%;
height: 520px;
object-fit: cover;
object-position: center;
}

.rt .sec1-vignette {
position: absolute;
inset: 0;
border-radius: 3px;
background: linear-gradient(135deg, rgba(22, 22, 22, 0.55) 0%, transparent 50%, rgba(22, 22, 22, 0.65) 100%);
pointer-events: none;
}

.rt .sec1-shape-a {
position: absolute;
top: -24px;
left: -24px;
width: 80px;
height: 80px;
border: 2px solid #6B8393;
border-radius: 40px;
opacity: 0.35;
pointer-events: none;
}

.rt .sec1-shape-b {
position: absolute;
bottom: -16px;
right: -16px;
width: 48px;
height: 48px;
background: #545454;
border-radius: 3px;
opacity: 0.5;
pointer-events: none;
}

.rt .sec1-txt {
padding: 32px 0 32px 16px;
}

.rt .sec1-h1 {
font-size: 58px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 24px;
}

.rt .sec1-sub {
font-size: 19px;
line-height: 1.55;
color: #A09696;
margin: 0 0 32px;
}

.rt .sec2 {
padding: 64px 0;
background: linear-gradient(135deg, #232b30 0%, #1e2428 60%, #1a1e21 100%);
}

.rt .sec2-inner {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 64px;
align-items: start;
}

.rt .sec2-txt .sec2-h2 {
font-size: 43px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 24px;
}

.rt .sec2-txt p {
font-size: 16px;
line-height: 1.55;
color: #c4bfba;
margin: 0 0 16px;
}

.rt .sec2-img-wrap {
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
}

.rt .sec2-img-wrap img {
width: 100%;
height: 380px;
object-fit: cover;
object-position: center;
}

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

.rt .val-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: rgba(84, 84, 84, 0.12);
border-radius: 3px;
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08);
}

.rt .val-list li .val-num {
font-size: 31px;
line-height: 1.1;
color: #6B8393;
flex-shrink: 0;
min-width: 48px;
}

.rt .val-list li .val-desc {
font-size: 15px;
line-height: 1.55;
color: #c4bfba;
}

.rt .sec3 {
padding: 64px 0;
background: linear-gradient(170deg, #161616 0%, #1e1e1e 100%);
}

.rt .sec3-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
margin-top: 32px;
}

.rt .sec3-card {
padding: 32px 24px;
border-radius: 3px;
border: 1px solid rgba(107, 131, 147, 0.2);
background: rgba(84, 84, 84, 0.08);
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt .sec3-card:hover {
transform: translateY(-4px);
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.rt .sec3-card .card-label {
font-size: 15px;
color: #6B8393;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 16px;
display: block;
}

.rt .sec3-card .card-now {
font-size: 19px;
line-height: 1.35;
color: #A09696;
margin-bottom: 16px;
}

.rt .sec3-card .card-arrow {
font-size: 23px;
color: #6B8393;
margin-bottom: 16px;
display: block;
}

.rt .sec3-card .card-then {
font-size: 19px;
line-height: 1.35;
color: #e8e4e0;
font-weight: 600;
}

.rt .sec3-intro {
max-width: 680px;
}

.rt .sec3-intro .sec3-h2 {
font-size: 43px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 16px;
}

.rt .sec3-intro p {
font-size: 16px;
line-height: 1.55;
color: #A09696;
margin: 0;
}

.rt .sec4 {
padding: 64px 0;
background: #545454;
}

.rt .sec4-head .sec4-h2 {
font-size: 43px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 8px;
}

.rt .sec4-head p {
font-size: 16px;
line-height: 1.55;
color: #e8e4e0;
opacity: 0.8;
margin: 0 0 32px;
}

.rt .metrics-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
margin-bottom: 32px;
}

.rt .metric-item {
text-align: center;
padding: 32px 16px;
background: rgba(255, 255, 255, 0.06);
border-radius: 3px;
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08);
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt .metric-item:hover {
transform: scale(1.04);
}

.rt .metric-num {
font-size: 58px;
line-height: 1.1;
color: #e8e4e0;
display: block;
}

.rt .metric-lbl {
font-size: 15px;
color: rgba(232, 228, 224, 0.7);
line-height: 1.35;
margin-top: 8px;
display: block;
}

.rt .metric-big {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.rt .metric-big-item {
padding: 32px;
background: rgba(255, 255, 255, 0.06);
border-radius: 3px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
}

.rt .metric-big-num {
font-size: 58px;
line-height: 1.1;
color: #e8e4e0;
flex-shrink: 0;
}

.rt .metric-big-desc {
font-size: 16px;
line-height: 1.55;
color: rgba(232, 228, 224, 0.8);
}

.rt .sec5 {
padding: 64px 0;
background: linear-gradient(170deg, #1e1e1e 0%, #232323 100%);
position: relative;
overflow: hidden;
}

.rt .sec5-pattern {
position: absolute;
inset: 0;
background-image:
repeating-linear-gradient(60deg, transparent, transparent 18px, rgba(107, 131, 147, 0.04) 18px, rgba(107, 131, 147, 0.04) 19px),
repeating-linear-gradient(-60deg, transparent, transparent 18px, rgba(107, 131, 147, 0.04) 18px, rgba(107, 131, 147, 0.04) 19px),
repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(107, 131, 147, 0.04) 18px, rgba(107, 131, 147, 0.04) 19px);
pointer-events: none;
}

.rt .sec5-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
position: relative;
}

.rt .sec5-left .sec5-h2 {
font-size: 43px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 24px;
}

.rt .sec5-left p {
font-size: 16px;
line-height: 1.55;
color: #c4bfba;
margin: 0 0 16px;
}

.rt .hesit-block {
display: flex;
flex-direction: column;
gap: 24px;
}

.rt .hesit-item {
padding: 24px;
border-radius: 3px;
background: rgba(84, 84, 84, 0.15);
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08);
border-top: 2px solid #6B8393;
transition: background 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt .hesit-item:hover {
background: rgba(107, 131, 147, 0.12);
}

.rt .hesit-q {
font-size: 19px;
line-height: 1.35;
color: #e8e4e0;
margin-bottom: 8px;
}

.rt .hesit-a {
font-size: 15px;
line-height: 1.55;
color: #A09696;
}

.rt .testimonials {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 8px;
}

.rt .testi-card {
padding: 24px;
background: rgba(84, 84, 84, 0.12);
border-radius: 3px;
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
}

.rt .testi-top {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
margin-bottom: 16px;
}

.rt .testi-portrait {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}

.rt .testi-portrait img {
width: 56px;
height: 56px;
object-fit: cover;
object-position: center;
}

.rt .testi-name {
font-size: 16px;
color: #e8e4e0;
display: block;
}

.rt .testi-role {
font-size: 15px;
color: #6B8393;
display: block;
}

.rt .testi-text {
font-size: 15px;
line-height: 1.55;
color: #c4bfba;
font-style: italic;
}

.rt .sec6 {
padding: 64px 0;
background: linear-gradient(170deg, #1a1e21 0%, #161616 100%);
}

.rt .sec6-head {
margin-bottom: 32px;
}

.rt .sec6-head .sec6-h2 {
font-size: 43px;
line-height: 1.1;
color: #e8e4e0;
margin: 0 0 16px;
}

.rt .sec6-head p {
font-size: 16px;
line-height: 1.55;
color: #A09696;
max-width: 640px;
margin: 0;
}

.rt .timeline {
display: grid;
grid-template-columns: 1fr 3px 1fr;
gap: 0 32px;
margin-top: 32px;
}

.rt .timeline-spine {
background: linear-gradient(180deg, #6B8393 0%, #545454 60%, transparent 100%);
border-radius: 3px;
}

.rt .timeline-col {
display: flex;
flex-direction: column;
gap: 32px;
}

.rt .timeline-col.right {
padding-top: 64px;
}

.rt .tl-item {
padding: 24px;
border-radius: 3px;
background: rgba(84, 84, 84, 0.1);
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
border-radius: 3px;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt .tl-item:hover {
transform: scale(1.02);
}

.rt .tl-phase {
font-size: 15px;
color: #6B8393;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 8px;
display: block;
}

.rt .tl-title {
font-size: 19px;
line-height: 1.35;
color: #e8e4e0;
margin-bottom: 8px;
}

.rt .tl-desc {
font-size: 15px;
line-height: 1.55;
color: #A09696;
}

.rt .sec6-img-strip {
margin-top: 32px;
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.rt .sec6-img-strip img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
}

@media (max-width: 900px) {
.rt .sec1-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.rt .sec1-h1 {
font-size: 43px;
}

.rt .sec1-img-wrap img {
height: 320px;
}

.rt .sec2-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.rt .sec3-wrap {
grid-template-columns: 1fr;
gap: 24px;
}

.rt .metrics-row {
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.rt .metric-big {
grid-template-columns: 1fr;
gap: 16px;
}

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

.rt .timeline {
grid-template-columns: 1fr;
gap: 24px;
}

.rt .timeline-spine {
display: none;
}

.rt .timeline-col.right {
padding-top: 0;
}

.rt .sec2-h2,
.rt .sec3-h2,
.rt .sec4-h2,
.rt .sec5-h2,
.rt .sec6-h2 {
font-size: 31px;
}

.rt .pg-width,
.rt .pg-narrow {
padding: 0 16px;
}

.rt .metric-num,
.rt .metric-big-num {
font-size: 43px;
}
}

.lrnprog {
background: linear-gradient(170deg, #2a2a2a 0%, #1e1e1e 40%, #151515 100%);
min-height: 100vh;
overflow-x: hidden;
position: relative;
}

.lrnprog .stripe-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}

.lrnprog .stripe-bg::before {
content: '';
position: absolute;
top: -100%;
left: -50%;
width: 200%;
height: 300%;
background: repeating-linear-gradient(118deg,
transparent 0px,
transparent 48px,
rgba(107, 131, 147, 0.03) 48px,
rgba(107, 131, 147, 0.03) 50px);
animation: stripeDrift 28s linear infinite;
}

@keyframes stripeDrift {
0% {
transform: translateX(0) translateY(0);
}

100% {
transform: translateX(60px) translateY(60px);
}
}

.lrnprog .pg-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 1;
}

.lrnprog .dash-divider {
border: none;
height: 1px;
background: repeating-linear-gradient(90deg,
rgba(107, 131, 147, 0.4) 0px,
rgba(107, 131, 147, 0.4) 4px,
transparent 4px,
transparent 8px,
rgba(160, 150, 150, 0.25) 8px,
rgba(160, 150, 150, 0.25) 10px,
transparent 10px,
transparent 16px);
margin: 0;
}

.lrnprog .titblk {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
padding: 64px 0 96px;
align-items: center;
position: relative;
}

.lrnprog .titblk::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(107, 131, 147, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(107, 131, 147, 0.04) 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none;
}

.lrnprog .titblk-img {
position: relative;
}

.lrnprog .titblk-img-frame {
position: relative;
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.lrnprog .titblk-img-frame::before {
content: '';
position: absolute;
top: -8px;
left: -8px;
right: 8px;
bottom: 8px;
border: 1px solid rgba(107, 131, 147, 0.3);
border-radius: 3px;
pointer-events: none;
z-index: 1;
}

.lrnprog .titblk-img-frame img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
max-width: 100%;
animation: imgFadeIn 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes imgFadeIn {
from {
opacity: 0;
transform: scale(0.97);
}

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

.lrnprog .titblk-txt {
display: flex;
flex-direction: column;
gap: 24px;
}

.lrnprog .titblk-overline {
font-size: 15px;
color: #6B8393;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.1;
}

.lrnprog .titblk-h1 {
font-size: 58px;
line-height: 1.1;
color: #f0eded;
margin: 0;
font-weight: 700;
}

.lrnprog .titblk-desc {
font-size: 19px;
line-height: 1.55;
color: #c8c0c0;
margin: 0;
}

.lrnprog .titblk-desc span {
display: block;
font-size: 15px;
line-height: 1.35;
color: #A09696;
margin-top: 8px;
}

.lrnprog .titblk-accent {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #6B8393;
}

.lrnprog .titblk-accent svg {
flex-shrink: 0;
}

.lrnprog .cards-blk {
padding: 64px 0;
}

.lrnprog .cards-label {
font-size: 15px;
color: #6B8393;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 8px;
line-height: 1.1;
}

.lrnprog .cards-heading {
font-size: 43px;
line-height: 1.1;
color: #f0eded;
margin: 0 0 32px;
font-weight: 700;
}

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

.lrnprog .prog-card {
background: linear-gradient(145deg, #2e2e2e 0%, #252525 100%);
border-radius: 3px;
overflow: hidden;
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
transition: box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
display: flex;
flex-direction: column;
}

.lrnprog .prog-card:hover {
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
transform: translateY(-4px);
}

.lrnprog .prog-card-imgwrap {
position: relative;
overflow: hidden;
height: 240px;
}

.lrnprog .prog-card-imgwrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
max-width: 100%;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .prog-card:hover .prog-card-imgwrap img {
transform: scale(1.04);
}

.lrnprog .prog-card-tag {
position: absolute;
top: 16px;
left: 16px;
background: rgba(107, 131, 147, 0.85);
color: #fff;
font-size: 15px;
padding: 4px 16px;
border-radius: 3px;
line-height: 1.35;
}

.lrnprog .prog-card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
}

.lrnprog .prog-card-title {
font-size: 23px;
line-height: 1.35;
color: #f0eded;
margin: 0;
font-weight: 600;
}

.lrnprog .prog-card-desc {
font-size: 15px;
line-height: 1.55;
color: #b8b0b0;
margin: 0;
}

.lrnprog .prog-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid rgba(107, 131, 147, 0.15);
margin-top: auto;
}

.lrnprog .prog-card-price {
font-size: 23px;
color: #f0eded;
font-weight: 700;
line-height: 1.1;
}

.lrnprog .prog-card-views {
font-size: 15px;
color: #A09696;
line-height: 1.35;
}

.lrnprog .prog-card-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #6B8393;
text-decoration: none;
padding: 8px 16px;
border-radius: 3px;
border: 1px solid rgba(107, 131, 147, 0.35);
position: relative;
overflow: hidden;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .prog-card-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
right: 100%;
bottom: 0;
background: rgba(107, 131, 147, 0.12);
transition: left 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), right 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .prog-card-link:hover::before {
left: 0;
right: 0;
}

.lrnprog .prog-card-link:hover {
color: #c8d8e0;
}

.lrnprog .prog-card-link svg {
transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .prog-card-link:hover svg {
transform: translateX(4px);
}

.lrnprog .process-blk {
padding: 64px 0;
background: linear-gradient(160deg, rgba(84, 84, 84, 0.18) 0%, rgba(107, 131, 147, 0.1) 50%, rgba(160, 150, 150, 0.12) 100%);
border-radius: 3px;
margin: 0 0 0 0;
}

.lrnprog .process-blk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.lrnprog .proc-overline {
font-size: 15px;
color: #A09696;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.1;
margin-bottom: 8px;
}

.lrnprog .proc-heading {
font-size: 31px;
line-height: 1.35;
color: #f0eded;
margin: 0 0 32px;
font-weight: 600;
}

.lrnprog .proc-steps {
display: flex;
flex-direction: row;
gap: 0;
counter-reset: step;
}

.lrnprog .proc-step {
flex: 1;
padding: 24px;
position: relative;
border-right: 1px solid rgba(107, 131, 147, 0.15);
transition: background 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .proc-step:last-child {
border-right: none;
}

.lrnprog .proc-step:hover {
background: linear-gradient(160deg, rgba(107, 131, 147, 0.08) 0%, rgba(84, 84, 84, 0.06) 100%);
}

.lrnprog .proc-step-num {
font-size: 43px;
line-height: 1.1;
color: rgba(107, 131, 147, 0.25);
font-weight: 700;
margin-bottom: 16px;
}

.lrnprog .proc-step-icon {
width: 40px;
height: 40px;
margin-bottom: 16px;
color: #6B8393;
}

.lrnprog .proc-step-ttl {
font-size: 16px;
line-height: 1.35;
color: #f0eded;
margin: 0 0 8px;
font-weight: 600;
}

.lrnprog .proc-step-txt {
font-size: 15px;
line-height: 1.55;
color: #b0a8a8;
margin: 0;
}

.lrnprog .instructors-blk {
padding: 64px 0;
}

.lrnprog .instr-overline {
font-size: 15px;
color: #6B8393;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.1;
margin-bottom: 8px;
}

.lrnprog .instr-heading {
font-size: 31px;
line-height: 1.35;
color: #f0eded;
margin: 0 0 32px;
font-weight: 600;
}

.lrnprog .instr-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 64px;
align-items: start;
}

.lrnprog .instr-anchor {
display: flex;
flex-direction: column;
gap: 16px;
}

.lrnprog .instr-portrait {
width: 100%;
aspect-ratio: 4/5;
border-radius: 40px;
overflow: hidden;
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
}

.lrnprog .instr-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
max-width: 100%;
}

.lrnprog .instr-name {
font-size: 19px;
color: #f0eded;
margin: 0;
font-weight: 600;
line-height: 1.35;
}

.lrnprog .instr-role {
font-size: 15px;
color: #6B8393;
line-height: 1.35;
}

.lrnprog .instr-compact-list {
display: flex;
flex-direction: column;
gap: 24px;
}

.lrnprog .instr-compact-item {
display: grid;
grid-template-columns: auto 1fr;
gap: 16px;
align-items: start;
padding-bottom: 24px;
border-bottom: 1px solid rgba(107, 131, 147, 0.12);
}

.lrnprog .instr-compact-item:last-child {
border-bottom: none;
padding-bottom: 0;
}

.lrnprog .instr-compact-portrait {
width: 64px;
aspect-ratio: 4/5;
border-radius: 40px;
overflow: hidden;
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08);
flex-shrink: 0;
}

.lrnprog .instr-compact-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
max-width: 100%;
}

.lrnprog .instr-compact-txt {
display: flex;
flex-direction: column;
gap: 8px;
}

.lrnprog .instr-compact-name {
font-size: 16px;
color: #f0eded;
font-weight: 600;
line-height: 1.35;
margin: 0;
}

.lrnprog .instr-compact-role {
font-size: 15px;
color: #A09696;
line-height: 1.35;
}

.lrnprog .instr-compact-quote {
font-size: 15px;
color: #b0a8a8;
line-height: 1.55;
margin: 0;
position: relative;
padding-left: 16px;
}

.lrnprog .instr-compact-quote::before {
content: '';
position: absolute;
left: 0;
top: 4px;
bottom: 4px;
width: 2px;
background: rgba(107, 131, 147, 0.4);
border-radius: 3px;
}

.lrnprog .quotemark {
font-size: 58px;
line-height: 1.1;
color: rgba(107, 131, 147, 0.18);
font-weight: 700;
display: block;
margin-bottom: -16px;
user-select: none;
pointer-events: none;
}

.lrnprog .contact-blk {
padding: 64px 0;
background-color: #A09696 !important;
border-radius: 3px;
margin-bottom: 64px;
position: relative;
overflow: hidden;
}

.lrnprog .contact-blk::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 280px;
height: 280px;
border-radius: 40px;
background: rgba(107, 131, 147, 0.15);
pointer-events: none;
}

.lrnprog .contact-blk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
position: relative;
z-index: 1;
}

.lrnprog .contact-overline {
font-size: 15px;
color: #2a2a2a;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.1;
margin-bottom: 8px;
}

.lrnprog .contact-heading {
font-size: 31px;
line-height: 1.35;
color: #1a1200;
margin: 0 0 16px;
font-weight: 700;
}

.lrnprog .contact-desc {
font-size: 16px;
line-height: 1.55;
color: #2e2e2e;
margin: 0 0 24px;
}

.lrnprog .contact-pair {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px;
}

.lrnprog .contact-pair-label {
font-size: 15px;
color: #3a3030;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1.1;
}

.lrnprog .contact-pair-divider {
height: 1px;
background: rgba(42, 42, 42, 0.25);
width: 100%;
margin: 4px 0;
}

.lrnprog .contact-pair-val {
font-size: 16px;
color: #1e1e1e;
line-height: 1.35;
font-weight: 600;
}

.lrnprog .contact-pair-val a {
color: #1e1e1e;
text-decoration: none;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .contact-pair-val a:hover {
color: #2a2a2a;
text-decoration: underline;
}

.lrnprog .contact-form {
display: flex;
flex-direction: column;
gap: 16px;
}

.lrnprog .form-field {
display: flex;
flex-direction: column;
gap: 4px;
}

.lrnprog .form-field label {
font-size: 15px;
color: #2a2a2a;
line-height: 1.35;
}

.lrnprog .form-field input,
.lrnprog .form-field textarea {
background: rgba(255, 255, 255, 0.35);
border: 1px solid rgba(42, 42, 42, 0.25);
border-radius: 3px;
padding: 8px 16px;
font-size: 16px;
color: #1e1e1e;
line-height: 1.55;
outline: none;
transition: border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .form-field input::placeholder,
.lrnprog .form-field textarea::placeholder {
color: #5a5050;
}

.lrnprog .form-field input:focus,
.lrnprog .form-field textarea:focus {
border-color: rgba(42, 42, 42, 0.6);
box-shadow: inset 0 2px 4px rgba(42, 42, 42, 0.08);
}

.lrnprog .form-field textarea {
resize: vertical;
min-height: 96px;
}

.lrnprog .form-submit {
display: inline-flex;
align-items: center;
gap: 8px;
background: #2a2a2a;
color: #f0eded;
border: none;
border-radius: 3px;
padding: 16px 32px;
font-size: 16px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
align-self: flex-start;
}

.lrnprog .form-submit::after {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 2px solid transparent;
transition: border-color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lrnprog .form-submit:hover::after {
border-color: rgba(240, 237, 237, 0.4);
}

.lrnprog .form-submit:hover {
background: #383838;
transform: translateY(-2px);
}

.lrnprog .form-submit:active {
transform: translateY(0);
}

@media (max-width: 900px) {
.lrnprog .titblk {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 0 64px;
}

.lrnprog .titblk-h1 {
font-size: 43px;
}

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

.lrnprog .proc-steps {
flex-direction: column;
}

.lrnprog .proc-step {
border-right: none;
border-bottom: 1px solid rgba(107, 131, 147, 0.15);
}

.lrnprog .proc-step:last-child {
border-bottom: none;
}

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

.lrnprog .instr-anchor {
flex-direction: row;
align-items: center;
}

.lrnprog .instr-portrait {
width: 120px;
flex-shrink: 0;
}

.lrnprog .contact-blk-inner {
grid-template-columns: 1fr;
gap: 32px;
}

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

.lrnprog .process-blk-inner {
padding: 0 16px;
}

.lrnprog .contact-blk-inner {
padding: 0 16px;
}

.lrnprog .cards-heading {
font-size: 31px;
}
}

.abtus {
background: linear-gradient(170deg, #2a2a2a 0%, #1e1e1e 40%, #161616 100%);
color: #e8e4e0;
overflow-x: clip;
position: relative;
}

.abtus .divider {
display: flex;
align-items: center;
gap: 0;
height: 1px;
margin: 0;
}

.abtus .divider span {
height: 1px;
flex: 1;
background: rgba(160, 150, 150, 0.18);
}

.abtus .divider em {
width: 48px;
height: 2px;
background: #6B8393;
display: block;
flex-shrink: 0;
}

.abtus .pg-root {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.abtus .overline {
display: block;
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6B8393;
margin-bottom: 16px;
line-height: 1.35;
}

.abtus .accent-arrow {
color: #6B8393;
display: inline-block;
margin-left: 8px;
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abtus a:hover .accent-arrow {
transform: translateX(6px);
}

.abtus .pg-link {
color: #A09696;
text-decoration: none;
display: inline-block;
transition: transform 0.22s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.2s;
}

.abtus .pg-link:hover {
color: #e8e4e0;
transform: rotate(-2deg);
}

.abtus .btn-prim {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: transparent;
color: #e8e4e0;
border: 1.5px solid rgba(107, 131, 147, 0.5);
border-radius: 3px;
font-size: 15px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none;
}

.abtus .btn-prim::before,
.abtus .btn-prim::after {
content: '';
position: absolute;
background: #6B8393;
transition: width 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), height 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abtus .btn-prim::before {
top: 0;
left: 0;
width: 0;
height: 1.5px;
}

.abtus .btn-prim::after {
bottom: 0;
right: 0;
width: 0;
height: 1.5px;
}

.abtus .btn-prim:hover::before,
.abtus .btn-prim:hover::after {
width: 100%;
}

.abtus .btn-prim:hover {
border-color: transparent;
color: #fff;
}

.abtus .btn-prim svg {
flex-shrink: 0;
}

.abtus .btn-prim:focus-visible {
outline: 2px solid #6B8393;
outline-offset: 3px;
}

.abtus .titblk {
padding: 64px 0 64px;
position: relative;
}

.abtus .titblk .pg-root {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 64px;
}

.abtus .titblk-left {
flex: 3;
position: relative;
z-index: 1;
}

.abtus .titblk-right {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 32px;
position: relative;
}

.abtus .blob-wrap {
position: absolute;
top: -32px;
left: -64px;
width: 320px;
height: 320px;
pointer-events: none;
z-index: 0;
}

.abtus .blob-a {
position: absolute;
width: 220px;
height: 220px;
background: rgba(107, 131, 147, 0.13);
border-radius: 40px;
filter: blur(48px);
top: 0;
left: 0;
}

.abtus .blob-b {
position: absolute;
width: 160px;
height: 160px;
background: rgba(160, 150, 150, 0.09);
border-radius: 40px;
filter: blur(36px);
top: 80px;
left: 100px;
}

.abtus .titblk-desc {
font-size: 15px;
color: #A09696;
line-height: 1.55;
margin-bottom: 24px;
position: relative;
z-index: 1;
}

.abtus .titblk-h1 {
font-size: 58px;
line-height: 1.1;
color: #f0ece8;
margin: 0 0 24px;
position: relative;
z-index: 1;
}

.abtus .titblk-sub {
font-size: 19px;
line-height: 1.55;
color: #c4bfbb;
max-width: 580px;
position: relative;
z-index: 1;
}

.abtus .titblk-imgwrap {
width: 220px;
height: 280px;
position: relative;
flex-shrink: 0;
}

.abtus .titblk-imgwrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
}

.abtus .titblk-imgframe {
position: absolute;
top: 16px;
left: 16px;
width: 100%;
height: 100%;
border: 1.5px solid rgba(107, 131, 147, 0.3);
clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
pointer-events: none;
}

.abtus .titblk-abbr {
font-size: 58px;
line-height: 1.1;
color: rgba(107, 131, 147, 0.06);
font-weight: 700;
letter-spacing: 0.04em;
position: absolute;
bottom: -24px;
right: 0;
pointer-events: none;
white-space: nowrap;
user-select: none;
}

.abtus .story-sec {
padding: 64px 0;
background: linear-gradient(170deg, #222222 0%, #1a1a1e 100%);
animation: contrastBreath 6s ease-in-out infinite;
}

@keyframes contrastBreath {

0%,
100% {
filter: contrast(1);
}

50% {
filter: contrast(1.06);
}
}

.abtus .story-sec .pg-root {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 64px;
align-items: start;
}

.abtus .story-main {
display: flex;
flex-direction: column;
gap: 24px;
}

.abtus .story-h2 {
font-size: 43px;
line-height: 1.1;
color: #f0ece8;
margin: 0 0 8px;
}

.abtus .story-body p {
font-size: 16px;
line-height: 1.55;
color: #c4bfbb;
margin: 0 0 16px;
}

.abtus .story-body p:last-child {
margin-bottom: 0;
}

.abtus .story-body .micro {
font-size: 19px;
color: #e8e4e0;
line-height: 1.35;
margin-bottom: 16px;
}

.abtus .story-aside {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 8px;
}

.abtus .stat-item {
border-top: 1px solid rgba(160, 150, 150, 0.2);
padding-top: 16px;
}

.abtus .stat-num {
font-size: 43px;
line-height: 1.1;
color: #6B8393;
display: block;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abtus .stat-item:hover .stat-num {
transform: scale(1.06);
}

.abtus .stat-label {
font-size: 15px;
color: #A09696;
line-height: 1.35;
display: block;
margin-top: 4px;
}

.abtus .team-sec {
padding: 64px 0;
background: #545454;
}

.abtus .team-sec .pg-root {
display: flex;
flex-direction: column;
gap: 32px;
}

.abtus .team-head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
}

.abtus .team-h2 {
font-size: 31px;
line-height: 1.35;
color: #f0ece8;
margin: 0;
}

.abtus .team-note {
font-size: 15px;
color: rgba(240, 236, 232, 0.7);
line-height: 1.55;
max-width: 320px;
text-align: right;
}

.abtus .team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}

.abtus .team-card {
background: rgba(255, 255, 255, 0.06);
border-radius: 3px;
padding: 24px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08), -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
box-shadow: inset 0 2px 6px 0 rgba(84, 84, 84, 0.18);
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abtus .team-card:hover {
transform: translateY(-4px);
}

.abtus .team-portrait {
width: 80px;
height: 100px;
border-radius: 40px;
object-fit: cover;
object-position: center;
flex-shrink: 0;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
}

.abtus .team-info {
display: flex;
flex-direction: column;
gap: 8px;
}

.abtus .team-name {
font-size: 19px;
line-height: 1.35;
color: #f0ece8;
margin: 0;
}

.abtus .team-role {
font-size: 15px;
color: rgba(240, 236, 232, 0.6);
line-height: 1.35;
}

.abtus .team-bio {
font-size: 15px;
line-height: 1.55;
color: rgba(240, 236, 232, 0.8);
margin: 0;
}

.abtus .team-card-plain {
background: rgba(255, 255, 255, 0.04);
border-radius: 3px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: inset 0 2px 6px 0 rgba(84, 84, 84, 0.18);
}

.abtus .team-card-plain .team-name {
font-size: 16px;
}

.abtus .accent-divider {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
height: 2px;
margin: 8px 0;
}

.abtus .accent-divider .ad-left {
flex: 1;
height: 1px;
background: rgba(240, 236, 232, 0.15);
}

.abtus .accent-divider .ad-mid {
width: 64px;
height: 2px;
background: #A09696;
flex-shrink: 0;
}

.abtus .accent-divider .ad-right {
flex: 1;
height: 1px;
background: rgba(240, 236, 232, 0.15);
}

.abtus .approach-sec {
padding: 64px 0;
position: relative;
}

.abtus .approach-sec .pg-root {
display: flex;
flex-direction: column;
gap: 32px;
}

.abtus .approach-bg {
position: absolute;
inset: 0;
background-image: url('../../photos/old_bottom13.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}

.abtus .approach-bg-overlay {
position: absolute;
inset: 0;
background: rgba(22, 22, 22, 0.92);
z-index: 1;
}

.abtus .approach-sec .pg-root {
position: relative;
z-index: 2;
}

.abtus .approach-top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
}

.abtus .approach-h2 {
font-size: 43px;
line-height: 1.1;
color: #f0ece8;
margin: 0;
}

.abtus .approach-intro {
font-size: 16px;
line-height: 1.55;
color: #A09696;
max-width: 360px;
text-align: right;
}

.abtus .approach-cols {
display: grid;
grid-template-columns: 1fr 2px 1fr;
gap: 0;
align-items: start;
}

.abtus .approach-col {
padding: 24px 32px;
display: flex;
flex-direction: column;
gap: 16px;
}

.abtus .approach-col:first-child {
padding-left: 0;
}

.abtus .approach-col:last-child {
padding-right: 0;
}

.abtus .approach-col-div {
width: 2px;
background: linear-gradient(180deg, transparent 0%, #6B8393 30%, #A09696 70%, transparent 100%);
align-self: stretch;
}

.abtus .approach-item {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border-radius: 3px;
background: rgba(107, 131, 147, 0.06);
box-shadow: inset 0 1px 4px 0 rgba(107, 131, 147, 0.08);
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abtus .approach-item:hover {
background: rgba(107, 131, 147, 0.12);
}

.abtus .approach-item-h {
font-size: 16px;
line-height: 1.35;
color: #e8e4e0;
margin: 0;
}

.abtus .approach-item-p {
font-size: 15px;
line-height: 1.55;
color: #A09696;
margin: 0;
}

.abtus .approach-abbr {
font-size: 58px;
line-height: 1.1;
color: rgba(107, 131, 147, 0.05);
font-weight: 700;
position: absolute;
bottom: 32px;
right: 32px;
pointer-events: none;
user-select: none;
z-index: 2;
}

@media (max-width: 900px) {
.abtus .titblk .pg-root {
flex-direction: column;
gap: 32px;
}

.abtus .titblk-right {
align-items: flex-start;
padding-top: 0;
}

.abtus .titblk-h1 {
font-size: 43px;
}

.abtus .story-sec .pg-root {
grid-template-columns: 1fr;
gap: 32px;
}

.abtus .story-aside {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
}

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

.abtus .approach-cols {
grid-template-columns: 1fr;
}

.abtus .approach-col-div {
display: none;
}

.abtus .approach-col {
padding: 16px 0;
}

.abtus .approach-top {
flex-direction: column;
align-items: flex-start;
}

.abtus .approach-intro {
text-align: left;
}

.abtus .team-head {
flex-direction: column;
align-items: flex-start;
}

.abtus .team-note {
text-align: left;
}
}

@media (max-width: 600px) {
.abtus .pg-root {
padding: 0 16px;
}

.abtus .titblk-h1 {
font-size: 31px;
}

.abtus .story-h2,
.abtus .approach-h2 {
font-size: 31px;
}

.abtus .story-aside {
grid-template-columns: 1fr 1fr;
}

.abtus .team-card {
flex-direction: column;
}

.abtus .titblk {
padding: 32px 0;
}

.abtus .story-sec,
.abtus .team-sec,
.abtus .approach-sec {
padding: 32px 0;
}
}

.contus {
background: linear-gradient(170deg, #2a2d2f 0%, #1e2224 50%, #161819 100%);
min-height: 100vh;
position: relative;
overflow: hidden;
}

.contus .bg-anim {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}

.contus .bg-anim::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(220deg, rgba(84, 84, 84, 0.18) 0%, rgba(107, 131, 147, 0.08) 40%, transparent 70%);
animation: bgshift1 8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate;
}

.contus .bg-anim::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(40deg, rgba(160, 150, 150, 0.07) 0%, rgba(107, 131, 147, 0.12) 50%, transparent 80%);
animation: bgshift2 11s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite alternate;
}

@keyframes bgshift1 {
0% {
opacity: 0.6;
transform: translateX(-16px) translateY(0);
}

100% {
opacity: 1;
transform: translateX(16px) translateY(-12px);
}
}

@keyframes bgshift2 {
0% {
opacity: 0.5;
transform: translateX(12px) translateY(8px);
}

100% {
opacity: 1;
transform: translateX(-20px) translateY(-16px);
}
}

.contus .pgwrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 1;
}

.contus .titblock {
padding: 96px 0 64px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: end;
}

.contus .titblock .leftcol {
position: relative;
}

.contus .titblock .quotemark {
position: absolute;
top: -32px;
left: -16px;
font-size: 220px;
line-height: 1.1;
color: rgba(107, 131, 147, 0.08);
pointer-events: none;
user-select: none;
z-index: 0;
}

.contus .titblock .overline {
display: block;
font-size: 15px;
line-height: 1.35;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6B8393;
margin-bottom: 16px;
position: relative;
z-index: 1;
}

.contus .titblock .overline::before {
content: '';
display: inline-block;
width: 32px;
height: 1px;
background: #6B8393;
vertical-align: middle;
margin-right: 8px;
}

.contus .titblock h1 {
font-size: 58px;
line-height: 1.1;
color: #f0eded;
margin: 0 0 24px;
position: relative;
z-index: 1;
}

.contus .titblock .subdesc {
font-size: 19px;
line-height: 1.55;
color: #b8b0b0;
margin: 0;
position: relative;
z-index: 1;
}

.contus .titblock .rightcol {
display: flex;
flex-direction: column;
gap: 32px;
padding-bottom: 8px;
}

.contus .infocard {
background: rgba(107, 131, 147, 0.08);
border: 1px solid rgba(107, 131, 147, 0.18);
border-radius: 3px;
padding: 24px;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
transition: box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .infocard:hover {
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
border-color: rgba(107, 131, 147, 0.35);
}

.contus .infocard .iclabel {
font-size: 15px;
line-height: 1.35;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #6B8393;
display: block;
margin-bottom: 8px;
}

.contus .infocard .icval {
font-size: 19px;
line-height: 1.35;
color: #f0eded;
display: block;
text-decoration: none;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .infocard .icval:hover {
color: #A09696;
}

.contus .infocard .icval.addr {
font-size: 16px;
line-height: 1.55;
color: #c8c0c0;
}

.contus .divider {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 64px;
}

.contus .divider .dline {
flex: 1;
height: 1px;
background: rgba(107, 131, 147, 0.22);
}

.contus .divider .ddiamond {
width: 8px;
height: 8px;
background: #6B8393;
transform: rotate(45deg);
flex-shrink: 0;
}

.contus .formblock {
padding: 0 0 96px;
}

.contus .formblock .fblayout {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 64px;
align-items: start;
}

.contus .formblock .fbdesc {
position: relative;
}

.contus .formblock .fbdesc .bigpunct {
position: absolute;
right: -8px;
top: -24px;
font-size: 160px;
line-height: 1.1;
color: rgba(84, 84, 84, 0.1);
pointer-events: none;
user-select: none;
}

.contus .formblock .fbdesc h2 {
font-size: 31px;
line-height: 1.35;
color: #f0eded;
margin: 0 0 16px;
}

.contus .formblock .fbdesc .fbtxt {
font-size: 16px;
line-height: 1.55;
color: #b0a8a8;
margin: 0 0 16px;
}

.contus .formblock .fbdesc .fbtxt2 {
font-size: 15px;
line-height: 1.55;
color: #8a8080;
margin: 0;
}

.contus .ringpat {
position: absolute;
bottom: 32px;
left: 0;
width: 180px;
height: 180px;
pointer-events: none;
opacity: 0.13;
}

.contus .ringpat circle {
fill: none;
stroke: #6B8393;
stroke-width: 1.5;
}

.contus .cform {
background: rgba(42, 45, 47, 0.7);
border: 1px solid rgba(107, 131, 147, 0.2);
border-radius: 3px;
padding: 32px;
box-shadow: -1px 10px 44px 1px rgba(84, 84, 84, 0.13);
}

.contus .cform .frow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}

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

.contus .cform .fgroup.full {
grid-column: 1 / -1;
}

.contus .cform label {
font-size: 15px;
line-height: 1.35;
color: #9a9292;
display: block;
}

.contus .cform input[type="text"],
.contus .cform input[type="email"],
.contus .cform select {
width: 100%;
background: rgba(22, 24, 25, 0.8);
border: 1px solid rgba(107, 131, 147, 0.25);
border-radius: 3px;
padding: 12px 16px;
font-size: 16px;
line-height: 1.35;
color: #f0eded;
outline: none;
box-sizing: border-box;
transition: border-color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: inset 0 2px 6px rgba(84, 84, 84, 0.08);
appearance: none;
-webkit-appearance: none;
}

.contus .cform input[type="text"]:focus,
.contus .cform input[type="email"]:focus,
.contus .cform select:focus {
border-color: #6B8393;
box-shadow: inset 0 2px 6px rgba(84, 84, 84, 0.08), -1px 2px 4px 1px rgba(107, 131, 147, 0.08);
}

.contus .cform input::placeholder {
color: #5a5252;
}

.contus .cform .selwrap {
position: relative;
}

.contus .cform .selwrap::after {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 7px;
height: 7px;
border-right: 1.5px solid #6B8393;
border-bottom: 1.5px solid #6B8393;
pointer-events: none;
}

.contus .cform select option {
background: #1e2224;
color: #f0eded;
}

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

.contus .cform .chanlabel {
font-size: 15px;
line-height: 1.35;
color: #9a9292;
display: block;
margin-bottom: 4px;
}

.contus .cform .chanlist {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.contus .cform .chanopt {
position: relative;
}

.contus .cform .chanopt input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.contus .cform .chanopt label {
display: inline-block;
padding: 8px 16px;
border: 1px solid rgba(107, 131, 147, 0.28);
border-radius: 40px;
font-size: 15px;
line-height: 1.35;
color: #9a9292;
cursor: pointer;
background: rgba(22, 24, 25, 0.5);
transition: background 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
}

.contus .cform .chanopt label::before {
content: '';
position: absolute;
inset: 0;
background: rgba(107, 131, 147, 0.18);
transform: scale(0);
border-radius: 40px;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .cform .chanopt input[type="radio"]:checked+label {
border-color: #6B8393;
color: #f0eded;
background: rgba(107, 131, 147, 0.22);
}

.contus .cform .chanopt input[type="radio"]:focus+label {
outline: 2px solid #6B8393;
outline-offset: 2px;
}

.contus .cform .chanopt label:hover {
border-color: #6B8393;
color: #d8d0d0;
}

.contus .cform .chanopt label:hover::before {
transform: scale(1);
}

.contus .cform .privrow {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 24px;
}

.contus .cform .privrow input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #6B8393;
cursor: pointer;
}

.contus .cform .privtxt {
font-size: 15px;
line-height: 1.55;
color: #8a8080;
}

.contus .cform .privtxt a {
color: #6B8393;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .cform .privtxt a:hover {
color: #A09696;
}

.contus .cform .submitbtn {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 14px 32px;
background: rgba(107, 131, 147, 0.15);
border: 1.5px solid #6B8393;
border-radius: 3px;
color: #f0eded;
font-size: 16px;
line-height: 1.35;
cursor: pointer;
overflow: hidden;
transition: color 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .cform .submitbtn::before {
content: '';
position: absolute;
inset: 0;
background: rgba(107, 131, 147, 0.35);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0;
}

.contus .cform .submitbtn:hover::before {
transform: scaleX(1);
}

.contus .cform .submitbtn span {
position: relative;
z-index: 1;
}

.contus .cform .submitbtn svg {
position: relative;
z-index: 1;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.contus .cform .submitbtn:hover svg {
transform: translateX(4px);
}

.contus .cform .submitbtn:focus {
outline: 2px solid #6B8393;
outline-offset: 3px;
}

.contus .cform .submitbtn:active {
transform: scale(0.97);
}

@media (max-width: 900px) {
.contus .titblock {
grid-template-columns: 1fr;
gap: 32px;
padding: 64px 0 32px;
}

.contus .titblock h1 {
font-size: 43px;
}

.contus .formblock .fblayout {
grid-template-columns: 1fr;
gap: 32px;
}

.contus .formblock .fbdesc .bigpunct {
display: none;
}

.contus .cform .frow {
grid-template-columns: 1fr;
}

.contus .pgwrap {
padding: 0 16px;
}
}

@media (max-width: 600px) {
.contus .titblock h1 {
font-size: 31px;
}

.contus .cform {
padding: 24px 16px;
}

.contus .chanlist {
flex-direction: column;
}
}

.upprg {
background: linear-gradient(170deg, #2a2a2e 0%, #1e1e22 40%, #16161a 100%);
min-height: 100vh;
overflow-x: clip;
}

.upprg .titblk {
position: relative;
padding: 64px 24px;
overflow: hidden;
}

.upprg .titblk::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #545454 0%, #3a3a40 30%, #2a2e35 60%, #6B8393 100%);
background-size: 400% 400%;
animation: gradshift 8s ease-in-out infinite;
z-index: 0;
}

.upprg .titblk::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #A09696, #6B8393, transparent);
}

@keyframes gradshift {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

.upprg .titblk .scanlines {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg,
transparent,
transparent 3px,
rgba(84, 84, 84, 0.04) 3px,
rgba(84, 84, 84, 0.04) 4px);
animation: scandrift 12s linear infinite;
pointer-events: none;
z-index: 1;
}

@keyframes scandrift {
0% {
transform: translateY(0);
}

100% {
transform: translateY(40px);
}
}

.upprg .titblk .bordbot {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #6B8393, #A09696, transparent);
}

.upprg .titinner {
position: relative;
z-index: 2;
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 64px;
}

.upprg .tittxt {
flex: 1 1 55%;
}

.upprg .overline {
display: block;
font-size: 15px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #A09696;
margin-bottom: 16px;
}

.upprg .tittxt h1 {
font-size: 58px;
line-height: 1.1;
color: #f0eded;
margin: 0 0 24px 0;
}

.upprg .tittxt h1 .accarrow {
color: #A09696;
display: inline-block;
margin-left: 8px;
font-style: normal;
}

.upprg .tittxt p {
font-size: 19px;
line-height: 1.55;
color: #c8c0c0;
margin: 0;
max-width: 520px;
}

.upprg .titimg {
flex: 0 0 380px;
position: relative;
border-radius: 40px;
overflow: hidden;
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.upprg .titimg img {
width: 380px;
height: 280px;
object-fit: cover;
display: block;
max-width: 100%;
}

.upprg .titimg .vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 40%, transparent 40%, rgba(30, 30, 34, 0.55) 100%);
pointer-events: none;
}

.upprg .titdeco {
position: absolute;
top: 32px;
right: 32px;
width: 80px;
height: 80px;
border-radius: 40px;
border: 1px solid rgba(160, 150, 150, 0.18);
pointer-events: none;
z-index: 1;
}

.upprg .titdeco::after {
content: '';
position: absolute;
inset: 6px;
border-radius: 40px;
border: 1px solid rgba(107, 131, 147, 0.12);
}

.upprg .proglist {
padding: 64px 24px;
position: relative;
}

.upprg .proglist .concircles {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 700px;
height: 700px;
pointer-events: none;
z-index: 0;
}

.upprg .proglist .concircles span {
position: absolute;
border-radius: 40px;
border: 1px solid rgba(107, 131, 147, 0.06);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.upprg .proglist .concircles span:nth-child(1) {
width: 200px;
height: 200px;
}

.upprg .proglist .concircles span:nth-child(2) {
width: 350px;
height: 350px;
}

.upprg .proglist .concircles span:nth-child(3) {
width: 500px;
height: 500px;
}

.upprg .proglist .concircles span:nth-child(4) {
width: 650px;
height: 650px;
}

.upprg .proglistinner {
position: relative;
z-index: 2;
max-width: 1400px;
margin: 0 auto;
}

.upprg .proglistinner .listhd {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 48px;
gap: 24px;
}

.upprg .proglistinner .listhd h2 {
font-size: 43px;
line-height: 1.1;
color: #f0eded;
margin: 0;
}

.upprg .proglistinner .listhd p {
font-size: 16px;
line-height: 1.55;
color: #A09696;
margin: 0;
max-width: 360px;
text-align: right;
}

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

.upprg .pcard {
background: linear-gradient(160deg, rgba(84, 84, 84, 0.14) 0%, rgba(30, 30, 34, 0.7) 100%);
border: 1px solid rgba(107, 131, 147, 0.18);
border-radius: 40px;
padding: 32px;
position: relative;
box-shadow: -1px 7px 20px 1px rgba(84, 84, 84, 0.09);
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
cursor: default;
overflow: hidden;
}

.upprg .pcard:hover {
transform: translateY(-6px) scaleX(1.01);
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
}

.upprg .pcard .numring {
width: 48px;
height: 48px;
position: relative;
margin-bottom: 24px;
flex-shrink: 0;
}

.upprg .pcard .numring svg {
position: absolute;
inset: 0;
width: 48px;
height: 48px;
}

.upprg .pcard .numring .nval {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: #f0eded;
font-weight: 600;
}

.upprg .pcard .ptag {
display: inline-block;
font-size: 15px;
color: #6B8393;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 8px;
}

.upprg .pcard h3 {
font-size: 23px;
line-height: 1.35;
color: #f0eded;
margin: 0 0 16px 0;
}

.upprg .pcard .pdesc {
font-size: 16px;
line-height: 1.55;
color: #b8b0b0;
margin: 0 0 24px 0;
}

.upprg .pcard .pmeta {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
}

.upprg .pcard .pmeta .mrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
color: #A09696;
}

.upprg .pcard .pmeta .mrow svg {
width: 16px;
height: 16px;
flex-shrink: 0;
opacity: 0.7;
}

.upprg .pcard .pfoot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
border-top: 1px solid rgba(107, 131, 147, 0.15);
padding-top: 24px;
}

.upprg .pcard .pprice {
font-size: 23px;
color: #f0eded;
font-weight: 600;
}

.upprg .pcard .pprice span {
font-size: 15px;
color: #A09696;
font-weight: 400;
}

.upprg .pcard .pbtn {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
border: 1px solid rgba(107, 131, 147, 0.4);
border-radius: 3px;
padding: 8px 16px;
color: #c8c0c0;
font-size: 15px;
cursor: pointer;
position: relative;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden;
}

.upprg .pcard .pbtn::before {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 2px solid #6B8393;
clip-path: inset(0 100% 0 0);
transition: clip-path 0.28s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.upprg .pcard .pbtn:hover::before {
clip-path: inset(0 0% 0 0);
}

.upprg .pcard .pbtn:hover {
color: #f0eded;
border-color: transparent;
}

.upprg .pcard .pbtn svg {
width: 14px;
height: 14px;
transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.upprg .pcard .pbtn:hover svg {
transform: translateX(4px);
}

.upprg .pcard.featured {
background: linear-gradient(150deg, rgba(107, 131, 147, 0.22) 0%, rgba(84, 84, 84, 0.18) 50%, rgba(30, 30, 34, 0.8) 100%);
border-color: rgba(107, 131, 147, 0.35);
grid-column: span 1;
}

.upprg .pcard .badgelive {
position: absolute;
top: 24px;
right: 24px;
background: rgba(107, 131, 147, 0.25);
border: 1px solid rgba(107, 131, 147, 0.4);
border-radius: 3px;
padding: 4px 8px;
font-size: 15px;
color: #c8d4dc;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.upprg .pcard .modtype {
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 16px;
flex-wrap: wrap;
}

.upprg .pcard .modtype .chip {
background: rgba(84, 84, 84, 0.3);
border-radius: 3px;
padding: 4px 8px;
font-size: 15px;
color: #A09696;
}

.upprg .pcard .chip.grp {
background: rgba(107, 131, 147, 0.18);
color: #8aaabb;
}

.upprg .pcard .chip.ind {
background: rgba(160, 150, 150, 0.15);
color: #b8aeae;
}

.upprg .checkerrow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 24px;
}

.upprg .checkerrow .pcard:nth-child(odd) {
margin-top: 32px;
}

.upprg .checkerrow .pcard:nth-child(even) {
margin-top: 0;
}

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

.upprg .checkerrow {
grid-template-columns: 1fr;
}

.upprg .checkerrow .pcard:nth-child(odd) {
margin-top: 0;
}

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

.upprg .titimg {
flex: none;
width: 100%;
}

.upprg .titimg img {
width: 100%;
height: 240px;
}
}

@media (max-width: 680px) {
.upprg .tittxt h1 {
font-size: 43px;
}

.upprg .grid {
grid-template-columns: 1fr;
}

.upprg .proglistinner .listhd {
flex-direction: column;
align-items: flex-start;
}

.upprg .proglistinner .listhd p {
text-align: left;
}

.upprg .proglistinner .listhd h2 {
font-size: 31px;
}
}

.successPage {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 24px;
background: linear-gradient(170deg, #2a2e32 0%, #1e2428 60%, #161a1d 100%);
}

.successPage .successWrap {
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}

.successPage .iconRing {
width: 80px;
height: 80px;
border-radius: 40px;
background: linear-gradient(135deg, #3a4a54 0%, #2c3840 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 7px 20px 1px rgba(107, 131, 147, 0.09), -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
flex-shrink: 0;
}

.successPage .iconRing svg {
display: block;
}

.successPage .successBody {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}

.successPage .successBody .overline {
font-size: 15px;
line-height: 1.1;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6B8393;
display: block;
}

.successPage .successBody .mainHead {
font-size: 43px;
line-height: 1.1;
color: #e8e2e2;
margin: 0;
}

.successPage .successBody .subtext {
font-size: 16px;
line-height: 1.55;
color: #A09696;
max-width: 420px;
margin: 0;
}

.successPage .divLine {
width: 48px;
height: 2px;
background: linear-gradient(90deg, #6B8393 0%, #A09696 100%);
border-radius: 3px;
flex-shrink: 0;
}

.successPage .backBtn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: linear-gradient(135deg, #3e4e58 0%, #2e3e48 100%);
color: #e8e2e2;
font-size: 15px;
line-height: 1.1;
border: none;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
box-shadow: -1px 2px 4px 1px rgba(84, 84, 84, 0.08), -1px 7px 20px 1px rgba(107, 131, 147, 0.09);
position: relative;
overflow: hidden;
transition: color 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.successPage .backBtn::before {
content: '';
position: absolute;
inset: 0;
border-radius: 3px;
border: 2px solid transparent;
background: linear-gradient(135deg, #6B8393, #A09696) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.successPage .backBtn:hover::before,
.successPage .backBtn:focus::before {
opacity: 1;
}

.successPage .backBtn:hover,
.successPage .backBtn:focus {
color: #fff;
box-shadow: -1px 10px 44px 1px rgba(107, 131, 147, 0.13);
outline: none;
}

.successPage .backBtn:active {
transform: scale(0.97);
}

.successPage .backBtn svg {
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
flex-shrink: 0;
}

.successPage .backBtn:hover svg {
transform: translateX(-3px);
}

.successPage .contactNote {
font-size: 15px;
line-height: 1.55;
color: #6B8393;
text-align: center;
margin: 0;
}

.successPage .contactNote a {
color: #A09696;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
display: inline-block;
}

.successPage .contactNote a:hover {
color: #e8e2e2;
transform: rotate(-1.5deg);
}