html {
margin: 0;
box-sizing: border-box;
font-size: 100%;
scroll-behavior: auto
}

body {
margin: 0;
position: relative;
min-height: 100vh;
font-family: 'Rubik', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #1a1918;
background: #fefefe
}

.hdr {
position: relative;
background: linear-gradient(135deg, #002E36 0%, #004854 100%);
padding: 24px 0;
box-shadow: 1px 6px 28px 1px #002e3617;
z-index: 100
}

.hdr__container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px
}

.hdr__grid {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 52px
}

.hdr__brand {
display: flex;
align-items: center
}

.hdr__brand-box {
width: 42px;
height: 42px;
padding: 6px;
background: #fffffff7;
border-radius: 10px;
box-shadow: 1px 1px 4px 1px #002e3614 inset 0 1px 3px #719d8926;
display: flex;
align-items: center;
justify-content: center;
transition: box-shadow .18s ease-out, transform .16s ease-out;
outline: 2px solid transparent;
outline-offset: 3px
}

.hdr__brand-box:hover {
box-shadow: 1px 6px 28px 1px #002e3617 inset 0 2px 6px #719d8938;
transform: translateY(-1px)
}

.hdr__brand-box:focus {
background: #c1cfa92e;
outline-color: #C1CFA9
}

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

.hdr__nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px 24px;
padding: 12px 0
}

.hdr__nav-link {
font-size: 15px;
font-weight: 400;
color: #fff;
text-decoration: none;
padding: 12px 18px;
border-radius: 6px;
background: #ffffff0f;
transition: background .14s ease-out, color .14s ease-out, box-shadow .16s ease-out;
white-space: nowrap;
position: relative;
overflow: hidden
}

.hdr__nav-link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, transparent, transparent 8px, #719d8914 8px, #719d8914 16px);
opacity: 0;
transition: opacity .18s ease-out;
pointer-events: none
}

.hdr__nav-link:hover {
background: #719d893d;
color: #fff;
box-shadow: 1px 1px 4px 1px #002e3614
}

.hdr__nav-link:hover::before {
opacity: 1
}

.hdr__nav-link:focus {
background: #c1cfa952;
color: #fff;
outline: 2px solid #C1CFA9;
outline-offset: 2px
}

.hdr__contact {
display: flex;
flex-direction: column;
gap: 6px;
align-items: flex-end
}

.hdr__contact-item {
font-size: 15px;
color: #fff;
text-decoration: none;
padding: 6px 12px;
border-radius: 6px;
background: #ffffff14;
transition: background .16s ease-out, box-shadow .14s ease-out;
white-space: nowrap;
border: 1px solid #719d892e
}

.hdr__contact-item:hover {
background: #c1cfa938;
box-shadow: 1px 1px 4px 1px #002e3614;
border-color: #719D89
}

.hdr__contact-item:focus {
background: #c1cfa959;
outline: 2px solid #C1CFA9;
outline-offset: 2px
}

@media (max-width: 1280px) {
.hdr__grid {
grid-template-columns: auto 1fr;
gap: 24px 52px
}

.hdr__contact {
grid-column: 1 / -1;
flex-direction: row;
justify-content: center;
gap: 24px
}
}

@media (max-width: 768px) {
.hdr__grid {
grid-template-columns: 1fr;
gap: 24px
}

.hdr__brand {
justify-content: center
}

.hdr__nav {
justify-content: center
}

.hdr__contact {
flex-direction: column;
align-items: center;
gap: 12px
}
}

@media (max-width: 480px) {
.hdr__nav {
flex-direction: column;
align-items: stretch;
gap: 6px
}

.hdr__nav-link {
text-align: center
}

.hdr__contact-item {
width: 100%;
text-align: center
}
}

.ftr {
background: linear-gradient(180deg, #f8f9f7 0%, #fff 100%);
padding: 96px 0 52px;
margin-top: 96px;
border-top: 3px solid #002E36;
position: relative
}

.ftr::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: linear-gradient(90deg, #002E36 0%, #719D89 50%, #C1CFA9 100%)
}

.ftr__container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px
}

.ftr__top {
display: flex;
align-items: center;
margin-bottom: 52px;
padding-bottom: 24px;
border-bottom: 1px solid #002e361f
}

.ftr__brand-box {
width: 44px;
height: 44px;
padding: 6px;
background: #fff;
border-radius: 10px;
box-shadow: 1px 1px 4px 1px #002e3614;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #719D89
}

.ftr__brand-img {
width: 38px;
height: 38px;
object-fit: contain;
display: block
}

.ftr__columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
margin-bottom: 52px
}

.ftr__col-left {
display: flex;
flex-direction: column;
gap: 24px
}

.ftr__col-right {
display: flex;
flex-direction: column;
gap: 24px
}

.ftr__nav-primary {
display: flex;
flex-direction: column;
gap: 12px
}

.ftr__nav-label {
font-size: 15px;
font-weight: 700;
color: #002E36;
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 6px
}

.ftr__nav-link {
font-size: 18px;
color: #002E36;
text-decoration: none;
padding: 6px 0;
transition: color .14s ease-out, padding-left .16s ease-out;
display: inline-block
}

.ftr__nav-link:hover {
color: #719D89;
padding-left: 12px
}

.ftr__nav-link:focus {
background: #c1cfa92e;
color: #002E36;
outline: 2px solid #719D89;
outline-offset: 2px;
padding-left: 6px;
padding-right: 6px
}

.ftr__nav-secondary {
display: flex;
flex-direction: column;
gap: 12px
}

.ftr__contact-group {
display: flex;
flex-direction: column;
gap: 12px
}

.ftr__contact-label {
font-size: 15px;
font-weight: 700;
color: #002E36;
text-transform: uppercase;
letter-spacing: .5px
}

.ftr__contact-link {
font-size: 18px;
color: #002E36;
text-decoration: none;
padding: 6px 12px;
background: #719d8914;
border-radius: 6px;
display: inline-block;
transition: background .16s ease-out, color .14s ease-out;
border: 1px solid transparent
}

.ftr__contact-link:hover {
background: #719d892e;
color: #002E36;
border-color: #719D89
}

.ftr__contact-link:focus {
background: #c1cfa947;
outline: 2px solid #719D89;
outline-offset: 2px
}

.ftr__bottom {
padding-top: 24px;
border-top: 1px solid #002e361f;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 24px
}

.ftr__copyright {
font-size: 15px;
color: #002E36;
opacity: .72
}

.ftr__meta-nav {
display: flex;
gap: 24px;
flex-wrap: wrap
}

.ftr__meta-link {
font-size: 15px;
color: #002E36;
text-decoration: none;
padding: 6px;
transition: color .14s ease-out;
border-bottom: 1px solid transparent
}

.ftr__meta-link:hover {
color: #719D89;
border-bottom-color: #719D89
}

.ftr__meta-link:focus {
background: #c1cfa92e;
outline: 2px solid #719D89;
outline-offset: 2px
}

@media (max-width: 768px) {
.ftr__columns {
grid-template-columns: 1fr;
gap: 52px
}

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

.ftr__meta-nav {
flex-direction: column;
gap: 12px
}
}

@media (max-width: 480px) {
.ftr {
padding: 52px 0 24px;
margin-top: 52px
}

.ftr__top {
margin-bottom: 24px;
justify-content: center
}
}

.consent {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 3px solid #002E36;
box-shadow: 1px 10px 52px 1px #002e3624;
padding: 24px;
z-index: 1000;
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity .2s ease-out, transform .2s ease-out
}

.consent.visible {
display: block
}

.consent.animate {
opacity: 1;
transform: translateY(0)
}

.consent__container {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: center
}

.consent__view {
display: none
}

.consent__view.active {
display: contents
}

.consent__text {
font-size: 15px;
line-height: 1.8;
color: #1a1918
}

.consent__text-main {
margin-bottom: 12px;
font-weight: 700;
color: #002E36
}

.consent__text-detail {
opacity: .82
}

.consent__actions {
display: flex;
gap: 12px;
flex-wrap: nowrap
}

.consent__btn {
font-family: 'Rubik', sans-serif;
font-size: 15px;
font-weight: 400;
color: #002E36;
background: transparent;
border: 2px solid #002E36;
border-radius: 6px;
padding: 12px 24px;
cursor: pointer;
transition: background .16s ease-out, color .16s ease-out, border-color .14s ease-out;
white-space: nowrap;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px
}

.consent__btn:hover {
background: #002E36;
color: #fff;
text-decoration: none
}

.consent__btn:focus {
background: #c1cfa938;
outline: 2px solid #719D89;
outline-offset: 2px
}

.consent__btn--primary {
background: #002E36;
color: #fff;
text-decoration: none
}

.consent__btn--primary:hover {
background: #719D89;
border-color: #719D89
}

.consent__settings {
display: flex;
flex-direction: column;
gap: 24px;
grid-column: 1 / -1
}

.consent__category {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
background: #719d890f;
border-radius: 6px;
border: 1px solid #002e361f
}

.consent__category-label {
font-size: 15px;
font-weight: 700;
color: #002E36;
display: flex;
align-items: center;
gap: 12px
}

.consent__category-toggle {
position: relative;
width: 52px;
height: 28px;
background: #002e362e;
border-radius: 28px;
cursor: pointer;
transition: background .18s ease-out;
border: 2px solid transparent
}

.consent__category-toggle::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 18px;
transition: transform .18s ease-out;
box-shadow: 1px 1px 4px 1px #002e3614
}

