*,
*::before,
*::after {
box-sizing: border-box;
content: none;
}

body {
margin: 0;
padding: 0;
overflow-x: hidden;
min-height: 100vh;
font-family: 'Noto Serif', serif;
}

.pub-head {
position: relative;
background: #ffffff;
border-bottom: 2px solid #BDF8E7;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
z-index: 100;
}

.pub-head-top {
background: linear-gradient(135deg, #7A86F8 0%, #5a62c4 100%);
padding: 8px 0;
}

.pub-head-top-shell {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
}

.pub-status {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Noto Serif', serif;
font-size: 14px;
color: #ffffff;
letter-spacing: 0.06em;
}

.pub-status-dot {
width: 8px;
height: 8px;
background: #BDF8E7;
border-radius: 50%;
flex-shrink: 0;
animation: blink-dot 2.4s ease-out infinite;
}

@keyframes blink-dot {

0%,
100% {
opacity: 1;
}

50% {
opacity: 0.35;
}
}

.pub-edition {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.75);
letter-spacing: 0.08em;
}

.pub-head-main {
max-width: 1400px;
margin: 0 auto;
padding: 20px 32px;
display: flex;
align-items: center;
gap: 32px;
}

.brand-mount {
display: flex;
align-items: center;
gap: 0;
flex-shrink: 0;
border-radius: 20px;
background: #ffffff;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07), 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
overflow: hidden;
text-decoration: none;
}

.brand-accent {
width: 5px;
align-self: stretch;
background: linear-gradient(180deg, #7A86F8 0%, #C75C0A 100%);
border-radius: 20px 0 0 20px;
flex-shrink: 0;
}

.brand-img-hold {
padding: 8px 12px 8px 12px;
display: flex;
align-items: center;
}

.brand-img-hold img {
width: 70px;
height: 70px;
object-fit: contain;
display: block;
}

.brand-label {
padding: 8px 20px 8px 4px;
display: flex;
flex-direction: column;
justify-content: center;
}

.brand-name {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 700;
color: #1b1b2e;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}

.brand-sub {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 400;
color: #C75C0A;
letter-spacing: 0.04em;
line-height: 1.55;
}

.pub-nav-shell {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
}

.pub-nav {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}

.pub-nav li {
flex-shrink: 0;
}

.pub-nav a {
display: block;
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 500;
color: #1b1b2e;
text-decoration: none;
padding: 12px 20px;
border-radius: 20px;
letter-spacing: 0.04em;
line-height: 1.2;
transition: background-color 0.42s ease-out, color 0.25s ease-out;
white-space: nowrap;
}

.pub-nav a:hover {
background: #7A86F8;
color: #ffffff;
}

.pub-nav a:focus {
outline: none;
transform: scale(1.02);
background: #7A86F8;
color: #ffffff;
}

.pub-nav li[data-current] a {
background: #1b1b2e;
color: #ffffff;
}

.pub-nav li[data-current] a:hover {
background: #7A86F8;
}

.site-foot {
background: #1b1b2e;
position: relative;
}

.foot-upper {
background: #23233d;
padding: 64px 0 32px;
}

.foot-upper-shell {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: flex-start;
gap: 64px;
flex-wrap: wrap;
}

.foot-brand {
display: flex;
flex-direction: column;
gap: 12px;
flex-shrink: 0;
}

.foot-brand-row {
display: flex;
align-items: center;
gap: 12px;
}

.foot-logo-mount {
display: flex;
align-items: center;
background: #ffffff;
border-radius: 20px;
padding: 8px 12px;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
}

.foot-logo-mount img {
width: 65px;
height: 65px;
object-fit: contain;
display: block;
}

.foot-brand-info {
display: flex;
flex-direction: column;
gap: 4px;
}

.foot-brand-name {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 700;
color: #ffffff;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2;
}

.foot-brand-year {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(189, 248, 231, 0.7);
letter-spacing: 0.04em;
line-height: 1.55;
}

.foot-brand-desc {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.55);
line-height: 1.8;
max-width: 280px;
}

.foot-links-group {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
min-width: 200px;
}

.foot-links-label {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 600;
color: #BDF8E7;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2;
}

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

.foot-links a {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.65);
text-decoration: none;
letter-spacing: 0.03em;
line-height: 1.55;
transition: color 0.38s ease-out;
}

.foot-links a:hover {
color: #7A86F8;
}

.foot-links a:focus {
outline: none;
color: #BDF8E7;
transform: scale(1.02);
}

.foot-contact-group {
display: flex;
flex-direction: column;
gap: 20px;
flex-shrink: 0;
}

.foot-contact-label {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 600;
color: #BDF8E7;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2;
}

.foot-contact-email {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.65);
text-decoration: none;
letter-spacing: 0.03em;
line-height: 1.55;
transition: color 0.38s ease-out;
}

.foot-contact-email:hover {
color: #7A86F8;
}

.foot-contact-email:focus {
outline: none;
color: #BDF8E7;
}

.foot-privacy-link {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(189, 248, 231, 0.6);
text-decoration: none;
letter-spacing: 0.03em;
line-height: 1.55;
transition: color 0.38s ease-out;
cursor: pointer;
background: none;
border: none;
padding: 0;
}

.foot-privacy-link:hover {
color: #BDF8E7;
}

.foot-lower {
background: #1b1b2e;
padding: 20px 0;
border-top: 1px solid rgba(122, 134, 248, 0.2);
}

.foot-lower-shell {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}

.foot-copy {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
letter-spacing: 0.04em;
line-height: 1.55;
}

.foot-legal-links {
display: flex;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}

.foot-legal-links a {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
text-decoration: none;
letter-spacing: 0.04em;
line-height: 1.55;
transition: color 0.38s ease-out;
}

.foot-legal-links a:hover {
color: rgba(255, 255, 255, 0.75);
}

.foot-legal-links a:focus {
outline: none;
color: #BDF8E7;
}

.ck-popup {
position: fixed;
top: 20px;
left: 0;
right: 0;
margin: 0 auto;
width: 680px;
max-width: calc(100vw - 40px);
background: #ffffff;
border-radius: 20px;
box-shadow: 2px 10px 48px 0 rgba(122, 134, 248, 0.11), 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
z-index: 2000;
padding: 32px;
display: flex;
flex-direction: column;
gap: 20px;
border-top: 4px solid #7A86F8;
}

.ck-popup[data-hidden] {
transform: translateX(-60px);
opacity: 0;
pointer-events: none;
}

.ck-text {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: #1b1b2e;
line-height: 1.8;
letter-spacing: 0.02em;
}

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

.ck-accept {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 600;
color: #ffffff;
background: #1b1b2e;
border: none;
border-radius: 20px;
padding: 12px 32px;
cursor: pointer;
letter-spacing: 0.06em;
line-height: 1.2;
transition: background-color 0.42s ease-out, transform 0.15s ease-out;
min-height: 44px;
}

.ck-accept:hover {
background: #7A86F8;
}

.ck-accept:focus {
outline: none;
transform: scale(1.02);
}

.ck-accept:active {
transform: scale(0.97);
}

.ck-decline {
font-family: 'Noto Serif', serif;
font-size: 14px;
font-weight: 400;
color: #1b1b2e;
background: transparent;
border: 1px solid rgba(27, 27, 46, 0.25);
border-radius: 20px;
padding: 12px 20px;
cursor: pointer;
letter-spacing: 0.04em;
line-height: 1.2;
transition: border-color 0.38s ease-out, color 0.38s ease-out, transform 0.15s ease-out;
min-height: 44px;
}

.ck-decline:hover {
border-color: #C75C0A;
color: #C75C0A;
}

.ck-decline:focus {
outline: none;
transform: scale(1.02);
}

.ck-decline:active {
transform: scale(0.97);
}

@media (max-width: 768px) {
.pub-head-main {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 20px;
}

.pub-nav-shell {
width: 100%;
justify-content: flex-start;
}

.pub-nav {
justify-content: flex-start;
}

.foot-upper-shell {
flex-direction: column;
gap: 32px;
padding: 0 20px;
}

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

.pub-head-top-shell {
padding: 0 20px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}

.legal-container {
max-width: 1400px;
margin: 0 auto;
padding: 64px 32px;
color: #2a2a2e;
line-height: 1.8;
font-size: 14px;
}

.legal-container h1 {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #18181b;
margin-bottom: 32px;
margin-top: 0;
}

.legal-container h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #18181b;
margin-top: 64px;
margin-bottom: 20px;
}

.legal-container h3 {
font-size: 28px;
line-height: 1.55;
letter-spacing: -0.01em;
color: #18181b;
margin-top: 32px;
margin-bottom: 12px;
}

.legal-container h4,
.legal-container h5,
.legal-container h6 {
font-size: 14px;
line-height: 1.55;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #3d3d45;
margin-top: 32px;
margin-bottom: 8px;
}

.legal-container ul,
.legal-container ol {
padding-left: 20px;
margin-top: 12px;
margin-bottom: 20px;
}

.legal-container ul {
list-style: none;
padding-left: 0;
}

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

.legal-container ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.75em;
width: 6px;
height: 6px;
border-radius: 0px;
background-color: #7A86F8;
}

.legal-container ol {
list-style: decimal;
}

.legal-container li {
font-size: 14px;
line-height: 1.8;
color: #2a2a2e;
margin-bottom: 8px;
}

.legal-container em,
.legal-container i {
font-style: italic;
color: #C75C0A;
}

.legal-container a {
color: #7A86F8;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.45s ease-out, text-decoration-color 0.25s ease-out;
}

.legal-container a:hover {
color: #C75C0A;
text-decoration-color: #C75C0A;
}

.legal-container table {
width: 100%;
border-collapse: collapse;
margin-top: 32px;
margin-bottom: 32px;
font-size: 14px;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
border-radius: 20px;
overflow: hidden;
}

.legal-container thead {
background-color: #7A86F8;
}

.legal-container thead th {
color: #ffffff;
font-size: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 12px 20px;
text-align: left;
font-weight: 600;
}

.legal-container tbody tr {
border-bottom: 1px solid #e8e8f0;
transition: background-color 0.4s ease-out;
}

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

.legal-container tbody tr:hover {
background-color: #BDF8E7;
}

.legal-container td {
padding: 12px 20px;
color: #2a2a2e;
line-height: 1.55;
vertical-align: top;
}

.legal-container th {
padding: 12px 20px;
}

.legal-container hr {
border: none;
height: 1px;
background-color: #d4d4e0;
margin-top: 64px;
margin-bottom: 64px;
}

.legal-container div {
margin-bottom: 20px;
}

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

.legal-container h1 {
font-size: 38px;
}

.legal-container h2 {
font-size: 28px;
margin-top: 32px;
}

.legal-container h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.legal-container table {
display: block;
overflow-x: auto;
border-radius: 20px;
}
}

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

.nd-root .art-lead {
padding: 64px 0 32px;
position: relative;
}

.nd-root .art-lead::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle, rgba(122, 134, 248, 0.07) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}

.nd-root .art-lead .lead-inner {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 860px;
margin: 0 auto;
position: relative;
}

.nd-root .art-lead .tag-row {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}

.nd-root .art-lead .tag-pill {
display: inline-block;
padding: 4px 12px;
border-radius: 0px;
font-size: 14px;
line-height: 1.55;
letter-spacing: 0.08em;
text-transform: uppercase;
background: #7A86F8;
color: #fff;
font-weight: 600;
transition: background 0.42s ease-out;
}

.nd-root .art-lead .tag-pill.cat {
background: transparent;
color: #C75C0A;
border: 1px solid #C75C0A;
}

.nd-root .art-lead .tag-pill.cat:hover {
background: #C75C0A;
color: #fff;
}

.nd-root .art-lead .art-h1 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1b2e;
margin: 0;
}

.nd-root .art-lead .art-h1 .acc {
color: #C75C0A;
}

.nd-root .art-lead .art-h1::before {
content: "";
display: block;
width: 36px;
height: 3px;
background: #7A86F8;
margin-bottom: 12px;
border-radius: 0px;
}

.nd-root .art-lead .meta-row {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
font-size: 14px;
line-height: 1.55;
color: #555568;
letter-spacing: 0.04em;
}

.nd-root .art-lead .meta-row .author-nm {
color: #7A86F8;
font-weight: 600;
text-decoration: none;
transition: color 0.45s ease-out;
}

.nd-root .art-lead .meta-row .author-nm:hover {
color: #C75C0A;
}

.nd-root .art-lead .meta-sep {
width: 4px;
height: 4px;
border-radius: 0px;
background: #BDF8E7;
display: inline-block;
}

.nd-root .art-img-band {
position: relative;
overflow: hidden;
border-radius: 20px;
max-width: 860px;
margin: 0 auto 64px;
}

.nd-root .art-img-band img {
width: 100%;
display: block;
object-fit: cover;
height: 480px;
filter: saturate(0.72) contrast(1.06);
transition: transform 0.6s ease-out, filter 0.5s ease-out;
border-radius: 20px;
}

.nd-root .art-img-band:hover img {
transform: scale(1.03);
filter: saturate(0.9) contrast(1.04);
}

.nd-root .art-img-band .img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(197deg, transparent, rgba(189, 248, 231, 0.18));
border-radius: 0 0 20px 20px;
pointer-events: none;
}

.nd-root .art-body {
display: grid;
grid-template-columns: 1fr 280px;
gap: 64px;
max-width: 1100px;
margin: 0 auto 64px;
align-items: start;
}

.nd-root .art-body .body-text {
font-size: 14px;
line-height: 1.8;
color: #2a2a3e;
}

.nd-root .art-body .body-text p {
margin: 0 0 20px;
text-indent: -20px;
padding-left: 20px;
}

.nd-root .art-body .body-text p::first-letter {
font-size: 28px;
line-height: 1.2;
color: #C75C0A;
font-weight: 700;
float: left;
margin-right: 4px;
margin-top: 2px;
}

.nd-root .art-body .body-text h2 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1b1b2e;
margin: 32px 0 12px;
padding-top: 12px;
border-top: 2px dotted rgba(122, 134, 248, 0.3);
}

.nd-root .art-body .body-text h3 {
font-size: 28px;
line-height: 1.2;
color: #1b1b2e;
margin: 20px 0 8px;
}

.nd-root .art-body .body-text small {
font-size: 14px;
color: #777;
display: block;
margin-bottom: 12px;
}

.nd-root .art-body .body-text ul {
margin: 0 0 20px;
padding-left: 20px;
list-style: none;
}

.nd-root .art-body .body-text ul li {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
line-height: 1.8;
}

.nd-root .art-body .body-text ul li::before {
content: "▸";
color: #7A86F8;
position: absolute;
left: 0;
top: 0;
}

.nd-root .art-body .body-text blockquote {
margin: 32px 0;
padding: 20px 32px;
background: rgba(189, 248, 231, 0.18);
border-radius: 20px;
font-size: 14px;
line-height: 1.8;
color: #2a2a3e;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
}

.nd-root .art-body .body-text figure {
margin: 32px 0;
}

.nd-root .art-body .body-text figure img {
width: 100%;
border-radius: 20px;
object-fit: cover;
}

.nd-root .art-body .body-text figcaption {
font-size: 14px;
color: #888;
margin-top: 8px;
text-align: left;
}

.nd-root .art-body .side-col {
display: flex;
flex-direction: column;
gap: 32px;
position: sticky;
top: 32px;
}

.nd-root .art-body .side-col .res-card-grid {
display: flex;
flex-direction: column;
gap: 12px;
}

.nd-root .art-body .side-col .res-card-grid .res-label {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #555568;
font-weight: 600;
margin-bottom: 4px;
}

.nd-root .art-body .side-col .res-card-grid .res-label::before {
content: "";
display: block;
width: 24px;
height: 2px;
background: #C75C0A;
margin-bottom: 8px;
}

.nd-root .art-body .side-col .res-item {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 12px;
border-radius: 20px;
background: #fff;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
transition: box-shadow 0.42s ease-out, transform 0.38s ease-out;
cursor: default;
}

.nd-root .art-body .side-col .res-item:hover {
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-2px);
}

.nd-root .art-body .side-col .res-item .res-ico {
width: 36px;
height: 36px;
border-radius: 0px;
background: #BDF8E7;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}

.nd-root .art-body .side-col .res-item .res-ico svg {
width: 18px;
height: 18px;
}

.nd-root .art-body .side-col .res-item .res-info {
display: flex;
flex-direction: column;
gap: 4px;
}

.nd-root .art-body .side-col .res-item .res-nm {
font-size: 14px;
line-height: 1.55;
color: #1b1b2e;
font-weight: 600;
}

.nd-root .art-body .side-col .res-item .res-meta {
font-size: 14px;
color: #888;
letter-spacing: 0.04em;
}

.nd-root .art-body .side-col .back-btn {
display: inline-block;
padding: 12px 20px;
background: #1b1b2e;
color: #fff;
font-size: 14px;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px;
transition: background 0.45s ease-out, transform 0.2s ease-out;
text-align: center;
}

.nd-root .art-body .side-col .back-btn:hover {
background: #7A86F8;
}

.nd-root .art-body .side-col .back-btn:active {
transform: scale(0.97);
}

.nd-root .art-blur-group .res-item {
transition: filter 0.4s ease-out, box-shadow 0.4s ease-out;
}

.nd-root .art-blur-group:hover .res-item {
filter: blur(1.5px);
opacity: 0.7;
}

.nd-root .art-blur-group:hover .res-item:hover {
filter: none;
opacity: 1;
}

.nd-root .art-end {
padding: 64px 0;
background: linear-gradient(197deg, #BDF8E7 0%, transparent 100%);
border-radius: 20px;
margin-bottom: 64px;
}

.nd-root .art-end .end-inner {
max-width: 860px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
padding: 0 32px;
}

.nd-root .art-end .end-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.nd-root .art-end .end-block .end-lbl {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #555568;
font-weight: 600;
}

.nd-root .art-end .end-block .end-lbl::before {
content: "";
display: block;
width: 24px;
height: 2px;
background: #7A86F8;
margin-bottom: 8px;
}

.nd-root .art-end .end-block .end-h {
font-size: 28px;
line-height: 1.2;
color: #1b1b2e;
margin: 0;
letter-spacing: -0.01em;
}

.nd-root .art-end .end-block .end-p {
font-size: 14px;
line-height: 1.8;
color: #2a2a3e;
margin: 0;
}

.nd-root .art-end .end-block .end-link {
display: inline-block;
padding: 12px 20px;
background: #1b1b2e;
color: #fff;
font-size: 14px;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0px;
align-self: flex-start;
transition: background 0.45s ease-out, transform 0.2s ease-out;
}

.nd-root .art-end .end-block .end-link:hover {
background: #C75C0A;
}

.nd-root .art-end .end-block .end-link:active {
transform: scale(0.97);
}

.nd-root .art-end .end-block .contact-row {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 14px;
line-height: 1.55;
color: #2a2a3e;
}

.nd-root .art-end .end-block .contact-row a {
color: #7A86F8;
text-decoration: none;
transition: color 0.38s ease-out;
}

.nd-root .art-end .end-block .contact-row a:hover {
color: #C75C0A;
}

@keyframes nd-zoom-out {
from {
transform: scale(1.06);
opacity: 0.7;
}

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

.nd-root .art-lead .lead-inner {
animation: nd-zoom-out 0.55s ease-out both;
}

.nd-root .art-img-band {
animation: nd-zoom-out 0.65s 0.1s ease-out both;
}

@media (max-width: 900px) {
.nd-root .art-body {
grid-template-columns: 1fr;
gap: 32px;
}

.nd-root .art-body .side-col {
position: static;
}

.nd-root .art-end .end-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.nd-root .art-lead .art-h1 {
font-size: 28px;
}

.nd-root .art-img-band img {
height: 280px;
}
}

@media (max-width: 600px) {
.nd-root {
padding: 0 20px;
}

.nd-root .art-lead {
padding: 32px 0 20px;
}
}

.bld {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}

.bld .art-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 64px;
padding: 64px 0 32px;
position: relative;
}

.bld .art-top .dot-grid {
position: absolute;
top: 0;
left: 0;
width: 55%;
height: 100%;
pointer-events: none;
overflow: hidden;
background-image: radial-gradient(circle, rgba(122, 134, 248, 0.18) 1.5px, transparent 1.5px);
background-size: 20px 20px;
z-index: 0;
}

.bld .art-top .txt-col {
flex: 1 1 55%;
position: relative;
z-index: 1;
}

.bld .art-top .img-col {
flex: 0 0 38%;
max-width: 38%;
}

.bld .art-top .img-col img {
width: 100%;
height: 340px;
object-fit: cover;
border-radius: 20px;
display: block;
}

.bld .eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 20px;
}

.bld .eyebrow .tag {
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.08em;
color: #fff;
background: #C75C0A;
padding: 4px 12px;
border-radius: 0px;
font-weight: 600;
}

.bld .eyebrow .meta-item {
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.06em;
color: #555;
}

.bld .art-h1 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a1300;
margin: 0 0 12px;
font-weight: 700;
}