.consent__category-input {
position: absolute;
opacity: 0;
pointer-events: none
}

.consent__category-input:checked+.consent__category-toggle {
background: #719D89
}

.consent__category-input:checked+.consent__category-toggle::after {
transform: translateX(24px)
}

.consent__category-input:disabled+.consent__category-toggle {
opacity: .5;
cursor: not-allowed
}

.consent__category-input:focus+.consent__category-toggle {
border-color: #002E36;
outline: 2px solid #719D89;
outline-offset: 2px
}

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

.consent__actions {
justify-content: stretch
}

.consent__btn {
flex: 1
}
}

@media (max-width: 480px) {
.consent {
padding: 12px
}

.consent__actions {
flex-direction: column;
gap: 6px
}

.consent__btn {
width: 100%
}

.consent__category {
flex-direction: column;
align-items: flex-start;
gap: 12px
}
}

.rls-terms-area {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 52px 24px
}

.rls-terms-area p {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin-bottom: 24px
}

.rls-terms-area p:last-child {
margin-bottom: 0
}

.rls-terms-area strong,
.rls-terms-area b {
font-weight: 600;
color: #002E36
}

.rls-terms-area a {
color: #719D89;
text-decoration: none;
transition: color .16s ease-out;
border-bottom: 1px solid #719d894d
}

.rls-terms-area a:hover {
color: #002E36;
border-bottom-color: #002E36
}

.rls-terms-area ul,
.rls-terms-area ol {
margin-bottom: 24px;
padding-left: 24px
}

.rls-terms-area ul:last-child,
.rls-terms-area ol:last-child {
margin-bottom: 0
}

.rls-terms-area li {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin-bottom: 12px
}

.rls-terms-area li:last-child {
margin-bottom: 0
}

.rls-terms-area ul li {
list-style-type: disc
}

.rls-terms-area ol li {
list-style-type: decimal
}

.rls-terms-area hr {
border: none;
height: 1px;
background-color: #719d8933;
margin-top: 52px;
margin-bottom: 52px
}

.rls-terms-area table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
font-size: 15px;
line-height: 1.8
}

.rls-terms-area table:last-child {
margin-bottom: 0
}

.rls-terms-area thead {
background-color: #c1cfa926
}

.rls-terms-area th {
padding: 12px 24px;
text-align: left;
font-weight: 600;
color: #002E36;
border-bottom: 2px solid #719D89
}

.rls-terms-area td {
padding: 12px 24px;
color: #002E36;
border-bottom: 1px solid #719d8926
}

.rls-terms-area tbody tr:last-child td {
border-bottom: none
}

.rls-terms-area tbody tr:hover {
background-color: #c1cfa914
}

.rls-terms-area div {
margin-bottom: 24px
}

.rls-terms-area div:last-child {
margin-bottom: 0
}

@media (max-width: 768px) {
.rls-terms-area {
padding: 24px 12px
}

.rls-terms-area p,
.rls-terms-area li {
font-size: 15px
}

.rls-terms-area th,
.rls-terms-area td {
padding: 12px;
font-size: 15px
}

.rls-terms-area hr {
margin-top: 24px;
margin-bottom: 24px
}
}

@media (max-width: 480px) {
.rls-terms-area table {
font-size: 15px
}

.rls-terms-area th,
.rls-terms-area td {
padding: 6px 12px
}
}

.post-detail {
background: #fff;
color: #002E36;
overflow-x: clip
}

.post-detail__hero {
background: linear-gradient(112deg, #C1CFA9 0%, #fff 100%);
padding: 52px 24px;
position: relative;
overflow: hidden
}

.post-detail__hero::before {
content: '';
position: absolute;
top: -120px;
right: -80px;
width: 340px;
height: 340px;
background: #719d8926;
border-radius: 50%;
filter: blur(80px);
pointer-events: none
}

.post-detail__hero::after {
content: '';
position: absolute;
bottom: -90px;
left: -60px;
width: 280px;
height: 280px;
background: #002e3614;
border-radius: 50%;
filter: blur(70px);
pointer-events: none
}

.post-detail__hero-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.post-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin-bottom: 24px
}

.post-detail__tag {
background: #002E36;
color: #fff;
padding: 6px 12px;
border-radius: 3px;
font-size: 15px;
line-height: 1.2;
transition: background .16s ease-out
}

.post-detail__tag:hover {
background: #719D89
}

.post-detail__readtime {
font-size: 15px;
line-height: 1.2;
color: #002E36;
opacity: .7;
display: flex;
align-items: center;
gap: 6px
}

.post-detail__readtime::before {
content: '';
width: 4px;
height: 4px;
background: #002E36;
border-radius: 50%;
opacity: .5
}

.post-detail__title {
font-size: 42px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36
}

.post-detail__subtitle {
font-size: 18px;
line-height: 1.8;
color: #002E36;
opacity: .85;
max-width: 780px;
margin: 0
}

.post-detail__author-bar {
background: #fff;
padding: 24px;
position: relative;
overflow: hidden
}

.post-detail__author-bar::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, #002E36 0%, transparent 100%)
}

.post-detail__author-bar::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #719D89 100%)
}

.post-detail__author-container {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 24px
}

.post-detail__author-info {
display: flex;
flex-direction: column;
gap: 6px
}

.post-detail__author-label {
font-size: 15px;
line-height: 1.2;
color: #002E36;
opacity: .6;
text-transform: uppercase;
letter-spacing: .5px
}

.post-detail__author-name {
font-size: 18px;
line-height: 1.2;
color: #002E36;
font-weight: 600;
margin: 0
}

.post-detail__like-wrapper {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 24px;
border: 2px solid #002E36;
border-radius: 28px;
transition: all .18s cubic-bezier(0.4, 0, 0.6, 1);
cursor: pointer;
background: transparent
}

.post-detail__like-wrapper:hover {
background: #002E36;
border-color: #002E36;
box-shadow: 1px 6px 28px 1px #002e3617
}

.post-detail__like-icon {
width: 24px;
height: 24px;
position: relative;
transition: transform .14s ease-out
}

.post-detail__like-wrapper:hover .post-detail__like-icon {
transform: scale(1.15)
}

.post-detail__like-icon::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 18px;
background: #002E36;
clip-path: path('M10 3.5c-2.5-2.5-6.5-2.5-9 0s-2.5 6.5 0 9l9 9 9-9c2.5-2.5 2.5-6.5 0-9s-6.5-2.5-9 0z');
transition: background .18s cubic-bezier(0.4, 0, 0.6, 1)
}

.post-detail__like-wrapper:hover .post-detail__like-icon::before {
background: #fff
}

.post-detail__like-count {
font-size: 18px;
line-height: 1.2;
color: #002E36;
font-weight: 600;
transition: color .18s cubic-bezier(0.4, 0, 0.6, 1)
}

.post-detail__like-wrapper:hover .post-detail__like-count {
color: #fff
}

.post-detail__featured-image {
padding: 52px 24px;
background: #f4f6f3;
position: relative
}

.post-detail__featured-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(30deg, transparent 48%, #002e3605 48%, #002e3605 52%, transparent 52%), linear-gradient(150deg, transparent 48%, #002e3605 48%, #002e3605 52%, transparent 52%);
background-size: 32px 56px;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-out
}

.post-detail__featured-image:hover::before {
opacity: 1
}

.post-detail__image-container {
max-width: 1100px;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
box-shadow: 1px 10px 52px 1px #002e3624;
position: relative
}

.post-detail__image-container::before {
content: '';
position: absolute;
inset: 0;
border: 3px solid #719d8933;
border-radius: 10px;
pointer-events: none;
z-index: 2
}

.post-detail__image-container::after {
content: '';
position: absolute;
inset: 6px;
border: 1px solid #c1cfa94d;
border-radius: 6px;
pointer-events: none;
z-index: 2
}

.post-detail__image {
width: 100%;
height: auto;
display: block;
opacity: 0;
animation: post-detail-fade-in .6s ease-out .2s forwards
}

@keyframes post-detail-fade-in {
to {
opacity: 1
}
}

.post-detail__content {
padding: 96px 24px;
background: linear-gradient(90deg, #fff 0%, #f9faf8 100%)
}

.post-detail__content-container {
max-width: 780px;
margin: 0 auto
}

.post-detail__content-container>* {
opacity: 0;
animation: post-detail-cascade .5s ease-out forwards
}

.post-detail__content-container> :nth-child(1) {
animation-delay: .1s
}

.post-detail__content-container> :nth-child(2) {
animation-delay: .15s
}

.post-detail__content-container> :nth-child(3) {
animation-delay: .2s
}

.post-detail__content-container> :nth-child(4) {
animation-delay: .25s
}

.post-detail__content-container> :nth-child(5) {
animation-delay: .3s
}

.post-detail__content-container> :nth-child(6) {
animation-delay: .35s
}

.post-detail__content-container> :nth-child(7) {
animation-delay: .4s
}

.post-detail__content-container> :nth-child(8) {
animation-delay: .45s
}

.post-detail__content-container> :nth-child(9) {
animation-delay: .5s
}

.post-detail__content-container> :nth-child(10) {
animation-delay: .55s
}

@keyframes post-detail-cascade {
to {
opacity: 1
}
}

.post-detail__content-container h2 {
font-size: 28px;
line-height: 1.2;
color: #002E36;
margin: 52px 0 24px;
font-weight: 700;
position: relative;
padding-top: 24px
}

.post-detail__content-container h2::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 68px;
height: 3px;
background: #719D89;
border-radius: 3px
}