.bld .art-h1 .first-letter {
font-size: 70px;
line-height: 1;
color: #7A86F8;
float: left;
margin-right: 4px;
margin-top: 4px;
font-weight: 800;
}

.bld .art-subtitle {
font-size: 14px;
line-height: 1.55;
color: #666;
margin: 0 0 20px;
letter-spacing: 0.03em;
}

.bld .author-line {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 1.2;
color: #444;
}

.bld .author-line .a-name {
font-weight: 600;
color: #7A86F8;
text-decoration: none;
transition: color 0.42s ease-out;
}

.bld .author-line .a-name:hover {
color: #C75C0A;
}

.bld .divider-dash {
width: 100%;
height: 2px;
background: repeating-linear-gradient(90deg,
#7A86F8 0px, #7A86F8 8px,
transparent 8px, transparent 12px,
#7A86F8 12px, #7A86F8 28px,
transparent 28px, transparent 32px);
margin: 32px 0;
opacity: 0.35;
}

.bld .art-body {
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
padding: 0 0 64px;
}

.bld .art-body .body-col {
flex: 1 1 65%;
}

.bld .art-body .aside-col {
flex: 0 0 28%;
max-width: 28%;
position: sticky;
top: 32px;
}

.bld .body-col .body-txt {
font-size: 14px;
line-height: 1.8;
color: #2a2a2a;
text-indent: -20px;
padding-left: 20px;
}

.bld .body-col .body-txt p {
margin: 0 0 20px;
}

.bld .body-col .body-txt h2 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1a1300;
margin: 32px 0 12px;
padding-top: 12px;
border-top: 3px solid #BDF8E7;
font-weight: 700;
}

.bld .body-col .body-txt h3 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1a1300;
margin: 32px 0 12px;
font-weight: 600;
}

.bld .body-col .body-txt mark {
background: rgba(189, 248, 231, 0.55);
color: inherit;
padding: 0 4px;
border-radius: 0px;
}

.bld .body-col .body-txt abbr {
text-decoration: underline dotted #7A86F8;
cursor: help;
}

.bld .body-col .body-txt ul,
.bld .body-col .body-txt ol {
padding-left: 20px;
margin: 0 0 20px;
}

.bld .body-col .body-txt ul li {
list-style: none;
padding-left: 20px;
position: relative;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.8;
}

.bld .body-col .body-txt ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background: #C75C0A;
border-radius: 0px;
}

.bld .body-col .body-txt ol li {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.8;
color: #2a2a2a;
}

.bld .body-col .body-txt blockquote {
margin: 32px 0;
padding: 20px 32px;
background: #f5f5f0;
border-radius: 20px;
font-size: 14px;
line-height: 1.8;
color: #333;
font-style: italic;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
}

.bld .body-col .body-txt table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 14px;
line-height: 1.55;
}

.bld .body-col .body-txt th,
.bld .body-col .body-txt td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e8e8e0;
color: #2a2a2a;
}

.bld .body-col .body-txt th {
font-weight: 700;
background: #BDF8E7;
color: #1a1300;
}

.bld .body-col .body-txt tfoot td {
font-weight: 600;
background: #f5f5f0;
}

.bld .body-col .body-txt caption {
font-size: 14px;
color: #666;
margin-bottom: 8px;
text-align: left;
font-style: italic;
}

.bld .aside-col .aside-card {
background: linear-gradient(197deg, #BDF8E7, transparent);
border-radius: 20px;
padding: 32px 20px;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
position: relative;
overflow: hidden;
}

.bld .aside-col .aside-card::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: #7A86F8;
border-radius: 0px 20px 0px 20px;
}

.bld .aside-col .aside-card .ac-label {
font-size: 14px;
letter-spacing: 0.08em;
color: #555;
text-transform: uppercase;
margin-bottom: 12px;
display: block;
}

.bld .aside-col .aside-card .ac-links {
list-style: none;
padding: 0;
margin: 0 0 20px;
}

.bld .aside-col .aside-card .ac-links li {
margin-bottom: 8px;
}

.bld .aside-col .aside-card .ac-links a {
font-size: 14px;
line-height: 1.55;
color: #1a1300;
text-decoration: none;
transition: color 0.45s ease-out;
}

.bld .aside-col .aside-card .ac-links a:hover {
color: #C75C0A;
}

.bld .aside-col .aside-card .ac-btn {
display: inline-block;
font-size: 14px;
line-height: 1.2;
background: #1a1300;
color: #fff;
padding: 12px 20px;
border-radius: 0px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.04em;
transition: background 0.42s ease-out, transform 0.15s ease-out;
border: none;
cursor: pointer;
}

.bld .aside-col .aside-card .ac-btn:hover {
background: #C75C0A;
}

.bld .aside-col .aside-card .ac-btn:active {
transform: scale(0.97);
}

.bld .float-icons {
display: flex;
flex-direction: row;
gap: 20px;
margin: 20px 0 0;
}

.bld .float-icons .fi {
width: 44px;
height: 44px;
border-radius: 0px;
background: #fff;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
display: flex;
align-items: center;
justify-content: center;
animation: float-sway 3.2s ease-in-out infinite;
}

.bld .float-icons .fi:nth-child(2) {
animation-delay: 0.6s;
animation-duration: 3.8s;
}

.bld .float-icons .fi:nth-child(3) {
animation-delay: 1.1s;
animation-duration: 4.2s;
}

@keyframes float-sway {

0%,
100% {
transform: translateY(0px);
}

50% {
transform: translateY(-6px);
}
}

.bld .float-icons .fi svg {
width: 22px;
height: 22px;
}

.bld .bg-section {
position: relative;
border-radius: 20px;
overflow: hidden;
margin: 0 0 64px;
padding: 64px 32px;
}

.bld .bg-section .bg-img {
position: absolute;
inset: 0;
background-image: url({{image_src}});
background-size: cover;
background-position: center;
background-attachment: fixed;
filter: blur(8px) brightness(0.45);
transform: scale(1.05);
z-index: 0;
}

.bld .bg-section .bg-cnt {
position: relative;
z-index: 1;
max-width: 700px;
margin: 0 auto;
text-align: left;
}

.bld .bg-section .bg-cnt .bc-label {
font-size: 14px;
letter-spacing: 0.1em;
color: #BDF8E7;
text-transform: uppercase;
margin-bottom: 12px;
display: block;
}

.bld .bg-section .bg-cnt h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #fff;
margin: 0 0 20px;
font-weight: 700;
}

.bld .bg-section .bg-cnt p {
font-size: 14px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.88);
margin: 0 0 32px;
}

.bld .bg-section .bg-cnt .bc-btn {
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.05em;
color: #1a1300;
background: #BDF8E7;
padding: 12px 32px;
border-radius: 0px;
text-decoration: none;
transition: background 0.38s ease-out, transform 0.15s ease-out;
}

.bld .bg-section .bg-cnt .bc-btn:hover {
background: #fff;
}

.bld .bg-section .bg-cnt .bc-btn:active {
transform: scale(0.97);
}

@media (max-width: 900px) {
.bld .art-top {
flex-direction: column;
gap: 32px;
padding: 32px 0 20px;
}

.bld .art-top .dot-grid {
width: 100%;
}

.bld .art-top .img-col {
max-width: 100%;
flex: 1 1 100%;
}

.bld .art-top .img-col img {
height: 220px;
}

.bld .art-body {
flex-direction: column;
gap: 32px;
}

.bld .art-body .aside-col {
max-width: 100%;
flex: 1 1 100%;
position: static;
}

.bld .art-h1 {
font-size: 28px;
}

.bld .art-h1 .first-letter {
font-size: 38px;
}

.bld .bg-section {
padding: 32px 20px;
}

.bld .bg-section .bg-cnt h2 {
font-size: 28px;
}
}

@media (max-width: 600px) {
.bld .body-col .body-txt {
text-indent: 0;
padding-left: 0;
}

.bld .body-col .body-txt table {
display: none;
}

.bld .body-col .body-txt table+.mob-cards {
display: block;
}
}

.bld .mob-cards {
display: none;
}

@media (max-width: 600px) {
.bld .mob-cards {
display: block;
}
}

.nws-pg {
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
}

.nws-pg .title-area {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 0;
min-height: 420px;
position: relative;
}

.nws-pg .title-area .img-left,
.nws-pg .title-area .img-right {
position: relative;
overflow: hidden;
}

.nws-pg .title-area .img-left img,
.nws-pg .title-area .img-right img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.6);
transition: filter 0.45s ease-out;
}

.nws-pg .title-area .img-left:hover img,
.nws-pg .title-area .img-right:hover img {
filter: saturate(1);
}

.nws-pg .title-area .img-left::after,
.nws-pg .title-area .img-right::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(197deg, #BDF8E7, transparent);
pointer-events: none;
}

.nws-pg .title-area .img-left .geo-line {
position: absolute;
top: 20px;
left: 20px;
width: 60px;
height: 60px;
border-top: 1px solid rgba(122, 134, 248, 0.5);
border-left: 1px solid rgba(122, 134, 248, 0.5);
pointer-events: none;
}