.post-detail__content-container h4 {
font-size: 18px;
line-height: 1.2;
color: #002E36;
margin: 24px 0 12px;
font-weight: 600;
position: relative;
padding-top: 12px
}

.post-detail__content-container h4::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 42px;
height: 2px;
background: #C1CFA9;
border-radius: 3px
}

.post-detail__content-container p {
font-size: 18px;
line-height: 1.8;
color: #002E36;
margin: 0 0 24px
}

.post-detail__content-container mark {
background: linear-gradient(180deg, transparent 60%, #c1cfa966 60%);
color: #002E36;
padding: 0
}

.post-detail__content-container ul,
.post-detail__content-container ol {
margin: 0 0 24px;
padding-left: 24px
}

.post-detail__content-container li {
font-size: 18px;
line-height: 1.8;
color: #002E36;
margin-bottom: 12px
}

.post-detail__content-container li::marker {
color: #719D89
}

.post-detail__content-container table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
font-size: 15px;
line-height: 1.8;
box-shadow: 1px 1px 4px 1px #002e3614;
border-radius: 6px;
overflow: hidden
}

.post-detail__content-container thead {
background: #002E36;
color: #fff
}

.post-detail__content-container th {
padding: 12px;
text-align: left;
font-weight: 600
}

.post-detail__content-container td {
padding: 12px;
border-bottom: 1px solid #002e361a
}

.post-detail__content-container tr:last-child td {
border-bottom: none
}

.post-detail__content-container tr:nth-child(even) {
background: #c1cfa90d
}

.post-detail__content-container tfoot {
background: #f4f6f3;
font-weight: 600
}

.post-detail__content-container caption {
caption-side: bottom;
padding: 12px;
font-size: 15px;
line-height: 1.8;
color: #002E36;
opacity: .7;
text-align: left
}

.post-detail__content-container blockquote {
margin: 24px 0;
padding: 24px;
background: #f4f6f3;
border-radius: 6px;
position: relative;
box-shadow: inset 3px 0 0 0 #719D89
}

.post-detail__content-container blockquote p {
margin: 0;
font-size: 18px;
line-height: 1.8;
color: #002E36;
font-style: italic
}

.post-detail__content-container cite {
display: block;
margin-top: 12px;
font-size: 15px;
line-height: 1.2;
color: #002E36;
opacity: .7;
font-style: normal
}

.post-detail__content-container time {
font-size: 15px;
line-height: 1.2;
color: #719D89;
font-weight: 600
}

.post-detail__content-container a {
color: #002E36;
text-decoration: none;
position: relative;
font-weight: 600;
transition: color .14s ease-out
}

.post-detail__content-container a::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 2px;
background: #719D89;
transition: width .2s cubic-bezier(0.4, 0, 0.6, 1)
}

.post-detail__content-container a:hover {
color: #719D89
}

.post-detail__content-container a:hover::after {
width: 100%;
right: auto;
left: 0
}

@media (min-width: 768px) {
.post-detail__hero {
padding: 96px 24px
}

.post-detail__title {
font-size: 68px
}

.post-detail__subtitle {
font-size: 18px
}

.post-detail__author-bar {
padding: 24px 52px
}

.post-detail__featured-image {
padding: 96px 24px
}

.post-detail__content {
padding: 96px 52px
}
}

@media (min-width: 1280px) {
.post-detail__hero {
padding: 96px 52px
}
}

.pr-release {
background: #fff;
color: #1a1a1a;
overflow-x: clip
}

.pr-release__title-wrap {
max-width: 1100px;
margin: 0 auto;
padding: 96px 24px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 52px;
align-items: start;
position: relative;
background: linear-gradient(173deg, #f4f4f4 0%, #fff 100%)
}

.pr-release__title-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, transparent, transparent 12px, #002e3605 12px, #002e3605 24px);
pointer-events: none;
z-index: 1
}

.pr-release__img-col {
position: relative;
z-index: 2
}

.pr-release__img-wrap {
position: relative;
width: 280px;
height: 380px;
border-radius: 10px;
overflow: hidden;
box-shadow: 1px 6px 28px 1px #002e3617
}

.pr-release__img-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #002e36a6 0%, transparent 100%);
pointer-events: none;
z-index: 1
}

.pr-release__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.pr-release__txt-col {
position: relative;
z-index: 2;
padding-top: 24px
}

.pr-release__h1 {
font-size: 68px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36
}

.pr-release__h1-punct {
color: #719D89
}

.pr-release__lead {
font-size: 18px;
line-height: 1.8;
margin: 0;
color: #333;
max-width: 680px
}

.pr-release__announce {
max-width: 1100px;
margin: 0 auto;
padding: 96px 24px;
background: linear-gradient(180deg, #fff 0%, #f9faf8 100%);
position: relative
}

.pr-release__announce-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
align-items: start
}

.pr-release__announce-left {
position: relative
}

.pr-release__announce-left::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 3px;
background: #719D89
}

.pr-release__h2 {
font-size: 32px;
line-height: 1.2;
margin: 24px 0;
font-weight: 700;
color: #002E36
}

.pr-release__announce-p {
font-size: 18px;
line-height: 1.8;
margin: 0 0 24px;
color: #333
}

.pr-release__announce-p:last-child {
margin-bottom: 0
}

.pr-release__announce-right {
background: #fff;
padding: 52px;
border-radius: 18px;
box-shadow: 1px 6px 28px 1px #002e3617;
position: relative;
border: 1px solid #002e360f
}

.pr-release__metric-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.pr-release__metric {
text-align: center;
padding: 24px;
background: linear-gradient(135deg, #f4f9f7 0%, #fff 100%);
border-radius: 10px;
border: 1px solid #719d891f;
position: relative;
transition: transform .18s ease-out, box-shadow .18s ease-out
}

.pr-release__metric:hover {
transform: translateY(-3px);
box-shadow: 1px 10px 52px 1px #002e3624
}

.pr-release__metric-num {
font-size: 32px;
line-height: 1.2;
font-weight: 700;
color: #002E36;
margin: 0 0 6px;
display: block
}

.pr-release__metric-label {
font-size: 15px;
line-height: 1.8;
color: #719D89;
margin: 0;
font-weight: 600
}

.pr-release__counter-badge {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
background: #C1CFA9;
color: #002E36;
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
box-shadow: inset 0 1px 3px #002e3626
}

.pr-release__divider {
width: 100%;
height: 48px;
position: relative;
overflow: hidden
}

.pr-release__divider svg {
width: 100%;
height: 100%;
display: block
}

.pr-release__code-section {
max-width: 1100px;
margin: 0 auto;
padding: 96px 24px;
background: #fff
}

.pr-release__code-section::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 120px;
background: #C1CFA9;
opacity: .08;
border-radius: 3px;
pointer-events: none
}

.pr-release__code-intro {
text-align: center;
max-width: 720px;
margin: 0 auto 52px
}

.pr-release__code-intro::before {
content: '';
display: block;
width: 48px;
height: 3px;
background: #719D89;
margin: 0 auto 24px
}

.pr-release__h3 {
font-size: 32px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36
}

.pr-release__code-desc {
font-size: 18px;
line-height: 1.8;
margin: 0;
color: #333
}

.pr-release__compare {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
margin-top: 52px
}

.pr-release__compare-col {
background: #f8f8f8;
padding: 52px;
border-radius: 18px;
position: relative;
overflow: hidden
}