.nws-pg .title-area .img-right .geo-line {
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-bottom: 1px solid rgba(199, 92, 10, 0.5);
border-right: 1px solid rgba(199, 92, 10, 0.5);
pointer-events: none;
}

.nws-pg .title-area .txt-mid {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 64px 32px;
background: #f5f3ef;
position: relative;
}

.nws-pg .title-area .txt-mid .eyebrow {
font-size: 14px;
letter-spacing: 0.12em;
color: #C75C0A;
text-transform: uppercase;
margin-bottom: 12px;
line-height: 1.2;
}

.nws-pg .title-area .txt-mid h1 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1e1a14;
margin: 0;
}

.nws-pg .title-area .txt-mid h1 .first-letter {
font-size: 70px;
color: #7A86F8;
line-height: 1;
float: left;
margin-right: 8px;
margin-top: 4px;
}

.nws-pg .curved-div {
width: 100%;
line-height: 0;
background: #f5f3ef;
}

.nws-pg .curved-div svg {
display: block;
width: 100%;
}

.nws-pg .posts-area {
background: #ffffff;
padding: 64px 32px;
}

.nws-pg .posts-area .area-label {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7A86F8;
margin-bottom: 4px;
line-height: 1.2;
}

.nws-pg .posts-area .area-label::before {
content: "";
display: inline-block;
width: 28px;
height: 2px;
background: #7A86F8;
vertical-align: middle;
margin-right: 8px;
}

.nws-pg .posts-area h2 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1e1a14;
margin: 0 0 32px 0;
}

.nws-pg .posts-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.nws-pg .post-card {
background: #f5f3ef;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
transition: box-shadow 0.4s ease-out, transform 0.35s ease-out;
}

.nws-pg .post-card:hover {
box-shadow: 2px 10px 48px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-4px);
}

.nws-pg .post-card .card-img {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
}

.nws-pg .post-card .card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.65);
transition: filter 0.45s ease-out, transform 0.5s ease-out;
}

.nws-pg .post-card:hover .card-img img {
filter: saturate(1);
transform: scale(1.04);
}

.nws-pg .post-card .card-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.nws-pg .post-card .tags {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.nws-pg .post-card .tag-art {
font-size: 14px;
color: #7A86F8;
background: rgba(122, 134, 248, 0.1);
padding: 4px 12px;
border-radius: 0px;
line-height: 1.2;
}

.nws-pg .post-card .tag-cat {
font-size: 14px;
color: #C75C0A;
background: rgba(199, 92, 10, 0.08);
padding: 4px 12px;
border-radius: 0px;
line-height: 1.2;
}

.nws-pg .post-card h3 {
font-size: 14px;
line-height: 1.55;
color: #1e1a14;
margin: 0;
letter-spacing: 0.01em;
}

.nws-pg .post-card .desc {
font-size: 14px;
line-height: 1.55;
color: #4a4540;
margin: 0;
flex: 1;
}

.nws-pg .post-card .author-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
}

.nws-pg .post-card .author-dot {
width: 8px;
height: 8px;
border-radius: 0px;
background: #BDF8E7;
flex-shrink: 0;
}

.nws-pg .post-card .author-nm {
font-size: 14px;
color: #4a4540;
line-height: 1.2;
}

.nws-pg .post-card .read-lnk {
display: inline-block;
margin-top: 12px;
font-size: 14px;
color: #C75C0A;
text-decoration: none;
letter-spacing: 0.05em;
transition: color 0.25s ease-out;
}

.nws-pg .post-card .read-lnk:hover {
color: #7A86F8;
}

.nws-pg .curve-2 {
width: 100%;
line-height: 0;
background: #ffffff;
}

.nws-pg .curve-2 svg {
display: block;
width: 100%;
}

.nws-pg .metrics-area {
background: #1e1a14;
padding: 64px 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.nws-pg .metrics-area .met-txt .sec-label {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BDF8E7;
margin-bottom: 12px;
line-height: 1.2;
}

.nws-pg .metrics-area .met-txt .sec-label::before {
content: "";
display: inline-block;
width: 28px;
height: 2px;
background: #BDF8E7;
vertical-align: middle;
margin-right: 8px;
}

.nws-pg .metrics-area .met-txt h2 {
font-size: 28px;
line-height: 1.2;
color: #f5f3ef;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}

.nws-pg .metrics-area .met-txt p {
font-size: 14px;
line-height: 1.8;
color: #b0a898;
margin: 0;
}

.nws-pg .metrics-area .met-nums {
display: flex;
flex-direction: column;
gap: 32px;
}

.nws-pg .metrics-area .dual-met {
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.nws-pg .metrics-area .met-item {
flex: 1;
border-top: 1px solid rgba(189, 248, 231, 0.2);
padding-top: 20px;
}

.nws-pg .metrics-area .met-item .big-num {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #7A86F8;
display: block;
}

.nws-pg .metrics-area .met-item .met-lbl {
font-size: 14px;
line-height: 1.55;
color: #b0a898;
margin-top: 4px;
display: block;
}

.nws-pg .metrics-area .arrow-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}

.nws-pg .metrics-area .arrow-num {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #f5f3ef;
}

.nws-pg .metrics-area .arr-svg {
display: flex;
flex-direction: row;
align-items: center;
}

.nws-pg .metrics-area .arr-svg svg {
width: 48px;
height: 20px;
}

.nws-pg .metrics-area .arrow-num.right {
color: #BDF8E7;
}

.nws-pg .curve-3 {
width: 100%;
line-height: 0;
background: #1e1a14;
}

.nws-pg .curve-3 svg {
display: block;
width: 100%;
}

.nws-pg .diagram-area {
background: #f5f3ef;
padding: 64px 32px;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 32px;
align-items: start;
}

.nws-pg .diagram-area .diag-wrap {
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
}

.nws-pg .diagram-area .diag-wrap img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
filter: saturate(0.6);
transition: filter 0.5s ease-out;
}

.nws-pg .diagram-area .diag-wrap:hover img {
filter: saturate(1);
}

.nws-pg .diagram-area .diag-wrap .diag-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(197deg, rgba(189, 248, 231, 0.15), transparent);
padding: 20px;
pointer-events: none;
}

.nws-pg .diagram-area .diag-wrap .diag-overlay .diag-lbl {
font-size: 14px;
color: #f5f3ef;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.nws-pg .diagram-area .legend {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 12px;
}

.nws-pg .diagram-area .legend .leg-head {
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7A86F8;
line-height: 1.2;
}

.nws-pg .diagram-area .legend .leg-head::before {
content: "";
display: block;
width: 28px;
height: 2px;
background: #7A86F8;
margin-bottom: 8px;
}

.nws-pg .diagram-area .legend .leg-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
}

.nws-pg .diagram-area .legend .leg-dot {
width: 12px;
height: 12px;
border-radius: 0px;
flex-shrink: 0;
margin-top: 4px;
}

.nws-pg .diagram-area .legend .leg-dot.d1 {
background: #7A86F8;
}

.nws-pg .diagram-area .legend .leg-dot.d2 {
background: #C75C0A;
}

.nws-pg .diagram-area .legend .leg-dot.d3 {
background: #BDF8E7;
}

.nws-pg .diagram-area .legend .leg-dot.d4 {
background: #1e1a14;
}

.nws-pg .diagram-area .legend .leg-txt {
font-size: 14px;
line-height: 1.55;
color: #4a4540;
}

.nws-pg .diagram-area .legend .leg-txt strong {
display: block;
color: #1e1a14;
font-size: 14px;
}

.nws-pg .curve-4 {
width: 100%;
line-height: 0;
background: #f5f3ef;
}

.nws-pg .curve-4 svg {
display: block;
width: 100%;
}

.nws-pg .editorial-area {
background: #ffffff;
padding: 64px 32px;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 32px;
align-items: start;
}

.nws-pg .editorial-area .ed-accent {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 32px;
}

.nws-pg .editorial-area .ed-accent .acc-num {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.04em;
color: rgba(122, 134, 248, 0.15);
font-weight: 700;
}

.nws-pg .editorial-area .ed-accent .acc-line {
width: 40px;
height: 2px;
background: #C75C0A;
}

.nws-pg .editorial-area .ed-accent .acc-note {
font-size: 14px;
line-height: 1.55;
color: #4a4540;
letter-spacing: 0.02em;
}

.nws-pg .editorial-area .ed-body {
display: flex;
flex-direction: column;
gap: 20px;
}

.nws-pg .editorial-area .ed-body .sec-lbl {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #C75C0A;
line-height: 1.2;
}

.nws-pg .editorial-area .ed-body .sec-lbl::before {
content: "";
display: block;
width: 28px;
height: 2px;
background: #C75C0A;
margin-bottom: 8px;
}

.nws-pg .editorial-area .ed-body h2 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1e1a14;
margin: 0;
}

.nws-pg .editorial-area .ed-body p {
font-size: 14px;
line-height: 1.8;
color: #4a4540;
margin: 0;
text-indent: -1em;
padding-left: 1em;
}

.nws-pg .editorial-area .ed-body .ed-link {
display: inline-block;
font-size: 14px;
color: #7A86F8;
text-decoration: none;
letter-spacing: 0.04em;
transition: color 0.3s ease-out;
}

.nws-pg .editorial-area .ed-body .ed-link:hover {
color: #C75C0A;
}

.nws-pg .editorial-area .ed-side {
display: flex;
flex-direction: column;
gap: 20px;
}

.nws-pg .editorial-area .ed-side .side-img {
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 5px 18px 0 rgba(199, 92, 10, 0.11);
}

.nws-pg .editorial-area .ed-side .side-img img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
filter: saturate(0.6);
transition: filter 0.45s ease-out;
}

.nws-pg .editorial-area .ed-side .side-img:hover img {
filter: saturate(1);
}

.nws-pg .editorial-area .ed-side .side-note {
font-size: 14px;
line-height: 1.55;
color: #4a4540;
padding: 12px;
background: #f5f3ef;
border-radius: 0px;
}