.pr-release__compare-col--before {
background: linear-gradient(180deg, #fafafa 0%, #f4f4f4 100%);
border: 2px solid #002e3614
}

.pr-release__compare-col--after {
background: linear-gradient(180deg, #f4f9f7 0%, #fff 100%);
border: 2px solid #719d892e
}

.pr-release__compare-label {
font-size: 15px;
line-height: 1.8;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 24px;
color: #719D89
}

.pr-release__compare-col--before .pr-release__compare-label {
color: #666
}

.pr-release__code-block {
background: #002E36;
color: #C1CFA9;
padding: 24px;
border-radius: 6px;
font-family: 'Courier New', monospace;
font-size: 15px;
line-height: 1.8;
overflow-x: auto;
box-shadow: inset 0 2px 8px #0000004d
}

.pr-release__code-line {
display: block;
white-space: pre
}

.pr-release__code-comment {
color: #719D89;
opacity: .7
}

.pr-release__code-keyword {
color: #fff;
font-weight: 700
}

.pr-release__code-string {
color: #C1CFA9
}

.pr-release__edge-motif {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 200px;
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
justify-content: center;
opacity: .15
}

.pr-release__edge-motif-dot {
width: 6px;
height: 6px;
background: #002E36;
border-radius: 28px
}

@keyframes pr-release-gradient-shift {

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

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

.pr-release__announce {
background: linear-gradient(180deg, #fff 0%, #f9faf8 50%, #f4f9f7 100%);
background-size: 100% 200%;
animation: pr-release-gradient-shift 8s ease-in-out infinite
}

@media (max-width: 1280px) {
.pr-release__title-wrap {
grid-template-columns: 240px 1fr;
gap: 24px;
padding: 52px 24px
}

.pr-release__img-wrap {
width: 240px;
height: 320px
}

.pr-release__h1 {
font-size: 32px
}

.pr-release__h2,
.pr-release__h3 {
font-size: 28px
}

.pr-release__announce-inner {
gap: 24px
}

.pr-release__announce-right {
padding: 24px
}

.pr-release__compare {
gap: 24px
}

.pr-release__compare-col {
padding: 24px
}
}

@media (max-width: 768px) {
.pr-release__title-wrap {
grid-template-columns: 1fr;
gap: 24px;
padding: 52px 12px
}

.pr-release__img-wrap {
width: 100%;
height: 280px;
margin: 0 auto
}

.pr-release__txt-col {
padding-top: 0
}

.pr-release__h1 {
font-size: 28px
}

.pr-release__lead {
font-size: 15px
}

.pr-release__announce {
padding: 52px 12px
}

.pr-release__announce-inner {
grid-template-columns: 1fr;
gap: 24px
}

.pr-release__h2,
.pr-release__h3 {
font-size: 28px
}

.pr-release__announce-p {
font-size: 15px
}

.pr-release__metric-grid {
grid-template-columns: 1fr
}

.pr-release__code-section {
padding: 52px 12px
}

.pr-release__compare {
grid-template-columns: 1fr;
gap: 24px
}

.pr-release__metric-num {
font-size: 28px
}

.pr-release__code-desc {
font-size: 15px
}
}

@media (max-width: 480px) {
.pr-release__title-wrap {
padding: 24px 12px
}

.pr-release__h1 {
font-size: 28px;
margin-bottom: 12px
}

.pr-release__announce {
padding: 24px 12px
}

.pr-release__announce-right {
padding: 24px
}

.pr-release__code-section {
padding: 24px 12px
}

.pr-release__compare-col {
padding: 24px
}

.pr-release__h2,
.pr-release__h3 {
font-size: 28px;
margin-bottom: 12px
}
}

.auth-pg {
background: #fff;
color: #002E36;
overflow-x: clip
}

.auth-pg__title-zone {
position: relative;
padding: 52px 24px;
background: linear-gradient(127deg, #C1CFA9 0%, #c1cfa900 100%);
display: flex;
align-items: center;
gap: 24px;
max-width: 1100px;
margin: 0 auto
}

.auth-pg__title-zone::before {
content: '';
position: absolute;
top: 24px;
left: 24px;
width: 10px;
height: 10px;
background: #719D89;
border-radius: 50%
}

.auth-pg__title-zone::after {
content: '';
position: absolute;
top: 52px;
left: 24px;
width: 10px;
height: 10px;
background: #002E36;
border-radius: 50%
}

.auth-pg__title-txt {
flex: 1;
max-width: 680px
}

.auth-pg__title-dec {
display: flex;
gap: 6px;
margin-bottom: 12px;
align-items: center
}

.auth-pg__title-dec span {
width: 6px;
height: 6px;
background: #719D89;
border-radius: 3px;
display: block
}

.auth-pg__title-dec span:nth-child(2) {
width: 12px
}

.auth-pg__title-dec span:nth-child(3) {
width: 6px;
background: #002E36
}

.auth-pg__title-h {
font-size: 32px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700
}

.auth-pg__title-manifest {
font-size: 18px;
line-height: 1.8;
margin: 0
}

.auth-pg__title-img-wrap {
position: relative;
width: 280px;
flex-shrink: 0;
align-self: stretch;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.auth-pg__title-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.auth-pg__title-img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(180deg, #002e3600 0%, #002e36b8 100%);
pointer-events: none
}

.auth-pg__bio-zone {
background: #002E36;
padding: 96px 24px
}

.auth-pg__bio-inner {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 52px
}

.auth-pg__bio-profile {
display: flex;
gap: 24px;
align-items: flex-start
}

.auth-pg__bio-img-frame {
width: 180px;
height: 180px;
flex-shrink: 0;
position: relative;
clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%)
}

.auth-pg__bio-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.auth-pg__bio-txt {
flex: 1
}

.auth-pg__bio-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
color: #C1CFA9;
margin-bottom: 12px
}

.auth-pg__bio-label::before {
content: '';
width: 8px;
height: 8px;
background: #719D89;
border-radius: 50%;
display: block
}

.auth-pg__bio-h {
font-size: 28px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px;
font-weight: 600
}

.auth-pg__bio-p {
font-size: 18px;
line-height: 1.8;
color: #C1CFA9;
margin: 0
}

.auth-pg__bio-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px
}

.auth-pg__stat-card {
background: #719d891f;
padding: 24px;
border-radius: 10px;
border: 1px solid #c1cfa93d;
transition: border-color .18s ease-out, background .18s ease-out;
position: relative;
overflow: hidden
}

.auth-pg__stat-card::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: #719D89;
opacity: 0;
clip-path: polygon(100% 0, 100% 100%, 0 0);
transition: opacity .16s cubic-bezier(0.4, 0, 0.6, 1)
}

.auth-pg__stat-card:hover {
background: #719d892e;
border-color: #c1cfa97a
}

.auth-pg__stat-card:hover::before {
opacity: .24
}

.auth-pg__stat-num {
font-size: 32px;
line-height: 1.2;
color: #C1CFA9;
font-weight: 700;
margin: 0 0 6px;
display: block
}

.auth-pg__stat-label {
font-size: 15px;
line-height: 1.8;
color: #fff;
margin: 0
}

.auth-pg__approach-zone {
padding: 96px 24px;
background: #fff;
position: relative
}

.auth-pg__approach-zone::before {
content: '';
position: absolute;
top: 0;
right: 52px;
width: 3px;
height: 100%;
background: repeating-linear-gradient(to bottom, #C1CFA9 0px, #C1CFA9 12px, transparent 12px, transparent 24px);
opacity: .3
}

.auth-pg__approach-inner {
max-width: 1100px;
margin: 0 auto
}

.auth-pg__approach-head {
max-width: 680px;
margin-bottom: 52px
}

.auth-pg__approach-head::before {
content: '';
display: block;
width: 52px;
height: 3px;
background: #719D89;
margin-bottom: 24px
}

.auth-pg__approach-h {
font-size: 28px;
line-height: 1.2;
color: #002E36;
margin: 0 0 24px;
font-weight: 600
}

.auth-pg__approach-intro {
font-size: 18px;
line-height: 1.8;
color: #002E36;
margin: 0
}

.auth-pg__approach-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.auth-pg__approach-item {
background: #fff;
border: 1px solid #C1CFA9;
border-radius: 18px;
padding: 24px;
position: relative;
transition: box-shadow .16s ease-out, transform .14s cubic-bezier(0.4, 0, 0.6, 1);
animation: auth-pg-cascade .22s ease-out backwards
}

.auth-pg__approach-item:nth-child(1) {
animation-delay: 0s
}

.auth-pg__approach-item:nth-child(2) {
animation-delay: .08s
}

.auth-pg__approach-item:nth-child(3) {
animation-delay: .16s
}

.auth-pg__approach-item:nth-child(4) {
animation-delay: .24s
}

@keyframes auth-pg-cascade {
from {
opacity: 0;
transform: scale(0.94)
}

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

.auth-pg__approach-item:hover {
box-shadow: 1px 6px 28px 1px #002e3617;
transform: translateY(-3px)
}

.auth-pg__approach-item-num {
font-size: 68px;
line-height: 1.2;
color: #C1CFA9;
font-weight: 700;
margin: 0 0 12px;
display: block
}

.auth-pg__approach-item-h {
font-size: 18px;
line-height: 1.2;
color: #002E36;
margin: 0 0 12px;
font-weight: 600
}

.auth-pg__approach-item-p {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin: 0
}

.auth-pg__collab-zone {
padding: 96px 24px;
background: #719D89;
position: relative
}

.auth-pg__collab-pattern {
position: absolute;
bottom: 24px;
left: 24px;
display: grid;
grid-template-columns: repeat(8, 6px);
gap: 6px;
opacity: .3;
pointer-events: none
}

.auth-pg__collab-pattern span {
width: 6px;
height: 6px;
background: #002E36;
border-radius: 3px;
display: block
}

.auth-pg__collab-inner {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
align-items: center
}

.auth-pg__collab-txt {
max-width: 480px
}

.auth-pg__collab-txt::before {
content: '';
display: block;
width: 52px;
height: 3px;
background: #002E36;
margin-bottom: 24px
}

.auth-pg__collab-h {
font-size: 28px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px;
font-weight: 600
}

.auth-pg__collab-p {
font-size: 18px;
line-height: 1.8;
color: #fff;
margin: 0 0 24px
}

.auth-pg__collab-cta {
display: inline-block;
padding: 12px 24px;
background: transparent;
color: #002E36;
border: 2px solid #002E36;
border-radius: 6px;
font-size: 18px;
text-decoration: none;
transition: background .18s ease-out, color .18s ease-out, border-color .18s ease-out;
font-weight: 600
}

.auth-pg__collab-cta:hover {
background: #002E36;
color: #fff;
border-color: #002E36
}

.auth-pg__collab-img-wrap {
position: relative;
width: 100%;
height: 420px;
clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%)
}

.auth-pg__collab-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

@media (max-width: 1280px) {
.auth-pg__title-zone {
padding: 52px 24px
}

.auth-pg__title-img-wrap {
width: 240px
}

.auth-pg__approach-grid {
gap: 24px
}

.auth-pg__collab-inner {
gap: 52px
}
}

@media (max-width: 768px) {
.auth-pg__title-zone {
flex-direction: column;
padding: 52px 24px
}

.auth-pg__title-img-wrap {
width: 100%;
height: 280px;
align-self: stretch
}

.auth-pg__title-h {
font-size: 28px
}

.auth-pg__bio-zone {
padding: 52px 24px
}

.auth-pg__bio-inner {
gap: 52px
}

.auth-pg__bio-profile {
flex-direction: column
}

.auth-pg__bio-img-frame {
width: 140px;
height: 140px
}

.auth-pg__bio-stats {
grid-template-columns: 1fr
}

.auth-pg__stat-num {
font-size: 28px
}

.auth-pg__approach-zone {
padding: 52px 24px
}

.auth-pg__approach-head {
margin-bottom: 52px
}

.auth-pg__approach-grid {
grid-template-columns: 1fr
}

.auth-pg__approach-item-num {
font-size: 32px
}

.auth-pg__collab-zone {
padding: 52px 24px
}

.auth-pg__collab-inner {
grid-template-columns: 1fr;
gap: 52px
}

.auth-pg__collab-img-wrap {
height: 320px
}
}

@media (max-width: 480px) {
.auth-pg__title-zone {
padding: 24px 12px
}

.auth-pg__title-h {
font-size: 28px
}

.auth-pg__title-manifest {
font-size: 15px
}

.auth-pg__bio-zone {
padding: 52px 12px
}

.auth-pg__bio-h {
font-size: 18px
}

.auth-pg__bio-p {
font-size: 15px
}

.auth-pg__stat-card {
padding: 24px
}

.auth-pg__approach-zone {
padding: 52px 12px
}

.auth-pg__approach-h {
font-size: 18px
}

.auth-pg__approach-intro {
font-size: 15px
}

.auth-pg__approach-item {
padding: 24px
}

.auth-pg__collab-zone {
padding: 52px 12px
}

.auth-pg__collab-h {
font-size: 18px
}

.auth-pg__collab-p {
font-size: 15px
}

.auth-pg__collab-cta {
font-size: 15px;
padding: 12px 24px
}
}

.mstrclss {
background: #fff;
color: #1a1a2e;
overflow-x: clip
}

.mstrclss__intro {
position: relative;
padding: 96px 24px;
background: radial-gradient(ellipse at center, #c1cfa92e 0%, #fff0 68%);
overflow: hidden
}

.mstrclss__intro::before {
content: '';
position: absolute;
top: 52px;
right: 96px;
width: 280px;
height: 1px;
background: linear-gradient(117deg, #002e3638 0%, transparent 100%);
transform: rotate(-42deg);
opacity: 0;
animation: mstrclss-intro-line 1.8s ease-out .4s forwards
}

@keyframes mstrclss-intro-line {
to {
opacity: 1
}
}

.mstrclss__intro-ctr {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 52px;
align-items: center
}

.mstrclss__intro-txt {
max-width: 720px
}

.mstrclss__intro-txt::before {
content: '';
display: block;
width: 68px;
height: 3px;
background: linear-gradient(90deg, #719D89 0%, transparent 100%);
margin-bottom: 24px;
border-radius: 3px
}

.mstrclss__intro-hdg {
font-size: 32px;
line-height: 1.2;
color: #002E36;
margin: 0 0 24px;
filter: blur(8px);
animation: mstrclss-intro-sharp 1.4s ease-out .2s forwards
}

@keyframes mstrclss-intro-sharp {
to {
filter: blur(0)
}
}

.mstrclss__intro-sub {
font-size: 18px;
line-height: 1.8;
color: #3a3a4e;
margin: 0 0 12px
}

.mstrclss__intro-desc {
font-size: 15px;
line-height: 1.8;
color: #5a5a6e;
margin: 0
}

.mstrclss__intro-img-wrp {
position: relative;
width: 100%;
max-width: 480px;
margin: 0 auto;
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 6px 28px 1px #002e3617
}

.mstrclss__intro-img {
width: 100%;
height: 360px;
object-fit: cover;
display: block;
filter: blur(4px) saturate(0.6);
transition: filter .18s ease-out
}

.mstrclss__intro-img-wrp:hover .mstrclss__intro-img {
filter: blur(0) saturate(1)
}

.mstrclss__metrics {
background: linear-gradient(0deg, #fff 0%, #f4f6f2 100%);
padding: 96px 24px;
position: relative
}

.mstrclss__metrics::before {
content: '';
position: absolute;
top: -52px;
left: 0;
right: 0;
height: 96px;
background: linear-gradient(180deg, #c1cfa91f 0%, transparent 100%);
filter: blur(24px);
pointer-events: none
}

.mstrclss__metrics-ctr {
max-width: 1100px;
margin: 0 auto
}

.mstrclss__metrics-hdg {
font-size: 28px;
line-height: 1.2;
color: #002E36;
margin: 0 0 52px;
text-align: center;
position: relative
}

.mstrclss__metrics-hdg::before {
content: '';
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
width: 52px;
height: 2px;
background: #719D89;
border-radius: 3px
}

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

.mstrclss__metric-card {
background: #fff;
padding: 24px;
border-radius: 10px;
box-shadow: 1px 1px 4px 1px #719d8914;
border: 1px solid #c1cfa93d;
transition: box-shadow .16s ease-out, transform .16s ease-out;
position: relative;
overflow: hidden
}

.mstrclss__metric-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle, #002e360a 1px, transparent 1px);
background-size: 12px 12px;
opacity: 0;
transition: opacity .18s ease-out;
pointer-events: none
}

.mstrclss__metric-card:hover::before {
opacity: 1
}

.mstrclss__metric-card:hover {
box-shadow: 1px 6px 28px 1px #719d8917;
transform: translateY(-2px)
}

.mstrclss__metric-num {
font-size: 32px;
line-height: 1.2;
color: #719D89;
margin: 0 0 6px;
font-weight: 700
}

.mstrclss__metric-lbl {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin: 0 0 12px;
font-weight: 600
}

.mstrclss__metric-txt {
font-size: 15px;
line-height: 1.8;
color: #5a5a6e;
margin: 0
}

.mstrclss__process {
padding: 96px 24px;
background: #fff;
position: relative
}

.mstrclss__process-ctr {
max-width: 1100px;
margin: 0 auto
}

.mstrclss__process-hdg {
font-size: 28px;
line-height: 1.2;
color: #002E36;
margin: 0 0 52px;
position: relative;
padding-left: 24px
}

.mstrclss__process-hdg::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #719D89 0%, #C1CFA9 100%);
border-radius: 3px
}

.mstrclss__process-steps {
display: grid;
grid-template-columns: 1fr;
gap: 52px
}

.mstrclss__step {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
position: relative
}

.mstrclss__step-hdr {
display: flex;
align-items: flex-start;
gap: 24px
}

.mstrclss__step-icon {
width: 68px;
height: 68px;
background: linear-gradient(135deg, #719d8924 0%, #c1cfa924 100%);
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
box-shadow: inset 1px 1px 4px 1px #002e3614;
transition: transform .22s ease-in-out;
animation: mstrclss-icon-spin 1.2s ease-in-out
}

@keyframes mstrclss-icon-spin {
0% {
transform: rotate(0deg)
}

40% {
transform: rotate(360deg)
}

100% {
transform: rotate(360deg)
}
}

.mstrclss__step:hover .mstrclss__step-icon {
transform: scale(1.06)
}

.mstrclss__step-icon::before {
content: '';
width: 28px;
height: 28px;
border: 3px solid #719D89;
border-radius: 18px;
border-top-color: transparent;
border-right-color: transparent
}

.mstrclss__step-txt-wrp {
flex: 1
}

.mstrclss__step-num {
font-size: 15px;
line-height: 1.2;
color: #719D89;
margin: 0 0 6px;
font-weight: 600
}

.mstrclss__step-ttl {
font-size: 18px;
line-height: 1.2;
color: #002E36;
margin: 0 0 12px;
font-weight: 600
}

.mstrclss__step-desc {
font-size: 15px;
line-height: 1.8;
color: #5a5a6e;
margin: 0
}

.mstrclss__step-details {
background: #c1cfa914;
padding: 24px;
border-radius: 10px;
border: 1px solid #719d892e
}

.mstrclss__step-detail-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 12px
}

.mstrclss__step-detail-item {
font-size: 15px;
line-height: 1.8;
color: #3a3a4e;
padding-left: 24px;
position: relative
}

.mstrclss__step-detail-item::before {
content: '';
position: absolute;
left: 0;
top: 12px;
width: 8px;
height: 8px;
background: #719D89;
border-radius: 6px
}

.mstrclss__approach {
background: #002E36;
padding: 96px 24px;
position: relative;
overflow: hidden
}

.mstrclss__approach::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle, #c1cfa90f 2px, transparent 2px), radial-gradient(circle, #c1cfa90a 1px, transparent 1px);
background-size: 52px 52px, 24px 24px;
background-position: 0 0, 26px 26px;
pointer-events: none
}

.mstrclss__approach::after {
content: '';
position: absolute;
top: -96px;
left: 0;
right: 0;
height: 96px;
background: linear-gradient(180deg, #719d892e 0%, transparent 100%);
filter: blur(52px);
pointer-events: none
}

.mstrclss__approach-ctr {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.mstrclss__approach-hdg {
font-size: 28px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px;
text-align: left
}

.mstrclss__approach-intro {
font-size: 18px;
line-height: 1.8;
color: #C1CFA9;
margin: 0 0 52px;
max-width: 680px
}

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

.mstrclss__approach-box {
background: #ffffff0a;
padding: 24px;
border-radius: 10px;
border: 1px solid #c1cfa929;
transition: background .14s cubic-bezier(0.4, 0, 0.6, 1), border-color .14s cubic-bezier(0.4, 0, 0.6, 1)
}

.mstrclss__approach-box:hover {
background: #719d8914;
border-color: #c1cfa947
}

.mstrclss__approach-box-hdg {
font-size: 18px;
line-height: 1.2;
color: #fff;
margin: 0 0 12px;
font-weight: 600
}

.mstrclss__approach-box-txt {
font-size: 15px;
line-height: 1.8;
color: #C1CFA9;
margin: 0
}

@media (min-width: 768px) {
.mstrclss__intro {
padding: 96px 52px
}

.mstrclss__intro-ctr {
grid-template-columns: 1fr 1fr;
gap: 96px
}

.mstrclss__intro-img-wrp {
max-width: none
}

.mstrclss__intro-img {
height: 480px
}

.mstrclss__metrics {
padding: 96px 52px
}

.mstrclss__metrics-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.mstrclss__process {
padding: 96px 52px
}

.mstrclss__approach {
padding: 96px 52px
}

.mstrclss__approach-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px
}
}

@media (min-width: 1280px) {
.mstrclss__intro {
padding: 96px
}

.mstrclss__metrics {
padding: 96px
}

.mstrclss__metrics-grid {
grid-template-columns: repeat(3, 1fr)
}

.mstrclss__process {
padding: 96px
}

.mstrclss__process-steps {
grid-template-columns: 1fr
}

.mstrclss__step {
grid-template-columns: 2fr 1fr;
gap: 52px
}

.mstrclss__approach {
padding: 96px
}

.mstrclss__approach-grid {
grid-template-columns: repeat(3, 1fr)
}
}

.prtl {
background: #fafcfa;
color: #1a1f1d;
overflow-x: clip
}

.prtl__bnr {
position: relative;
padding: 24px 12px;
background: linear-gradient(117deg, #002E36 0%, transparent 100%);
overflow: hidden;
min-height: 280px;
display: flex;
align-items: center
}

.prtl__bnr::before {
content: '';
position: absolute;
top: -50%;
left: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, #c1cfa926 0%, transparent 70%);
border-radius: 50%;
filter: blur(60px);
pointer-events: none
}

.prtl__bnr::after {
content: '';
position: absolute;
bottom: -30%;
right: 10%;
width: 300px;
height: 300px;
background: radial-gradient(circle, #719d891f 0%, transparent 70%);
border-radius: 50%;
filter: blur(50px);
pointer-events: none
}

.prtl__bnr-cnt {
max-width: 1100px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 1
}

.prtl__bnr-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: center
}

.prtl__bnr-img-wrp {
position: relative;
height: 180px;
border-radius: 10px;
overflow: hidden;
box-shadow: 1px 6px 28px 1px #002e3617
}

.prtl__bnr-img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity .18s ease-out;
filter: contrast(1.05) brightness(0.95)
}

.prtl__bnr-img.loaded {
opacity: 1
}

.prtl__bnr-img::after {
content: '';
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, #00000008 0px, transparent 1px, transparent 2px, #00000008 3px);
pointer-events: none
}

.prtl__bnr-txt {
color: #fff
}

.prtl__bnr-h {
font-size: 32px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700
}

.prtl__bnr-lst {
list-style: none;
padding: 0;
margin: 24px 0 0
}

.prtl__bnr-lst li {
font-size: 15px;
line-height: 1.8;
padding: 6px 0 6px 24px;
position: relative
}

.prtl__bnr-lst li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 2px;
background: #C1CFA9;
border-radius: 3px
}

.prtl__posts {
padding: 96px 12px;
background: #fff;
position: relative
}

.prtl__posts::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 120px;
background: linear-gradient(180deg, #719d8933 0%, transparent 100%);
transform: rotate(45deg);
transform-origin: top right
}

.prtl__posts-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__posts-grid {
display: grid;
grid-template-columns: 1fr;
gap: 52px
}

.prtl__pst-crd {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
padding: 24px;
background: #f7f9f7;
border-radius: 10px;
border: 1px solid #002e3614;
transition: box-shadow .16s ease-out, border-color .14s ease-out;
position: relative;
animation: prtl-cascade .22s ease-out backwards
}

.prtl__pst-crd:nth-child(1) {
animation-delay: .08s
}

.prtl__pst-crd:nth-child(2) {
animation-delay: .16s
}

.prtl__pst-crd:nth-child(3) {
animation-delay: .24s
}

@keyframes prtl-cascade {
from {
opacity: 0;
transform: translateY(24px)
}

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

.prtl__pst-crd:hover {
box-shadow: 1px 10px 52px 1px #002e3624;
border-color: #719d894d
}

.prtl__pst-img-wrp {
position: relative;
height: 240px;
border-radius: 6px;
overflow: hidden
}

.prtl__pst-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .18s ease-out, opacity .18s ease-out;
opacity: 0
}

.prtl__pst-img.loaded {
opacity: 1
}

.prtl__pst-crd:hover .prtl__pst-img {
transform: scale(1.04)
}

.prtl__pst-bdg {
position: absolute;
top: -12px;
right: -12px;
width: 52px;
height: 52px;
background: #002E36;
color: #fff;
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
box-shadow: 1px 6px 28px 1px #002e3617;
z-index: 2
}

.prtl__pst-meta {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center;
margin: 0 0 12px
}

.prtl__pst-tag {
display: inline-block;
padding: 6px 12px;
background: #719d8926;
color: #002E36;
font-size: 15px;
border-radius: 3px;
font-weight: 600
}

.prtl__pst-time {
font-size: 15px;
color: #5a6562
}

.prtl__pst-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36
}

.prtl__pst-sub {
font-size: 18px;
line-height: 1.8;
color: #3a4542;
margin: 0 0 12px
}

.prtl__pst-desc {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0 0 24px
}

.prtl__pst-ftr {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid #002e361a
}

.prtl__pst-auth {
font-size: 15px;
color: #2a3532;
font-weight: 600
}

.prtl__pst-like {
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
color: #5a6562
}

.prtl__pst-like::before {
content: '♥';
color: #719D89
}

.prtl__pst-lnk {
display: inline-block;
padding: 12px 24px;
background: transparent;
color: #002E36;
border: 2px solid #002E36;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: background .14s ease-out, border-color .14s ease-out, color .14s ease-out
}

.prtl__pst-lnk:hover {
background: #002E36;
color: #fff;
border-color: #002E36
}

.prtl__adjacent {
padding: 52px 12px;
background: linear-gradient(243deg, #c1cfa914 0%, #fff0 100%);
position: relative
}

.prtl__adjacent::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 100px;
background: linear-gradient(180deg, transparent 0%, #002e3626 100%);
transform: rotate(-35deg);
transform-origin: bottom left
}

.prtl__adjacent-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__adjacent-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 6px;
font-weight: 700;
color: #002E36;
position: relative;
padding-top: 12px
}

.prtl__adjacent-h::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 68px;
height: 3px;
background: #719D89;
border-radius: 3px
}

.prtl__adjacent-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0 0 24px;
max-width: 680px
}

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

.prtl__adj-itm {
padding: 24px;
background: #fff;
border-radius: 10px;
border-left: 4px solid #C1CFA9;
box-shadow: 1px 1px 4px 1px #002e3614;
transition: transform .16s ease-out, box-shadow .16s ease-out
}

.prtl__adj-itm:hover {
transform: translateX(6px);
box-shadow: 1px 6px 28px 1px #002e3617
}

.prtl__adj-itm-h {
font-size: 18px;
line-height: 1.2;
margin: 0 0 6px;
font-weight: 700;
color: #002E36
}

.prtl__adj-itm-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

.prtl__picks {
padding: 96px 12px;
background: #fff;
position: relative;
overflow: hidden
}

.prtl__picks::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><path d="M0 0 L100 100 M100 0 L0 100" stroke="#719d8908" stroke-width="1"/></svg>');
background-size: 100px 100px;
opacity: 0;
transition: opacity .2s ease-out;
pointer-events: none
}

.prtl__picks:hover::before {
opacity: 1
}

.prtl__picks-cnt {
max-width: 1100px;
margin: 0 auto;
position: relative
}

.prtl__picks-grid {
display: grid;
grid-template-columns: 1fr;
gap: 52px
}

.prtl__picks-lft {
text-align: left
}

.prtl__picks-h {
font-size: 32px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36
}

.prtl__picks-intro {
font-size: 18px;
line-height: 1.8;
color: #3a4542;
margin: 0
}

.prtl__picks-rgt {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.prtl__pick-bx {
padding: 24px;
background: linear-gradient(135deg, #f7f9f7 0%, #fff 100%);
border-radius: 10px;
border: 1px solid #002e3614;
position: relative
}

.prtl__pick-bx::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #719D89 0%, #C1CFA9 100%);
border-radius: 3px 3px 0 0
}

.prtl__pick-h {
font-size: 18px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36
}

.prtl__pick-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

.prtl__rhythm {
padding: 52px 12px;
background: linear-gradient(67deg, #719d890f 0%, transparent 100%);
position: relative
}

.prtl__rhythm-cnt {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: start
}

.prtl__rhythm-txt-wrp {
position: relative;
padding-top: 12px
}

.prtl__rhythm-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36;
position: relative
}

.prtl__rhythm-h::before {
content: '';
position: absolute;
top: -12px;
left: 0;
width: 52px;
height: 2px;
background: #002E36;
border-radius: 3px
}

.prtl__rhythm-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0 0 24px
}

.prtl__rhythm-img-wrp {
position: relative;
height: 280px;
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 6px 28px 1px #719d8917
}

.prtl__rhythm-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity .18s ease-out;
opacity: 0
}