.nws-pg .flip-box {
animation: flipIn 0.6s ease-out both;
}

@keyframes flipIn {
from {
transform: rotateX(-90deg);
opacity: 0;
}

to {
transform: rotateX(0deg);
opacity: 1;
}
}

.nws-pg .fade-up {
animation: fadeUp 0.5s ease-out both;
}

@keyframes fadeUp {
from {
transform: translateY(24px);
opacity: 0;
}

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

.nws-pg .post-card:nth-child(1) {
animation: fadeUp 0.35s ease-out 0.05s both;
}

.nws-pg .post-card:nth-child(2) {
animation: fadeUp 0.4s ease-out 0.12s both;
}

.nws-pg .post-card:nth-child(3) {
animation: fadeUp 0.45s ease-out 0.19s both;
}

.nws-pg .post-card:nth-child(4) {
animation: fadeUp 0.5s ease-out 0.26s both;
}

.nws-pg .metrics-area .met-item:first-child .big-num {
animation: flipIn 0.55s ease-out 0.1s both;
}

.nws-pg .metrics-area .met-item:last-child .big-num {
animation: flipIn 0.55s ease-out 0.25s both;
}

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

.nws-pg .title-area {
grid-template-columns: 1fr 2fr;
}

.nws-pg .title-area .img-right {
display: none;
}

.nws-pg .metrics-area {
grid-template-columns: 1fr;
gap: 32px;
}

.nws-pg .diagram-area {
grid-template-columns: 1fr;
}

.nws-pg .editorial-area {
grid-template-columns: 1fr;
}

.nws-pg .editorial-area .ed-accent {
display: none;
}
}

@media (max-width: 640px) {
.nws-pg .posts-grid {
grid-template-columns: 1fr;
}

.nws-pg .title-area {
grid-template-columns: 1fr;
}

.nws-pg .title-area .img-left {
height: 200px;
}

.nws-pg .title-area .txt-mid {
padding: 32px 20px;
}

.nws-pg .title-area .txt-mid h1 {
font-size: 28px;
}

.nws-pg .title-area .txt-mid h1 .first-letter {
font-size: 38px;
}

.nws-pg .metrics-area {
padding: 32px 20px;
}

.nws-pg .posts-area {
padding: 32px 20px;
}

.nws-pg .diagram-area {
padding: 32px 20px;
}

.nws-pg .editorial-area {
padding: 32px 20px;
}

.nws-pg .dual-met {
flex-direction: column;
gap: 20px;
}
}

.ab-auth {
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
}

.ab-auth .title-blk {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
position: relative;
background: #1a1200;
background: linear-gradient(197deg, #2a1f00 0%, #1c1400 100%);
}

.ab-auth .title-blk .txt-zone {
padding: 64px 64px 64px 64px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
}

.ab-auth .title-blk .bg-num {
position: absolute;
top: -20px;
left: 20px;
font-size: 220px;
font-weight: 900;
color: #fff;
opacity: 0.04;
line-height: 1.2;
pointer-events: none;
letter-spacing: -8px;
z-index: 1;
}

.ab-auth .title-blk .eyebrow {
font-size: 14px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #BDF8E7;
margin-bottom: 20px;
line-height: 1.55;
}

.ab-auth .title-blk .auth-name {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #fff;
margin: 0 0 20px 0;
}

.ab-auth .title-blk .auth-name span {
color: #C75C0A;
}

.ab-auth .title-blk .sub-desc {
font-size: 14px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.65);
max-width: 380px;
margin-bottom: 32px;
}

.ab-auth .title-blk .tag-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.ab-auth .title-blk .tag {
display: inline-block;
padding: 4px 12px;
border-radius: 0px;
border: 1px solid rgba(122, 134, 248, 0.4);
font-size: 14px;
color: #7A86F8;
line-height: 1.55;
letter-spacing: 0.04em;
}

.ab-auth .title-blk .img-zone {
position: relative;
overflow: hidden;
}

.ab-auth .title-blk .img-zone img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.7) contrast(1.1) sepia(0.18);
transition: filter 0.5s ease-out;
}

.ab-auth .title-blk .img-zone:hover img {
filter: saturate(1) contrast(1.05) sepia(0.05);
}

.ab-auth .title-blk .img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(197deg, rgba(122, 134, 248, 0.18) 0%, transparent 60%);
pointer-events: none;
}

.ab-auth .about-split {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 0;
background: #f5f0e8;
}

.ab-auth .about-split .bio-col {
padding: 64px 64px 64px 64px;
}

.ab-auth .about-split .bio-col .acc-line {
width: 32px;
height: 2px;
background: #C75C0A;
margin-bottom: 20px;
}

.ab-auth .about-split .bio-col h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1c1400;
margin: 0 0 20px 0;
}

.ab-auth .about-split .bio-col h2 .hl {
background: #BDF8E7;
padding: 0 4px;
}

.ab-auth .about-split .bio-col .bio-p {
font-size: 14px;
line-height: 1.8;
color: #3a3020;
margin-bottom: 20px;
text-indent: -18px;
padding-left: 18px;
}

.ab-auth .about-split .bio-col .bio-p:first-of-type::first-letter {
font-size: 28px;
color: #C75C0A;
line-height: 1.2;
font-weight: 700;
margin-right: 4px;
}

.ab-auth .about-split .side-col {
padding: 64px 32px 64px 32px;
background: #ede7d6;
display: flex;
flex-direction: column;
gap: 20px;
}

.ab-auth .about-split .side-col .skill-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.ab-auth .about-split .side-col .skill-label {
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5a4a2a;
line-height: 1.55;
}

.ab-auth .about-split .side-col .skill-bar-bg {
height: 4px;
background: rgba(122, 134, 248, 0.15);
border-radius: 0px;
overflow: hidden;
}

.ab-auth .about-split .side-col .skill-bar {
height: 4px;
background: #7A86F8;
border-radius: 0px;
animation: bar-in 0.6s ease-out both;
}

@keyframes bar-in {
from {
width: 0;
}
}

.ab-auth .about-split .side-col .skill-bar.w88 {
width: 88%;
animation-delay: 0.1s;
}

.ab-auth .about-split .side-col .skill-bar.w80 {
width: 80%;
animation-delay: 0.2s;
}

.ab-auth .about-split .side-col .skill-bar.w75 {
width: 75%;
animation-delay: 0.3s;
}

.ab-auth .about-split .side-col .skill-bar.w70 {
width: 70%;
animation-delay: 0.4s;
}

.ab-auth .about-split .side-col .skill-bar.w65 {
width: 65%;
animation-delay: 0.5s;
}

.ab-auth .res-grid-blk {
background: #fff;
padding: 64px 64px;
}

.ab-auth .res-grid-blk .acc-line {
width: 32px;
height: 2px;
background: #7A86F8;
margin-bottom: 20px;
}

.ab-auth .res-grid-blk h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1c1400;
margin: 0 0 8px 0;
}

.ab-auth .res-grid-blk .sub {
font-size: 14px;
color: #5a5040;
line-height: 1.55;
margin-bottom: 32px;
}

.ab-auth .res-grid-blk .res-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.ab-auth .res-grid-blk .res-card {
border: 1px solid rgba(122, 134, 248, 0.18);
border-radius: 20px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
background: #fdfcf8;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
transition: box-shadow 0.45s ease-out, transform 0.35s ease-out;
}

.ab-auth .res-grid-blk .res-card:hover {
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-4px);
}

.ab-auth .res-grid-blk .res-card .res-type {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7A86F8;
line-height: 1.55;
}

.ab-auth .res-grid-blk .res-card h4 {
font-size: 14px;
font-weight: 700;
color: #1c1400;
line-height: 1.55;
margin: 0;
}

.ab-auth .res-grid-blk .res-card .res-meta {
font-size: 14px;
color: #7a6a4a;
line-height: 1.55;
}

.ab-auth .res-grid-blk .res-card .res-img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 20px;
display: block;
}

.ab-auth .res-grid-blk .res-card .dl-btn {
display: inline-block;
padding: 8px 20px;
background: #1c1400;
color: #BDF8E7;
font-size: 14px;
letter-spacing: 0.06em;
border-radius: 0px;
text-decoration: none;
line-height: 1.55;
transition: background 0.4s ease-out, color 0.25s ease-out;
align-self: flex-start;
}

.ab-auth .res-grid-blk .res-card .dl-btn:hover {
background: #C75C0A;
color: #fff;
}

.ab-auth .closing-blk {
display: grid;
grid-template-columns: 2fr 3fr;
background: linear-gradient(197deg, #BDF8E7 0%, rgba(189, 248, 231, 0.2) 100%);
min-height: 400px;
}

.ab-auth .closing-blk .img-col {
position: relative;
overflow: hidden;
}

.ab-auth .closing-blk .img-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease-out;
}

.ab-auth .closing-blk .img-col:hover img {
transform: scale(1.04);
}

.ab-auth .closing-blk .txt-col {
padding: 64px 64px 64px 64px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}

.ab-auth .closing-blk .txt-col .acc-line {
width: 32px;
height: 2px;
background: #C75C0A;
}

.ab-auth .closing-blk .txt-col h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1c1400;
margin: 0;
}

.ab-auth .closing-blk .txt-col .closing-p {
font-size: 14px;
line-height: 1.8;
color: #2a2010;
max-width: 480px;
text-indent: -18px;
padding-left: 18px;
}

.ab-auth .closing-blk .txt-col .list-items {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.ab-auth .closing-blk .txt-col .list-items li {
font-size: 14px;
line-height: 1.55;
color: #2a2010;
padding-left: 20px;
position: relative;
}

.ab-auth .closing-blk .txt-col .list-items li::before {
content: "▸";
position: absolute;
left: 0;
color: #C75C0A;
}

.ab-auth .closing-blk .txt-col .contact-link {
display: inline-block;
font-size: 14px;
color: #7A86F8;
text-decoration: none;
letter-spacing: 0.04em;
line-height: 1.55;
position: relative;
align-self: flex-start;
padding-bottom: 4px;
}

.ab-auth .closing-blk .txt-col .contact-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #7A86F8;
transform-origin: left;
animation: line-pulse 2.4s ease-out infinite;
}

@keyframes line-pulse {
0% {
transform: scaleX(1);
}

50% {
transform: scaleX(0.3);
}

100% {
transform: scaleX(1);
}
}

.ab-auth .seq-list {
display: flex;
flex-direction: column;
gap: 4px;
}

.ab-auth .seq-list li {
opacity: 0;
animation: seq-reveal 0.4s ease-out forwards;
}

.ab-auth .seq-list li:nth-child(1) {
animation-delay: 0.1s;
}

.ab-auth .seq-list li:nth-child(2) {
animation-delay: 0.25s;
}

.ab-auth .seq-list li:nth-child(3) {
animation-delay: 0.4s;
}

.ab-auth .seq-list li:nth-child(4) {
animation-delay: 0.55s;
}

.ab-auth .seq-list li:nth-child(5) {
animation-delay: 0.7s;
}

@keyframes seq-reveal {
from {
opacity: 0;
transform: translateY(10px);
}

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

@media (max-width: 900px) {

.ab-auth .title-blk,
.ab-auth .about-split,
.ab-auth .closing-blk {
grid-template-columns: 1fr;
}

.ab-auth .title-blk .img-zone {
height: 280px;
}

.ab-auth .title-blk .txt-zone {
padding: 32px 20px;
}

.ab-auth .title-blk .auth-name {
font-size: 38px;
}

.ab-auth .title-blk .bg-num {
font-size: 120px;
}

.ab-auth .about-split .bio-col,
.ab-auth .about-split .side-col {
padding: 32px 20px;
}

.ab-auth .res-grid-blk {
padding: 32px 20px;
}

.ab-auth .res-grid-blk .res-grid {
grid-template-columns: 1fr;
}

.ab-auth .closing-blk .img-col {
height: 240px;
}

.ab-auth .closing-blk .txt-col {
padding: 32px 20px;
}

.ab-auth .closing-blk .txt-col h2 {
font-size: 28px;
}
}

.ld {
max-width: 1400px;
margin: 0 auto;
overflow-x: clip;
}

.ld .strip-img {
width: 100%;
height: 180px;
position: relative;
overflow: hidden;
}

.ld .strip-img img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center 30%;
display: block;
will-change: transform;
}

.ld .strip-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(30, 20, 10, 0.38) 0%, transparent 55%, rgba(30, 20, 10, 0.28) 100%);
pointer-events: none;
}

.ld .strip-img .corner-br {
position: absolute;
bottom: 12px;
right: 20px;
width: 28px;
height: 28px;
border-bottom: 2px solid #7A86F8;
border-right: 2px solid #7A86F8;
pointer-events: none;
}

.ld .strip-img .corner-tl {
position: absolute;
top: 12px;
left: 20px;
width: 28px;
height: 28px;
border-top: 2px solid #BDF8E7;
border-left: 2px solid #BDF8E7;
pointer-events: none;
}

.ld .ttl-zone {
padding: 32px 64px 32px 64px;
background: #fff;
}

.ld .ttl-zone .kw-line {
font-size: 14px;
letter-spacing: 0.12em;
color: #C75C0A;
text-transform: uppercase;
margin-bottom: 8px;
display: block;
}

.ld .ttl-zone h1 {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #1b1610;
margin: 0 0 12px 0;
}

.ld .ttl-zone h1 .und {
text-decoration: underline;
text-decoration-color: #7A86F8;
text-underline-offset: 6px;
}

.ld .ttl-zone .sub {
font-size: 28px;
line-height: 1.55;
color: #3a3228;
max-width: 680px;
}

.ld .dots-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 64px;
background: #fff;
}

.ld .dots-row span {
display: inline-block;
border-radius: 20px;
background: #7A86F8;
opacity: 0.18;
}

.ld .dots-row span:nth-child(1) {
width: 6px;
height: 6px;
}

.ld .dots-row span:nth-child(2) {
width: 10px;
height: 10px;
opacity: 0.28;
}

.ld .dots-row span:nth-child(3) {
width: 4px;
height: 4px;
}

.ld .dots-row span:nth-child(4) {
width: 14px;
height: 14px;
opacity: 0.38;
}

.ld .dots-row span:nth-child(5) {
width: 6px;
height: 6px;
}

.ld .dots-row span:nth-child(6) {
width: 8px;
height: 8px;
opacity: 0.22;
}

.ld .dots-row span:nth-child(7) {
width: 4px;
height: 4px;
}

.ld .dots-row span:nth-child(8) {
width: 12px;
height: 12px;
opacity: 0.32;
}

.ld .arc-div {
line-height: 0;
background: #fff;
}

.ld .arc-div svg {
display: block;
width: 100%;
}

.ld .feed-zone {
background: #f5f2ed;
padding: 64px 64px 32px 64px;
}

.ld .feed-zone .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #7A86F8;
margin-bottom: 20px;
display: block;
}

.ld .feed-zone .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #7A86F8;
vertical-align: middle;
margin-right: 8px;
}

.ld .feed-zone h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1b1610;
margin: 0 0 32px 0;
}

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

.ld .post-card {
background: #fff;
border-radius: 20px;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.45s ease-out, transform 0.4s ease-out;
}

.ld .post-card:hover {
box-shadow: 2px 10px 48px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-4px);
}

.ld .post-card:hover .p-meta-tag {
border-style: dashed;
}

.ld .p-img-wrap {
width: 100%;
height: 200px;
overflow: hidden;
}

.ld .p-img-wrap img {
width: 100%;
height: 200px;
object-fit: cover;
transition: transform 0.55s ease-out;
}

.ld .post-card:hover .p-img-wrap img {
transform: scale(1.04);
}

.ld .p-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}

.ld .p-meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.ld .p-meta-tag {
font-size: 14px;
letter-spacing: 0.08em;
color: #C75C0A;
border: 1px solid #C75C0A;
border-radius: 0px;
padding: 4px 8px;
text-transform: uppercase;
transition: border-style 0.35s ease-out;
}

.ld .p-read {
font-size: 14px;
color: #7a6f62;
letter-spacing: 0.06em;
}

.ld .p-sep {
width: 32px;
height: 1px;
background: #C75C0A;
opacity: 0.35;
margin: 4px 0;
}

.ld .p-body h3 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1b1610;
margin: 0;
}

.ld .p-body .p-sub {
font-size: 14px;
line-height: 1.55;
color: #5a4f42;
}

.ld .p-body .p-desc {
font-size: 14px;
line-height: 1.8;
color: #3a3228;
flex: 1;
}

.ld .p-author {
font-size: 14px;
color: #7a6f62;
margin-top: 8px;
}

.ld .p-link {
display: inline-block;
margin-top: 12px;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7A86F8;
text-decoration: none;
transition: color 0.4s ease-out;
}

.ld .p-link:hover {
color: #C75C0A;
}

.ld .arc-div2 {
line-height: 0;
background: #f5f2ed;
}

.ld .arc-div2 svg {
display: block;
width: 100%;
}

.ld .news-zone {
background: #fff;
padding: 64px 64px;
}

.ld .news-zone .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #C75C0A;
margin-bottom: 20px;
display: block;
}

.ld .news-zone .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #C75C0A;
vertical-align: middle;
margin-right: 8px;
}

.ld .news-zone h2 {
font-size: 38px;
line-height: 1.2;
color: #1b1610;
margin: 0 0 32px 0;
letter-spacing: -0.01em;
}

.ld .news-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: stretch;
}

.ld .news-card {
border-radius: 20px;
overflow: hidden;
box-shadow: 2px 2px 4px 0 rgba(199, 92, 10, 0.07);
display: flex;
flex-direction: column;
background: #fff;
transition: box-shadow 0.5s ease-out;
}

.ld .news-card:hover {
box-shadow: 2px 10px 48px 0 rgba(199, 92, 10, 0.11);
}

.ld .news-card:hover .n-tag {
border-style: dashed;
}

.ld .n-img-wrap {
width: 100%;
height: 240px;
overflow: hidden;
}

.ld .n-img-wrap img {
width: 100%;
height: 240px;
object-fit: cover;
transition: transform 0.55s ease-out;
}

.ld .news-card:hover .n-img-wrap img {
transform: scale(1.03);
}

.ld .n-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.ld .n-tag {
font-size: 14px;
letter-spacing: 0.08em;
color: #7A86F8;
border: 1px solid #7A86F8;
border-radius: 0px;
padding: 4px 8px;
text-transform: uppercase;
display: inline-block;
transition: border-style 0.35s ease-out;
}

.ld .n-sep {
width: 32px;
height: 1px;
background: #7A86F8;
opacity: 0.3;
}

.ld .n-body h3 {
font-size: 28px;
line-height: 1.2;
color: #1b1610;
margin: 0;
}

.ld .n-body .n-desc {
font-size: 14px;
line-height: 1.8;
color: #3a3228;
}

.ld .n-author {
font-size: 14px;
color: #7a6f62;
}

.ld .n-link {
display: inline-block;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #C75C0A;
text-decoration: none;
margin-top: 8px;
transition: color 0.4s ease-out;
}

.ld .n-link:hover {
color: #7A86F8;
}

.ld .thm-zone {
background: #1b1610;
padding: 64px 64px;
position: relative;
overflow: hidden;
}

.ld .thm-zone::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
pointer-events: none;
opacity: 0.6;
}

.ld .thm-zone .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #BDF8E7;
margin-bottom: 20px;
display: block;
position: relative;
}

.ld .thm-zone .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #BDF8E7;
vertical-align: middle;
margin-right: 8px;
}

.ld .thm-zone h2 {
font-size: 38px;
line-height: 1.2;
color: #fff;
margin: 0 0 32px 0;
position: relative;
}

.ld .thm-cluster {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
position: relative;
}

.ld .thm-item {
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
transition: background 0.45s ease-out;
}

.ld .thm-item:hover {
background: rgba(189, 248, 231, 0.08);
}

.ld .thm-num {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.04em;
color: rgba(189, 248, 231, 0.18);
margin: 0;
}

.ld .thm-item h4 {
font-size: 28px;
line-height: 1.2;
color: #fff;
margin: 0;
}