.prtl__rhythm-img.loaded {
opacity: 1
}

.prtl__habit {
padding: 96px 12px;
background: #fff;
position: relative
}

.prtl__habit-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__habit-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36;
text-align: center;
position: relative;
padding-top: 12px
}

.prtl__habit-h::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 96px;
height: 3px;
background: #C1CFA9;
border-radius: 3px
}

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

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

.prtl__habit-col:nth-child(2) {
padding-top: 52px
}

.prtl__habit-bx {
padding: 24px;
background: #f7f9f7;
border-radius: 10px;
border: 1px solid #002e3614;
transition: box-shadow .16s ease-out;
position: relative
}

.prtl__habit-bx:hover {
box-shadow: 1px 10px 52px 1px #719d8924
}

.prtl__habit-bx-h {
font-size: 18px;
line-height: 1.2;
margin: 0 0 6px;
font-weight: 700;
color: #002E36
}

.prtl__habit-bx-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

.prtl__sections {
padding: 52px 12px;
background: linear-gradient(189deg, #c1cfa91a 0%, transparent 100%);
position: relative
}

.prtl__sections::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 140px;
background: linear-gradient(180deg, #719d8933 0%, transparent 100%);
transform: rotate(-25deg);
transform-origin: top right
}

.prtl__sections-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__sections-h {
font-size: 32px;
line-height: 1.2;
margin: 0 0 52px;
font-weight: 700;
color: #002E36;
text-align: left
}

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

.prtl__sec-itm {
display: grid;
grid-template-columns: auto 1fr;
gap: 24px;
align-items: start;
padding: 24px;
background: #fff;
border-radius: 10px;
transition: transform .14s ease-out;
box-shadow: inset 0 0 0 1px #719d8926
}

.prtl__sec-itm:hover {
transform: translateY(-3px)
}

.prtl__sec-num {
width: 52px;
height: 52px;
background: #002E36;
color: #fff;
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
flex-shrink: 0
}

.prtl__sec-txt-wrp {
min-width: 0
}

.prtl__sec-h {
font-size: 18px;
line-height: 1.2;
margin: 0 0 6px;
font-weight: 700;
color: #002E36
}

.prtl__sec-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

.prtl__voice {
padding: 96px 12px;
background: #fff;
position: relative
}

.prtl__voice-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__voice-grid {
display: grid;
grid-template-columns: 1fr;
gap: 52px;
align-items: center
}

.prtl__voice-img-wrp {
position: relative;
height: 320px;
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 1px 4px 1px #002e3614;
transition: box-shadow .18s ease-out
}

.prtl__voice-img-wrp:hover {
box-shadow: 1px 10px 52px 1px #002e3624
}

.prtl__voice-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity .18s ease-out;
opacity: 0
}