.ld .thm-item p {
font-size: 14px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.72);
margin: 0;
}

.ld .thm-item .thm-lnk {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BDF8E7;
text-decoration: none;
transition: color 0.4s ease-out;
}

.ld .thm-item .thm-lnk:hover {
color: #7A86F8;
}

.ld .arch-zone {
padding: 64px 64px;
background: #f5f2ed;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.ld .arch-txt .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #7A86F8;
margin-bottom: 20px;
display: block;
}

.ld .arch-txt .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #7A86F8;
vertical-align: middle;
margin-right: 8px;
}

.ld .arch-txt h2 {
font-size: 38px;
line-height: 1.2;
color: #1b1610;
margin: 0 0 20px 0;
}

.ld .arch-txt p {
font-size: 14px;
line-height: 1.8;
color: #3a3228;
margin: 0 0 20px 0;
text-indent: -20px;
padding-left: 20px;
}

.ld .arch-bars {
display: flex;
flex-direction: column;
gap: 20px;
}

.ld .arch-bar-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.ld .arch-bar-label {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

.ld .arch-bar-label span {
font-size: 14px;
color: #3a3228;
letter-spacing: 0.06em;
}

.ld .arch-bar-label .arch-count {
font-size: 14px;
color: #7A86F8;
}

.ld .arch-bar-track {
width: 100%;
height: 6px;
background: rgba(122, 134, 248, 0.12);
border-radius: 0px;
overflow: hidden;
}

.ld .arch-bar-fill {
height: 6px;
background: linear-gradient(197deg, #BDF8E7, transparent);
border-radius: 0px;
clip-path: inset(0 100% 0 0);
animation: bar-wipe 0.55s ease-out 0.2s forwards;
}

@keyframes bar-wipe {
to {
clip-path: inset(0 0% 0 0);
}
}

.ld .arch-bar-item:nth-child(2) .arch-bar-fill {
animation-delay: 0.32s;
}

.ld .arch-bar-item:nth-child(3) .arch-bar-fill {
animation-delay: 0.44s;
}

.ld .arch-bar-item:nth-child(4) .arch-bar-fill {
animation-delay: 0.56s;
}

.ld .quote-zone {
padding: 64px 64px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
}

.ld .quote-zone .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #C75C0A;
margin-bottom: 32px;
display: block;
align-self: flex-start;
}

.ld .quote-zone .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #C75C0A;
vertical-align: middle;
margin-right: 8px;
}

.ld .quote-zone h2 {
font-size: 38px;
line-height: 1.2;
color: #1b1610;
margin: 0 0 32px 0;
align-self: flex-start;
}

.ld .bubble-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
width: 100%;
}

.ld .bubble {
background: #f5f2ed;
border-radius: 20px;
padding: 32px;
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
}

.ld .bubble::after {
content: "";
position: absolute;
bottom: -16px;
left: 40px;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 0px solid transparent;
border-top: 16px solid #f5f2ed;
}

.ld .bubble-q {
font-size: 14px;
line-height: 1.8;
color: #3a3228;
margin: 0;
}

.ld .bubble-sig {
font-size: 14px;
color: #7A86F8;
letter-spacing: 0.06em;
}

.ld .bubble-sep {
width: 32px;
height: 1px;
background: #C75C0A;
opacity: 0.35;
}

.ld .cont-zone {
padding: 64px 64px;
background: linear-gradient(197deg, #BDF8E7, transparent), #f5f2ed;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}

.ld .cont-txt .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #1b1610;
margin-bottom: 20px;
display: block;
}

.ld .cont-txt .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #1b1610;
vertical-align: middle;
margin-right: 8px;
}

.ld .cont-txt h2 {
font-size: 38px;
line-height: 1.2;
color: #1b1610;
margin: 0 0 20px 0;
}

.ld .cont-txt p {
font-size: 14px;
line-height: 1.8;
color: #3a3228;
margin: 0 0 20px 0;
}

.ld .cont-form {
display: flex;
flex-direction: column;
gap: 20px;
}

.ld .cont-form input,
.ld .cont-form textarea {
width: 100%;
background: #fff;
border: 1px solid rgba(122, 134, 248, 0.28);
border-radius: 0px;
padding: 12px 20px;
font-size: 14px;
letter-spacing: 0.08em;
color: #1b1610;
box-sizing: border-box;
transition: border-color 0.4s ease-out;
outline: none;
}

.ld .cont-form input::placeholder,
.ld .cont-form textarea::placeholder {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.1em;
color: #a09080;
}

.ld .cont-form input:focus,
.ld .cont-form textarea:focus {
border-color: #7A86F8;
}

.ld .cont-form textarea {
height: 120px;
resize: vertical;
}

.ld .cont-form button {
background: #1b1610;
color: #fff;
border: none;
border-radius: 0px;
padding: 12px 32px;
font-size: 14px;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
align-self: flex-start;
transition: background 0.45s ease-out, transform 0.15s ease-out;
}

.ld .cont-form button:hover {
background: #7A86F8;
}

.ld .cont-form button:active {
transform: scale(0.97);
}

.ld .next-zone {
padding: 64px 64px;
background: #fff;
}

.ld .next-zone .sec-label {
font-size: 14px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #7A86F8;
margin-bottom: 20px;
display: block;
}

.ld .next-zone .sec-label::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: #7A86F8;
vertical-align: middle;
margin-right: 8px;
}

.ld .next-zone h2 {
font-size: 38px;
line-height: 1.2;
color: #1b1610;
margin: 0 0 32px 0;
}

.ld .next-links {
display: flex;
flex-direction: row;
gap: 32px;
flex-wrap: wrap;
}

.ld .next-lnk {
flex: 1;
min-width: 200px;
background: #f5f2ed;
border-radius: 20px;
padding: 32px;
text-decoration: none;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
transition: box-shadow 0.45s ease-out, background 0.4s ease-out;
}

.ld .next-lnk:hover {
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
background: #edeae4;
}

.ld .next-lnk:hover .nl-arrow {
border-style: dashed;
}

.ld .nl-label {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #C75C0A;
}

.ld .next-lnk h4 {
font-size: 28px;
line-height: 1.2;
color: #1b1610;
margin: 0;
}

.ld .next-lnk p {
font-size: 14px;
line-height: 1.8;
color: #5a4f42;
margin: 0;
}

.ld .nl-arrow {
width: 32px;
height: 32px;
border: 1px solid #7A86F8;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
transition: border-style 0.35s ease-out;
}

.ld .nl-arrow svg {
width: 16px;
height: 16px;
stroke: #7A86F8;
fill: none;
}

@media (max-width: 1024px) {
.ld .ttl-zone {
padding: 32px 32px;
}

.ld .feed-zone {
padding: 64px 32px 32px 32px;
}

.ld .post-grid {
grid-template-columns: 1fr 1fr;
}

.ld .news-zone {
padding: 64px 32px;
}

.ld .thm-zone {
padding: 64px 32px;
}

.ld .arch-zone {
padding: 64px 32px;
gap: 32px;
}

.ld .quote-zone {
padding: 64px 32px;
}

.ld .cont-zone {
padding: 64px 32px;
gap: 32px;
}

.ld .next-zone {
padding: 64px 32px;
}

.ld .dots-row {
padding: 12px 32px;
}
}

@media (max-width: 768px) {
.ld .ttl-zone h1 {
font-size: 38px;
}

.ld .ttl-zone .sub {
font-size: 14px;
}

.ld .ttl-zone {
padding: 20px;
}

.ld .post-grid {
grid-template-columns: 1fr;
}

.ld .news-split {
grid-template-columns: 1fr;
}

.ld .thm-cluster {
grid-template-columns: 1fr;
}

.ld .arch-zone {
grid-template-columns: 1fr;
}

.ld .bubble-wrap {
grid-template-columns: 1fr;
}

.ld .cont-zone {
grid-template-columns: 1fr;
}

.ld .next-links {
flex-direction: column;
}

.ld .feed-zone {
padding: 32px 20px;
}

.ld .news-zone {
padding: 32px 20px;
}

.ld .thm-zone {
padding: 32px 20px;
}

.ld .arch-zone {
padding: 32px 20px;
}

.ld .quote-zone {
padding: 32px 20px;
}

.ld .cont-zone {
padding: 32px 20px;
}

.ld .next-zone {
padding: 32px 20px;
}

.ld .dots-row {
padding: 12px 20px;
}

.ld .strip-img {
height: 120px;
}

.ld .strip-img img {
height: 180px;
}
}

.blg {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
overflow: hidden;
}

.blg .pg-lead {
display: flex;
flex-direction: row;
gap: 64px;
padding: 64px 0 32px;
align-items: flex-start;
}

.blg .pg-lead-txt {
flex: 1;
min-width: 0;
}

.blg .pg-lead-txt .accent-line {
width: 40px;
height: 3px;
background: #7A86F8;
margin-bottom: 20px;
animation: draw-line 0.45s ease-out forwards;
transform-origin: left;
}

@keyframes draw-line {
from {
transform: scaleX(0);
}

to {
transform: scaleX(1);
}
}

.blg .pg-lead-txt h1 {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #1b1b1b;
margin: 0 0 20px;
}

.blg .pg-lead-txt h1 span.first-ph {
color: #C75C0A;
}

.blg .pg-lead-txt p {
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
max-width: 480px;
text-indent: -1.2em;
padding-left: 1.2em;
}

.blg .pg-lead-img {
flex: 0 0 420px;
position: relative;
border-radius: 20px;
overflow: hidden;
}

.blg .pg-lead-img img {
width: 420px;
height: 520px;
object-fit: cover;
display: block;
border-radius: 20px;
}

.blg .pg-lead-img::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 70% 30%, transparent 40%, rgba(26, 20, 10, 0.38) 100%);
border-radius: 20px;
pointer-events: none;
}

.blg .wave-div {
width: 100%;
height: 48px;
overflow: hidden;
margin: 32px 0;
}

.blg .wave-div svg {
width: 100%;
height: 100%;
}