.prtl__voice-img.loaded {
opacity: 1
}

.prtl__voice-txt-wrp {
position: relative;
padding-top: 12px
}

.prtl__voice-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36;
position: relative
}

.prtl__voice-h::before {
content: '';
position: absolute;
top: -12px;
left: 0;
width: 68px;
height: 3px;
background: #719D89;
border-radius: 3px
}

.prtl__voice-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0 0 12px
}

.prtl__interact {
padding: 52px 12px;
background: linear-gradient(321deg, #719d8914 0%, transparent 100%);
position: relative
}

.prtl__interact-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__interact-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36;
text-align: center;
position: relative;
padding-top: 12px
}

.prtl__interact-h::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 96px;
height: 3px;
background: #002E36;
border-radius: 3px
}

.prtl__chart-wrp {
max-width: 680px;
margin: 0 auto;
padding: 24px;
background: #fff;
border-radius: 18px;
box-shadow: 1px 6px 28px 1px #719d8917
}

.prtl__chart {
position: relative;
width: 100%;
height: 380px
}

.prtl__chart-svg {
width: 100%;
height: 100%
}

.prtl__chart-axis {
stroke: #002e3626;
stroke-width: 1
}

.prtl__chart-web {
fill: #719d8926;
stroke: #719D89;
stroke-width: 2
}

.prtl__chart-pnt {
fill: #002E36
}

.prtl__chart-lbl {
font-size: 15px;
fill: #2a3532;
font-weight: 600
}

.prtl__social {
padding: 96px 12px;
background: #fff;
position: relative
}

.prtl__social::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 100px;
background: linear-gradient(180deg, transparent 0%, #c1cfa933 100%);
transform: rotate(30deg);
transform-origin: bottom left
}

.prtl__social-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__social-grid {
display: grid;
grid-template-columns: 1fr;
gap: 52px;
align-items: start
}

.prtl__social-txt-wrp {
position: relative;
padding-top: 12px
}

.prtl__social-h {
font-size: 32px;
line-height: 1.2;
margin: 0 0 12px;
font-weight: 700;
color: #002E36;
position: relative
}

.prtl__social-h::before {
content: '';
position: absolute;
top: -12px;
left: 0;
width: 96px;
height: 3px;
background: #C1CFA9;
border-radius: 3px
}

.prtl__social-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0 0 24px
}

.prtl__social-proof {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.prtl__proof-bx {
padding: 24px;
background: #f7f9f7;
border-radius: 10px;
border: 1px solid #002e3614;
position: relative;
overflow: hidden
}

.prtl__proof-bx::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #002E36 0%, #719D89 100%)
}

.prtl__proof-stat {
font-size: 32px;
line-height: 1.2;
margin: 0 0 6px;
font-weight: 700;
color: #002E36
}

.prtl__proof-lbl {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

.prtl__expand {
padding: 52px 12px;
background: linear-gradient(156deg, #c1cfa91f 0%, transparent 100%);
position: relative
}

.prtl__expand-cnt {
max-width: 1100px;
margin: 0 auto
}

.prtl__expand-h {
font-size: 28px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #002E36;
text-align: left;
position: relative;
padding-top: 12px
}

.prtl__expand-h::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 68px;
height: 3px;
background: #719D89;
border-radius: 3px
}

.prtl__expand-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px
}

.prtl__exp-itm {
background: #fff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #002e3614
}

.prtl__exp-hdr {
padding: 24px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background .14s ease-out
}

.prtl__exp-hdr:hover {
background: #719d890d
}

.prtl__exp-hdr-txt {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
color: #002E36;
margin: 0
}

.prtl__exp-icn {
width: 28px;
height: 28px;
border-radius: 28px;
background: #002E36;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: transform .16s ease-out, background .16s ease-out;
flex-shrink: 0
}

.prtl__exp-chk {
display: none
}

.prtl__exp-chk:checked+.prtl__exp-hdr .prtl__exp-icn {
transform: rotate(45deg);
background: #719D89
}

.prtl__exp-bdy {
max-height: 0;
overflow: hidden;
transition: max-height .18s ease-out, padding .18s ease-out
}

.prtl__exp-chk:checked~.prtl__exp-bdy {
max-height: 500px;
padding: 0 24px 24px
}

.prtl__exp-bdy-txt {
font-size: 15px;
line-height: 1.8;
color: #4a5552;
margin: 0
}

@media (min-width: 768px) {
.prtl__bnr {
padding: 52px 24px;
min-height: 320px
}

.prtl__bnr-grid {
grid-template-columns: 1fr 1.2fr;
gap: 52px
}

.prtl__bnr-img-wrp {
height: 100%;
min-height: 240px
}

.prtl__posts {
padding: 96px 24px
}

.prtl__posts-grid {
grid-template-columns: repeat(2, 1fr);
gap: 52px
}

.prtl__pst-crd {
grid-template-columns: 1fr
}

.prtl__adjacent {
padding: 52px 24px
}

.prtl__adjacent-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.prtl__picks {
padding: 96px 24px
}

.prtl__picks-grid {
grid-template-columns: 1fr 1.5fr;
gap: 52px
}

.prtl__rhythm {
padding: 52px 24px
}

.prtl__rhythm-cnt {
grid-template-columns: 1fr 1fr;
gap: 52px
}

.prtl__habit {
padding: 96px 24px
}

.prtl__sections {
padding: 52px 24px
}

.prtl__sections-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.prtl__voice {
padding: 96px 24px
}

.prtl__voice-grid {
grid-template-columns: 1.2fr 1fr;
gap: 52px
}

.prtl__interact {
padding: 52px 24px
}

.prtl__social {
padding: 96px 24px
}

.prtl__social-grid {
grid-template-columns: 1fr 1fr;
gap: 52px
}

.prtl__social-proof {
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.prtl__expand {
padding: 52px 24px
}
}

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

.prtl__adjacent-grid {
grid-template-columns: repeat(3, 1fr)
}

.prtl__picks-grid {
grid-template-columns: 1fr 2fr
}

.prtl__sections-grid {
grid-template-columns: repeat(3, 1fr)
}
}

.blg {
background: #fff;
color: #002E36;
overflow-x: hidden
}