.blg .posts-grid-area {
padding: 32px 0 64px;
background: linear-gradient(197deg, #BDF8E7 0%, transparent 38%);
border-radius: 20px;
margin-bottom: 64px;
}

.blg .posts-grid-area h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1b1b;
padding: 0 32px;
margin: 0 0 32px;
}

.blg .posts-grid-area h2::before {
content: "";
display: block;
width: 32px;
height: 3px;
background: #C75C0A;
margin-bottom: 12px;
}

.blg .posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 0 32px;
}

.blg .post-card {
background: #fff;
border-radius: 20px;
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.42s ease-out, transform 0.25s ease-out;
position: relative;
}

.blg .post-card:hover {
box-shadow: 2px 10px 48px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-4px);
}

.blg .post-card .corner-cut {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
background: #BDF8E7;
clip-path: polygon(100% 0, 0 0, 100% 100%);
transition: width 0.38s ease-out, height 0.38s ease-out;
pointer-events: none;
z-index: 1;
}

.blg .post-card:hover .corner-cut {
width: 56px;
height: 56px;
}

.blg .post-card-img {
width: 100%;
height: 200px;
overflow: hidden;
}

.blg .post-card-img img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 0.55s ease-out;
}

.blg .post-card:hover .post-card-img img {
transform: scale(1.04);
}

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

.blg .post-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.blg .post-tag {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 1.2;
color: #7A86F8;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.blg .post-tag::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 0px;
background: #7A86F8;
flex-shrink: 0;
}

.blg .post-readtime {
font-size: 14px;
line-height: 1.2;
color: #888;
letter-spacing: 0.04em;
}

.blg .post-card-body h3 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1b1b1b;
margin: 0;
}

.blg .post-card-body .sub {
font-size: 14px;
line-height: 1.55;
color: #555;
font-style: italic;
}

.blg .post-card-body p {
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
margin: 0;
}

.blg .post-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
}

.blg .post-author {
font-size: 14px;
line-height: 1.2;
color: #555;
}

.blg .post-date {
font-size: 14px;
line-height: 1.2;
color: #aaa;
letter-spacing: 0.03em;
}

.blg .post-link {
display: inline-block;
margin-top: 12px;
font-size: 14px;
line-height: 1.2;
color: #C75C0A;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.04em;
transition: color 0.2s ease-out;
}

.blg .post-link:hover {
color: #7A86F8;
}

.blg .news-area {
padding: 64px 0;
margin-bottom: 64px;
}

.blg .news-area h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1b1b;
margin: 0 0 32px;
}

.blg .news-area h2::before {
content: "";
display: block;
width: 32px;
height: 3px;
background: #7A86F8;
margin-bottom: 12px;
}

.blg .news-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.blg .news-card {
display: flex;
flex-direction: row;
gap: 20px;
background: #fff;
border-radius: 20px;
box-shadow: 2px 2px 4px 0 rgba(122, 134, 248, 0.07);
padding: 20px;
transition: box-shadow 0.38s ease-out, transform 0.28s ease-out;
position: relative;
overflow: hidden;
}

.blg .news-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(197deg, #BDF8E7, transparent);
border-radius: 20px 20px 0 0;
}

.blg .news-card:hover {
box-shadow: 2px 5px 18px 0 rgba(122, 134, 248, 0.11);
transform: translateY(-3px);
}

.blg .news-card-img {
flex: 0 0 120px;
height: 120px;
border-radius: 20px;
overflow: hidden;
}

.blg .news-card-img img {
width: 120px;
height: 120px;
object-fit: cover;
display: block;
transition: transform 0.5s ease-out;
}

.blg .news-card:hover .news-card-img img {
transform: scale(1.06);
}

.blg .news-card-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.blg .news-tags {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.blg .n-tag {
font-size: 14px;
line-height: 1.2;
color: #7A86F8;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 4px;
}

.blg .n-tag::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #C75C0A;
border-radius: 0px;
flex-shrink: 0;
}

.blg .news-card-body h4 {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1b1b1b;
margin: 0;
}

.blg .news-card-body p {
font-size: 14px;
line-height: 1.55;
color: #555;
margin: 0;
}

.blg .news-card-body .n-author {
font-size: 14px;
line-height: 1.2;
color: #aaa;
margin-top: auto;
}

.blg .news-link {
color: #C75C0A;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: color 0.22s ease-out;
}

.blg .news-link:hover {
color: #7A86F8;
}

.blg .about-strip {
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
background: linear-gradient(197deg, #BDF8E7 0%, transparent 60%);
border-radius: 20px;
padding: 64px;
margin-bottom: 64px;
}

.blg .about-strip-txt {
flex: 1;
}

.blg .about-strip-txt h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1b1b;
margin: 0 0 20px;
}

.blg .about-strip-txt h2::before {
content: "";
display: block;
width: 32px;
height: 3px;
background: #C75C0A;
margin-bottom: 12px;
}

.blg .about-strip-txt p {
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
max-width: 520px;
text-indent: -1.2em;
padding-left: 1.2em;
}

.blg .about-strip-metrics {
flex: 0 0 260px;
display: flex;
flex-direction: column;
gap: 20px;
}

.blg .metric-row {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
background: #fff;
border-radius: 20px;
box-shadow: 2px 2px 4px 0 rgba(199, 92, 10, 0.07);
}

.blg .metric-row .m-val {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #7A86F8;
font-weight: 700;
}

.blg .metric-row .m-lbl {
font-size: 14px;
line-height: 1.55;
color: #555;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.blg .sub-area {
padding: 64px;
background: #1b1b1b;
border-radius: 20px;
margin-bottom: 64px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
}

.blg .sub-area-txt {
flex: 1;
}

.blg .sub-area-txt h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #fff;
margin: 0 0 12px;
}

.blg .sub-area-txt h2::before {
content: "";
display: block;
width: 32px;
height: 3px;
background: #BDF8E7;
margin-bottom: 12px;
}

.blg .sub-area-txt p {
font-size: 14px;
line-height: 1.8;
color: #ccc;
max-width: 420px;
}

.blg .sub-form {
flex: 0 0 360px;
display: flex;
flex-direction: column;
gap: 12px;
}

.blg .sub-form input[type="email"] {
padding: 12px 20px;
border: 1px solid #333;
border-radius: 20px;
background: #2a2a2a;
color: #fff;
font-size: 14px;
line-height: 1.55;
letter-spacing: 0.06em;
text-transform: uppercase;
outline: none;
transition: border-color 0.35s ease-out;
}

.blg .sub-form input[type="email"]::placeholder {
color: #666;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.blg .sub-form input[type="email"]:focus {
border-color: #7A86F8;
}

.blg .sub-form button[type="submit"] {
padding: 12px 32px;
background: #BDF8E7;
color: #1b1b1b;
border: none;
border-radius: 20px;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.35s ease-out, transform 0.15s ease-out;
}

.blg .sub-form button[type="submit"]:hover {
background: #7A86F8;
color: #fff;
}

.blg .sub-form button[type="submit"]:active {
transform: scale(0.97);
}

@media (max-width: 1024px) {
.blg .pg-lead {
flex-direction: column;
gap: 32px;
}

.blg .pg-lead-img {
flex: 0 0 auto;
width: 100%;
}

.blg .pg-lead-img img {
width: 100%;
height: 340px;
}

.blg .pg-lead-txt h1 {
font-size: 38px;
}

.blg .posts-grid {
grid-template-columns: repeat(2, 1fr);
}

.blg .about-strip {
flex-direction: column;
gap: 32px;
padding: 32px;
}

.blg .sub-area {
flex-direction: column;
gap: 32px;
padding: 32px;
}

.blg .sub-form {
flex: 0 0 auto;
width: 100%;
}
}

@media (max-width: 700px) {
.blg .posts-grid {
grid-template-columns: 1fr;
}

.blg .news-grid {
grid-template-columns: 1fr;
}

.blg .news-card {
flex-direction: column;
}

.blg .news-card-img {
flex: 0 0 auto;
width: 100%;
height: 160px;
}

.blg .news-card-img img {
width: 100%;
height: 160px;
}

.blg .about-strip-metrics {
flex: 0 0 auto;
width: 100%;
}

.blg .pg-lead-txt h1 {
font-size: 28px;
}
}

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

.success-pg .card {
max-width: 560px;
width: 100%;
background: #f5f5f0;
border-radius: 20px;
padding: 64px 32px;
box-shadow: 2px 10px 48px 0 rgba(122, 134, 248, 0.11);
text-align: left;
}

.success-pg .card .accent-line {
width: 40px;
height: 3px;
background: #7A86F8;
margin-bottom: 20px;
border-radius: 0px;
}

.success-pg .card .icon-wrap {
width: 56px;
height: 56px;
border-radius: 20px;
background: #BDF8E7;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

.success-pg .card .icon-wrap svg {
display: block;
}

.success-pg .card .title {
font-size: 38px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b1b1b;
margin: 0 0 20px;
}

.success-pg .card .title span {
color: #7A86F8;
}

.success-pg .card .body-txt {
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
margin: 0 0 32px;
letter-spacing: 0.01em;
}

.success-pg .card .divider {
height: 1px;
background: linear-gradient(197deg, #BDF8E7, transparent);
margin: 0 0 32px;
border: none;
}

.success-pg .card .meta {
font-size: 14px;
line-height: 1.55;
color: #5a5a5a;
margin: 0 0 32px;
letter-spacing: 0.01em;
}

.success-pg .card .meta a {
color: #C75C0A;
text-decoration: none;
transition: opacity 0.45s ease-out;
}

.success-pg .card .meta a:hover {
opacity: 0.7;
}

.success-pg .card .back-btn {
display: inline-block;
background: #1b1b1b;
color: #fff;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.06em;
padding: 12px 32px;
border-radius: 0px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background 0.5s ease-out, transform 0.15s ease-out;
}

.success-pg .card .back-btn:hover {
background: #7A86F8;
}

.success-pg .card .back-btn:active {
transform: scale(0.97);
}

@media (max-width: 600px) {
.success-pg .card {
padding: 32px 20px;
}

.success-pg .card .title {
font-size: 28px;
}
}