.blg__intro {
padding: 96px 24px;
background: linear-gradient(173deg, #f8faf9 0%, #fff 100%);
position: relative
}

.blg__intro-container {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 52px
}

.blg__intro-content {
display: grid;
grid-template-columns: 1fr;
gap: 52px;
align-items: center
}

.blg__intro-text {
padding-right: 96px
}

.blg__intro-depth {
position: absolute;
top: 52px;
right: 24px;
font-size: 280px;
font-weight: 700;
color: #002e3608;
line-height: 1;
pointer-events: none;
user-select: none
}

.blg__intro-h1 {
font-size: 32px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700
}

.blg__intro-thesis {
margin: 0 0 12px;
font-size: 18px;
line-height: 1.8;
color: #002E36
}

.blg__intro-thesis:last-child {
margin-bottom: 0
}

.blg__intro-img-wrap {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 1px 6px 28px 1px #002e3617
}

.blg__intro-img {
width: 100%;
height: auto;
display: block;
filter: grayscale(100%) contrast(1.2);
opacity: 0;
animation: blg-fade-in .8s ease-out .2s forwards
}

@keyframes blg-fade-in {
to {
opacity: 1
}
}

.blg__posts {
padding: 96px 24px;
background: #fff
}

.blg__posts-container {
max-width: 1100px;
margin: 0 auto
}

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

.blg__card {
background: #fff;
border: 1px solid #002e3614;
border-radius: 10px;
overflow: hidden;
transition: transform .18s ease-out, box-shadow .18s ease-out;
box-shadow: 1px 1px 4px 1px #002e3614;
display: flex;
flex-direction: column;
opacity: 0;
animation: blg-wave-in .6s ease-out forwards
}

.blg__card:nth-child(1) {
animation-delay: .1s
}

.blg__card:nth-child(2) {
animation-delay: .2s
}

.blg__card:nth-child(3) {
animation-delay: .3s
}

.blg__card:nth-child(4) {
animation-delay: .4s
}

.blg__card:nth-child(5) {
animation-delay: .5s
}

.blg__card:nth-child(6) {
animation-delay: .6s
}

@keyframes blg-wave-in {
from {
opacity: 0;
transform: translateY(24px)
}

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

.blg__card:hover {
transform: translateY(-6px);
box-shadow: 1px 10px 52px 1px #002e3624
}

.blg__card:hover .blg__card-img-wrap::after {
opacity: 1
}

.blg__card-img-wrap {
position: relative;
width: 100%;
height: 240px;
overflow: hidden
}

.blg__card-img-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, transparent, transparent 10px, #719d8908 10px, #719d8908 20px);
opacity: 0;
transition: opacity .22s ease-out;
pointer-events: none
}

.blg__card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.blg__card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex-grow: 1
}

.blg__card-meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
font-size: 15px;
color: #002e3699
}

.blg__card-tag {
display: inline-block;
padding: 6px 12px;
background: #719d891f;
color: #002E36;
border-radius: 3px;
font-size: 15px;
font-weight: 600
}

.blg__card-divider {
width: 1px;
height: 18px;
background: #002e3626
}

.blg__card-h3 {
font-size: 28px;
line-height: 1.2;
margin: 0;
font-weight: 700
}

.blg__card-h3-link {
color: #002E36;
text-decoration: none;
transition: color .16s ease-out
}

.blg__card-h3-link:hover {
color: #719D89
}

.blg__card-subtitle {
font-size: 18px;
line-height: 1.8;
color: #002e36bf;
margin: 0
}

.blg__card-desc {
font-size: 15px;
line-height: 1.8;
color: #002e36cc;
margin: 0;
flex-grow: 1
}

.blg__card-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid #002e3614;
margin-top: 12px
}

.blg__card-author {
font-size: 15px;
color: #002E36;
font-weight: 600
}

.blg__card-likes {
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
color: #002e3699
}

.blg__card-likes::before {
content: '';
display: block;
width: 18px;
height: 18px;
background: #719D89;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)
}

.blg__metrics {
padding: 52px 24px;
background: #002e3605;
position: relative
}

.blg__metrics::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 96px;
height: 3px;
background: linear-gradient(90deg, #002E36 0%, #719D89 100%);
border-radius: 28px
}

.blg__metrics-container {
max-width: 1100px;
margin: 0 auto
}

.blg__metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 24px
}

.blg__metric {
text-align: center;
padding: 24px;
background: #fff;
border-radius: 6px;
box-shadow: 1px 1px 4px 1px #002e3614;
position: relative;
overflow: hidden;
transition: transform .14s cubic-bezier(0.4, 0, 0.6, 1)
}

.blg__metric:hover {
transform: scale(1.03)
}

.blg__metric::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #719D89 0%, #C1CFA9 100%)
}

.blg__metric-label {
display: block;
font-size: 15px;
color: #002e3699;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: .5px
}

.blg__metric-value {
display: block;
font-size: 32px;
line-height: 1.2;
font-weight: 700;
color: #002E36
}

.blg__cta {
padding: 96px 24px;
background: linear-gradient(217deg, #fff 0%, #f8faf9 100%);
position: relative
}

.blg__cta::before {
content: '';
position: absolute;
top: 50%;
left: 12%;
width: 320px;
height: 320px;
background: radial-gradient(circle, #719d890f 0%, transparent 70%);
border-radius: 50%;
transform: translateY(-50%);
pointer-events: none
}

.blg__cta-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.blg__cta-content {
max-width: 640px;
margin: 0 auto;
text-align: center
}

.blg__cta-accent {
width: 52px;
height: 3px;
background: #719D89;
margin: 0 auto 24px;
border-radius: 18px
}

.blg__cta-h2 {
font-size: 32px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700
}

.blg__cta-p {
font-size: 18px;
line-height: 1.8;
color: #002e36cc;
margin: 0 0 52px
}

.blg__cta-btn {
display: inline-block;
padding: 18px 52px;
background: transparent;
color: #002E36;
border: 2px solid #002E36;
border-radius: 6px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: background .16s ease-out, color .16s ease-out, border-color .16s ease-out;
cursor: pointer
}

.blg__cta-btn:hover {
background: #002E36;
color: #fff;
border-color: #002E36
}

.blg__curve {
position: absolute;
top: 50%;
right: 6%;
width: 180px;
height: 180px;
pointer-events: none;
opacity: .4
}

.blg__curve-svg {
width: 100%;
height: 100%
}

@media (min-width: 768px) {
.blg__intro-content {
grid-template-columns: 1.2fr 1fr
}

.blg__posts-grid {
grid-template-columns: repeat(2, 1fr);
gap: 52px 24px
}

.blg__card {
flex-direction: column
}

.blg__metrics-grid {
grid-template-columns: repeat(4, 1fr)
}
}

@media (min-width: 1280px) {
.blg__intro {
padding: 96px 52px
}

.blg__posts {
padding: 96px 52px
}

.blg__metrics {
padding: 52px
}

.blg__cta {
padding: 96px 52px
}

.blg__posts-grid {
grid-template-columns: repeat(3, 1fr)
}
}

.success-pg {
background: linear-gradient(162deg, #C1CFA9 0%, transparent 100%);
min-height: 100vh;
padding: 96px 24px
}

.success-pg__wrap {
max-width: 1100px;
margin: 0 auto
}

.success-pg__card {
background: #fff;
border-radius: 18px;
padding: 52px 24px;
box-shadow: 1px 6px 28px 1px #002e3617;
text-align: center;
max-width: 680px;
margin: 0 auto
}

.success-pg__icon {
width: 92px;
height: 92px;
margin: 0 auto 24px;
background: #719D89;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.success-pg__icon::before {
content: '';
width: 28px;
height: 48px;
border: 4px solid #fff;
border-left: none;
border-top: none;
transform: rotate(45deg) translateY(-6px)
}

.success-pg__title {
font-size: 32px;
line-height: 1.2;
color: #002E36;
margin: 0 0 24px
}

.success-pg__msg {
font-size: 18px;
line-height: 1.8;
color: #002E36;
margin: 0 0 52px
}

.success-pg__info {
background: #c1cfa92e;
border-radius: 10px;
padding: 24px;
margin: 0 0 52px;
text-align: left
}

.success-pg__info-title {
font-size: 18px;
line-height: 1.2;
color: #002E36;
margin: 0 0 12px;
font-weight: 600
}

.success-pg__info-txt {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin: 0
}

.success-pg__info-txt:not(:last-child) {
margin-bottom: 12px
}

.success-pg__detail {
display: inline-block;
background: #fff;
border: 1px solid #719D89;
border-radius: 6px;
padding: 6px 12px;
font-size: 15px;
color: #002E36;
margin-top: 6px
}

.success-pg__actions {
display: flex;
flex-direction: column;
gap: 12px
}

.success-pg__btn {
display: inline-block;
padding: 12px 24px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
transition: background .18s ease-out, border-color .16s ease-out, color .14s ease-out;
border: 2px solid #002E36;
background: transparent;
color: #002E36;
cursor: pointer
}

.success-pg__btn:hover {
background: #002E36;
color: #fff
}

.success-pg__btn--sec {
border-color: #719D89;
color: #719D89
}

.success-pg__btn--sec:hover {
background: #719D89;
color: #fff;
border-color: #719D89
}

.success-pg__note {
margin-top: 52px;
padding-top: 24px;
border-top: 1px solid #002e361f
}

.success-pg__note-txt {
font-size: 15px;
line-height: 1.8;
color: #002E36;
margin: 0
}

.success-pg__note-link {
color: #719D89;
text-decoration: none;
position: relative;
transition: color .14s ease-out
}

.success-pg__note-link::after {
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 0;
height: 1px;
background: #719D89;
transition: width .2s ease-out
}

.success-pg__note-link:hover {
color: #002E36
}

.success-pg__note-link:hover::after {
width: 100%;
right: auto;
left: 0
}

@media (min-width: 768px) {
.success-pg__card {
padding: 96px 52px
}

.success-pg__actions {
flex-direction: row;
justify-content: center
}

.success-pg__btn {
flex: 0 0 auto
}

}

.rls-terms-area h1 {
    font-size: 28px;
}

.rls-terms-area h2 {
    font-size: 24px;
}

@media (max-width: 768px) {
    .prtl__habit-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}