* {
box-sizing: border-box;
}

html {
font-size: 100%;
}

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

.top-bar {
background: #9EB335;
padding: 8px 0;
}

.top-bar__inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
}

.top-bar__brand {
font-family: 'Ubuntu Mono', monospace;
font-size: 24px;
font-weight: 700;
color: #fff;
letter-spacing: 0.04em;
text-decoration: none;
line-height: 1.2;
}

.top-bar__contact {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
color: #fff;
text-decoration: none;
opacity: 0.92;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 2px;
transition: opacity 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.top-bar__contact:hover {
opacity: 1;
border-color: #fff;
}

.top-bar__contact:focus {
outline: none;
transform: scale(1.02);
}

.hd {
background: #F7F6F4;
border-bottom: 2px solid #D3DF9C;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
position: relative;
}

.hd__inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 40px;
display: flex;
align-items: center;
gap: 40px;
}

.hd__logo-wrap {
display: flex;
align-items: center;
flex-shrink: 0;
padding: 16px 0;
}

.hd__logo-card {
background: #fff;
border-radius: 18px;
border: 2px solid #D3DF9C;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.hd__logo-card img {
width: 52px;
height: 52px;
object-fit: contain;
object-position: center;
display: block;
}

.hd__logo-card:focus {
outline: none;
transform: scale(1.02);
}

.hd__accent {
width: 3px;
height: 40px;
background: linear-gradient(180deg, #9EB335 0%, #D3DF9C 100%);
border-radius: 6px;
flex-shrink: 0;
}

.hd__nav {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}

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

.hd__nav-primary li {
display: flex;
}

.hd__nav-primary a {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 700;
color: #2d3a00;
text-decoration: none;
padding: 12px 16px;
border-radius: 6px;
border: 2px solid transparent;
line-height: 1.2;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background 0.2s ease-in-out;
white-space: nowrap;
min-height: 44px;
display: flex;
align-items: center;
}

.hd__nav-primary a:hover {
color: #9EB335;
border-color: #D3DF9C;
background: rgba(158, 179, 53, 0.06);
}

.hd__nav-primary a:focus {
outline: none;
transform: scale(1.02);
}

.hd__nav-primary a.active {
color: #9EB335;
border-color: #9EB335;
background: rgba(158, 179, 53, 0.08);
}

.hd__action {
display: flex;
align-items: center;
flex-shrink: 0;
}

.hd__action a {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #9EB335;
text-decoration: none;
padding: 12px 24px;
border-radius: 32px;
border: 2px solid #9EB335;
line-height: 1.2;
min-height: 44px;
display: flex;
align-items: center;
white-space: nowrap;
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.hd__action a:hover {
background: transparent;
color: #9EB335;
border-color: #9EB335;
}

.hd__action a:focus {
outline: none;
transform: scale(1.02);
}

.ft {
background: #2d3a00;
border-top: 3px solid #9EB335;
}

.ft__inner {
max-width: 1170px;
margin: 0 auto;
padding: 24px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

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

.ft__logo-card {
background: #fff;
border-radius: 18px;
border: 2px solid #D3DF9C;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0;
}

.ft__logo-card img {
width: 40px;
height: 40px;
object-fit: contain;
object-position: center;
display: block;
}

.ft__brand-col {
display: flex;
flex-direction: column;
gap: 4px;
}

.ft__brand-name {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 1.2;
}

.ft__tagline {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
color: #D3DF9C;
line-height: 1.2;
}

.ft__divider {
width: 1px;
height: 32px;
background: rgba(211, 223, 156, 0.3);
flex-shrink: 0;
}

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

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

.ft__legal li {
display: flex;
align-items: center;
}

.ft__legal li+li::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 48px;
background: rgba(211, 223, 156, 0.4);
margin-right: 8px;
}

.ft__legal a {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
color: #D3DF9C;
text-decoration: none;
padding: 8px 8px;
min-height: 44px;
display: flex;
align-items: center;
border-radius: 6px;
transition: color 0.22s ease-in-out;
}

.ft__legal a:hover {
color: #fff;
}

.ft__legal a:focus {
outline: none;
transform: scale(1.02);
}

.ft__copy {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
color: rgba(211, 223, 156, 0.6);
white-space: nowrap;
}

@media (max-width: 1024px) {
.top-bar__inner {
padding: 0 24px;
}

.hd__inner {
padding: 0 24px;
gap: 24px;
}

.ft__inner {
padding: 24px 24px;
}
}

@media (max-width: 768px) {
.top-bar__inner {
padding: 0 16px;
}

.hd__inner {
padding: 0 16px;
gap: 16px;
flex-wrap: wrap;
}

.hd__nav {
width: 100%;
justify-content: flex-start;
padding-bottom: 16px;
}

.hd__accent {
display: none;
}

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

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

.ft__divider {
display: none;
}
}

@media (max-width: 480px) {
.top-bar__brand {
font-size: 16px;
}

.top-bar__contact {
font-size: 16px;
}

.hd__nav-primary a {
padding: 8px 12px;
}

.hd__action a {
padding: 8px 16px;
}
}

.ck-bar {
display: none;
position: fixed;
top: 24px;
left: 0;
right: 0;
margin: 0 auto;
width: calc(100% - 80px);
max-width: 560px;
background: #fff;
border-radius: 18px;
border: 2px solid #D3DF9C;
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
z-index: 4000;
font-family: 'Ubuntu Mono', monospace;
overflow: hidden;
}

.ck-bar__body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}

.ck-bar__icon {
width: 40px;
height: 40px;
flex-shrink: 0;
}

.ck-bar__text {
font-size: 16px;
color: #2d3a00;
line-height: 1.7;
}

.ck-bar__text strong {
font-weight: 700;
color: #2d3a00;
}

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

.ck-bar__uses li {
font-size: 16px;
color: #4a5e00;
line-height: 1.5;
display: flex;
align-items: flex-start;
gap: 8px;
}

.ck-bar__uses li::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 48px;
background: #9EB335;
margin-top: 8px;
flex-shrink: 0;
}

.ck-bar__btns {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.ck-bar__ok {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #9EB335;
border: 2px solid #9EB335;
border-radius: 32px;
padding: 10px 24px;
cursor: pointer;
min-height: 44px;
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ck-bar__ok:hover {
background: #2d3a00;
border-color: #2d3a00;
color: #fff;
}

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

.ck-bar__skip {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
color: #9EB335;
background: none;
border: none;
cursor: pointer;
text-decoration: underline;
padding: 10px 8px;
min-height: 44px;
transition: color 0.22s ease-in-out;
}

.ck-bar__skip:hover {
color: #2d3a00;
}

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

.info-policy {
max-width: 1170px;
margin: 0 auto;
padding: 80px 40px;
}

.info-policy h1 {
font-size: 44px;
line-height: 1.2;
color: #2a2a2a;
margin-bottom: 24px;
margin-top: 0;
letter-spacing: -0.5px;
}

.info-policy h2 {
font-size: 32px;
line-height: 1.2;
color: #2a2a2a;
margin-top: 80px;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #D3DF9C;
}

.info-policy h3 {
font-size: 24px;
line-height: 1.5;
color: #2a2a2a;
margin-top: 40px;
margin-bottom: 16px;
}

.info-policy h4 {
font-size: 16px;
line-height: 1.5;
color: #2a2a2a;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-top: 40px;
margin-bottom: 8px;
}

.info-policy h5 {
font-size: 16px;
line-height: 1.5;
color: #4a4a4a;
font-weight: 600;
margin-top: 24px;
margin-bottom: 8px;
}

.info-policy h6 {
font-size: 16px;
line-height: 1.5;
color: #5a5a5a;
font-weight: 600;
margin-top: 16px;
margin-bottom: 8px;
}

.info-policy p {
font-size: 16px;
line-height: 1.7;
color: #3a3a3a;
margin-top: 0;
margin-bottom: 16px;
max-width: 72ch;
}

.info-policy strong,
.info-policy b {
font-weight: 700;
color: #2a2a2a;
}

.info-policy em,
.info-policy i {
font-style: italic;
color: #4a4a4a;
}

.info-policy table {
width: 100%;
border-collapse: collapse;
margin-top: 24px;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.5;
border-radius: 6px;
overflow: hidden;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
}

.info-policy thead {
background-color: #9EB335;
}

.info-policy thead th {
color: #ffffff;
font-weight: 700;
font-size: 16px;
line-height: 1.5;
padding: 16px 24px;
text-align: left;
letter-spacing: 0.04em;
text-transform: uppercase;
border: none;
}

.info-policy tbody tr {
border-bottom: 1px solid #D3DF9C;
transition: background-color 0.25s ease-in-out;
}

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

.info-policy tbody tr:nth-child(even) {
background-color: #F7F6F4;
}

.info-policy tbody tr:hover {
background-color: #eef2d4;
}

.info-policy td {
padding: 16px 24px;
color: #3a3a3a;
font-size: 16px;
line-height: 1.5;
vertical-align: top;
border: none;
}

.info-policy th {
padding: 16px 24px;
}

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

.info-policy h1 {
font-size: 32px;
}

.info-policy h2 {
font-size: 24px;
margin-top: 40px;
}

.info-policy h3 {
font-size: 16px;
margin-top: 24px;
}

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

.info-policy thead th,
.info-policy td {
padding: 16px;
min-width: 140px;
}
}

@media (max-width: 480px) {
.info-policy {
padding: 24px 16px;
}

.info-policy h1 {
font-size: 24px;
}

.info-policy h2 {
font-size: 24px;
}
}

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

.bdet__wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
}

.bdet__hero {
padding: 80px 24px 40px;
text-align: center;
position: relative;
background: #F7F6F4;
}

.bdet__hero-deco {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}

.bdet__hero-deco svg {
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
width: 120%;
opacity: 0.18;
}

.bdet__meta-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
margin-bottom: 24px;
flex-wrap: wrap;
}

.bdet__tag {
display: inline-block;
padding: 4px 16px;
background: transparent;
border: 2px solid #9EB335;
color: #9EB335;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.bdet__readtime {
font-size: 16px;
color: #555;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.bdet__readtime-icon {
width: 16px;
height: 16px;
display: inline-block;
}

.bdet__date {
font-size: 16px;
color: #555;
}

.bdet__h1 {
font-size: 44px;
line-height: 1.2;
color: #1e2a05;
max-width: 820px;
margin: 0 auto 16px;
letter-spacing: -0.01em;
}

.bdet__h1 .grad {
background: linear-gradient(95deg, #9EB335 0%, #c8d96a 55%, #D3DF9C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.bdet__subtitle {
font-size: 24px;
line-height: 1.5;
color: #3a4a10;
max-width: 680px;
margin: 0 auto 40px;
}

.bdet__img-wrap {
max-width: 900px;
margin: 0 auto;
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
position: relative;
}

.bdet__img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 20%, rgba(247, 246, 244, 0.18) 0%, rgba(30, 42, 5, 0.22) 100%);
pointer-events: none;
}

.bdet__img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center top;
display: block;
}

.bdet__actions-bar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 16px;
max-width: 900px;
margin: 16px auto 0;
}

.bdet__like-btn {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: transparent;
border: 2px solid #D3DF9C;
border-radius: 6px;
color: #3a4a10;
font-size: 16px;
cursor: pointer;
transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
}

.bdet__like-btn:hover {
border-color: #9EB335;
background: #f0f4d8;
}

.bdet__like-btn:focus {
outline: 2px solid #9EB335;
outline-offset: 2px;
}

.bdet__like-btn svg {
width: 18px;
height: 18px;
}

.bdet__copy-btn {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: transparent;
border: 2px solid #9EB335;
border-radius: 6px;
color: #3a4a10;
font-size: 16px;
cursor: pointer;
transition: background 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.bdet__copy-btn:hover {
background: #9EB335;
color: #fff;
}

.bdet__copy-btn:focus {
outline: 2px solid #9EB335;
outline-offset: 2px;
}

.bdet__copy-btn svg {
width: 16px;
height: 16px;
}

.bdet__copy-btn--done {
background: #9EB335;
color: #fff;
}

.bdet__body-sec {
padding: 80px 24px;
background: #fff;
}

.bdet__body-grid {
max-width: 1170px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 340px;
gap: 80px;
align-items: start;
}

.bdet__article {
min-width: 0;
}

.bdet__article-overline {
display: block;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 700;
margin-bottom: 8px;
}

.bdet__article h2 {
font-size: 32px;
line-height: 1.2;
color: #1e2a05;
margin-bottom: 24px;
}

.bdet__article p {
font-size: 16px;
line-height: 1.7;
color: #2e3a0e;
margin-bottom: 16px;
}

.bdet__article mark {
background: linear-gradient(100deg, #D3DF9C 0%, #c8d96a 100%);
color: #1e2a05;
padding: 0 4px;
border-radius: 6px;
}

.bdet__article abbr {
text-decoration: underline dotted #9EB335;
cursor: help;
}

.bdet__article ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
}

.bdet__article ul li {
font-size: 16px;
line-height: 1.7;
color: #2e3a0e;
padding-left: 24px;
position: relative;
margin-bottom: 8px;
}

.bdet__article ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
border-radius: 48px;
background: #9EB335;
}

.bdet__article time {
font-size: 16px;
color: #666;
display: block;
margin-bottom: 16px;
}

.bdet__pull {
background: #F7F6F4;
border-radius: 18px;
padding: 40px 24px;
position: sticky;
top: 24px;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
}

.bdet__pull-overline {
display: block;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 700;
margin-bottom: 8px;
}

.bdet__pull-quote {
font-size: 24px;
line-height: 1.5;
color: #1e2a05;
font-weight: 600;
margin-bottom: 24px;
position: relative;
}

.bdet__pull-quote::after {
content: "";
display: block;
width: 48px;
height: 4px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 100%);
border-radius: 6px;
margin-top: 16px;
}

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

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

.bdet__metric-bar-wrap {
flex: 1;
height: 6px;
background: #e8edcc;
border-radius: 48px;
overflow: hidden;
}

.bdet__metric-bar {
height: 100%;
border-radius: 48px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 100%);
transform-origin: left;
animation: barIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes barIn {
from {
transform: scaleX(0);
}

to {
transform: scaleX(1);
}
}

.bdet__metric-label {
font-size: 16px;
color: #3a4a10;
min-width: 120px;
}

.bdet__metric-val {
font-size: 16px;
font-weight: 700;
color: #9EB335;
min-width: 32px;
text-align: right;
}

.bdet__bottom-sec {
padding: 80px 24px;
background: #F7F6F4;
position: relative;
overflow: hidden;
}

.bdet__bottom-sec-deco {
position: absolute;
top: -40px;
right: -40px;
width: 260px;
height: 260px;
pointer-events: none;
}

.bdet__bottom-grid {
max-width: 1170px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}

.bdet__card {
background: #fff;
border-radius: 18px;
padding: 40px 24px;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
transition: box-shadow 0.35s ease-in-out, transform 0.35s ease-in-out;
position: relative;
}

.bdet__card:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
transform: translateY(-4px);
}

.bdet__card-icon {
width: 48px;
height: 48px;
border-radius: 18px;
background: linear-gradient(135deg, #9EB335 0%, #D3DF9C 100%);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}

.bdet__card-icon svg {
width: 24px;
height: 24px;
}

.bdet__card-overline {
display: block;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 700;
margin-bottom: 8px;
}

.bdet__card h3 {
font-size: 24px;
line-height: 1.2;
color: #1e2a05;
margin-bottom: 16px;
}

.bdet__card p {
font-size: 16px;
line-height: 1.7;
color: #3a4a10;
}

.bdet__card-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 16px;
padding: 8px 16px;
border: 2px solid #9EB335;
border-radius: 6px;
color: #3a4a10;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.bdet__card-link:hover {
background: #9EB335;
color: #fff;
}

.bdet__card-link:focus {
outline: 2px solid #9EB335;
outline-offset: 2px;
}

.bdet__card-curve {
position: absolute;
bottom: 0;
right: 0;
width: 80px;
height: 80px;
pointer-events: none;
opacity: 0.12;
}

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

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

.bdet__letter {
display: inline-block;
opacity: 0;
animation: letterDrop 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@media (max-width: 1024px) {
.bdet__body-grid {
grid-template-columns: 1fr;
gap: 40px;
}

.bdet__pull {
position: static;
}

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

@media (max-width: 768px) {
.bdet__h1 {
font-size: 32px;
}

.bdet__subtitle {
font-size: 16px;
}

.bdet__img-wrap img {
height: 280px;
}

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

.bdet__hero {
padding: 40px 16px 24px;
}

.bdet__body-sec {
padding: 40px 16px;
}

.bdet__bottom-sec {
padding: 40px 16px;
}
}

@media (max-width: 480px) {
.bdet__h1 {
font-size: 24px;
}

.bdet__meta-row {
gap: 8px;
}

.bdet__actions-bar {
flex-direction: column;
align-items: flex-end;
}
}

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

.blg .pg-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
}

.blg .stripe-bg {
position: relative;
background-color: #F7F6F4;
padding: 80px 0 40px;
overflow: hidden;
}

.blg .stripe-bg::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(-52deg,
transparent,
transparent 18px,
rgba(158, 179, 53, 0.06) 18px,
rgba(158, 179, 53, 0.06) 19px);
pointer-events: none;
}

.blg .stripe-bg::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 60%, #F7F6F4 100%);
}

.blg .top-label {
font-size: 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
margin-bottom: 16px;
display: block;
}

.blg .pg-head {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px;
}

.blg .pg-head__left {
flex: 0 0 auto;
max-width: 520px;
}

.blg .pg-head__right {
flex: 1 1 auto;
padding-bottom: 8px;
}

.blg .pg-h1 {
font-size: 60px;
line-height: 1.2;
color: #1e2a04;
margin: 0 0 16px;
}

.blg .pg-h1 span {
background: linear-gradient(120deg, #9EB335 0%, #6e7d24 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.blg .pg-desc {
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
margin: 0;
max-width: 420px;
}

.blg .pg-stat-row {
display: flex;
flex-direction: row;
gap: 40px;
}

.blg .pg-stat {
display: flex;
flex-direction: column;
gap: 4px;
}

.blg .pg-stat__num {
font-size: 32px;
line-height: 1.2;
color: #1e2a04;
font-weight: 700;
}

.blg .pg-stat__lbl {
font-size: 16px;
line-height: 1.5;
color: #5a5a42;
}

.blg .divider-zz {
width: 100%;
display: block;
line-height: 0;
}

.blg .posts-area {
background: #ffffff;
padding: 80px 0;
}

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

.blg .pcard {
border: 2px solid #e8ebb0;
border-radius: 18px;
overflow: hidden;
background: #fff;
display: flex;
flex-direction: column;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.blg .pcard:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
border-color: #9EB335;
}

.blg .pcard__img-wrap {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
}

.blg .pcard__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: saturate(1);
transition: filter 0.4s ease-in-out;
}

.blg .pcard:hover .pcard__img-wrap img {
filter: saturate(0);
}

.blg .pcard__body {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 8px;
}

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

.blg .pcard__tag {
font-size: 16px;
line-height: 1.2;
color: #9EB335;
background: #f4f7e0;
border: 1.5px solid #D3DF9C;
border-radius: 6px;
padding: 4px 8px;
font-weight: 600;
}

.blg .pcard__read {
font-size: 16px;
line-height: 1.2;
color: #7a7a5a;
margin-left: auto;
}

.blg .pcard__accent {
height: 2px;
width: 40px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 100%);
border-radius: 6px;
margin: 4px 0;
}

.blg .pcard__title {
font-size: 24px;
line-height: 1.2;
color: #1e2a04;
margin: 0;
font-weight: 700;
}

.blg .pcard__sub {
font-size: 16px;
line-height: 1.5;
color: #4a4a36;
margin: 0;
}

.blg .pcard__desc {
font-size: 16px;
line-height: 1.7;
color: #5a5a42;
margin: 0;
flex: 1 1 auto;
}

.blg .pcard__foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #eaebd8;
}

.blg .pcard__date {
font-size: 16px;
line-height: 1.5;
color: #7a7a5a;
}

.blg .pcard__likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 16px;
color: #7a7a5a;
}

.blg .pcard__likes svg {
width: 16px;
height: 16px;
}

.blg .pcard__link {
display: inline-block;
margin-top: 16px;
padding: 8px 24px;
border: 2.5px solid #9EB335;
border-radius: 6px;
color: #1e2a04;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
text-decoration: none;
background: transparent;
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
align-self: flex-start;
}

.blg .pcard__link:hover {
background: #9EB335;
color: #fff;
}

.blg .divider-zz2 {
width: 100%;
display: block;
line-height: 0;
}

.blg .topics-band {
background: #9EB335;
padding: 40px 0;
position: relative;
}

.blg .topics-band__inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
}

.blg .topics-band__label {
font-size: 24px;
line-height: 1.2;
color: #fff;
font-weight: 700;
white-space: nowrap;
flex: 0 0 auto;
}

.blg .topics-band__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}

.blg .topics-band__list li {
background: rgba(255, 255, 255, 0.18);
border: 1.5px solid rgba(255, 255, 255, 0.5);
border-radius: 6px;
padding: 4px 16px;
font-size: 16px;
line-height: 1.5;
color: #fff;
}

.blg .topics-band__list li::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 48px;
background: #D3DF9C;
margin-right: 8px;
vertical-align: middle;
}

.blg .about-strip {
background: #F7F6F4;
padding: 80px 0;
}

.blg .about-strip__dbl {
display: grid;
grid-template-columns: 220px 1fr 220px;
gap: 40px;
align-items: start;
}

.blg .about-strip__side {
display: flex;
flex-direction: column;
gap: 16px;
}

.blg .about-strip__side-label {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
}

.blg .about-strip__side-val {
font-size: 32px;
line-height: 1.2;
color: #1e2a04;
font-weight: 700;
}

.blg .about-strip__side-txt {
font-size: 16px;
line-height: 1.7;
color: #5a5a42;
}

.blg .about-strip__center {
display: flex;
flex-direction: column;
gap: 16px;
}

.blg .about-strip__overline {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
}

.blg .about-strip__h2 {
font-size: 32px;
line-height: 1.2;
color: #1e2a04;
margin: 0;
}

.blg .about-strip__h2 span {
background: linear-gradient(120deg, #9EB335 0%, #6e7d24 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.blg .about-strip__accent {
height: 2px;
width: 48px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 100%);
border-radius: 6px;
}

.blg .about-strip__body {
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
margin: 0;
}

.blg .about-strip__pull {
font-size: 24px;
line-height: 1.5;
color: #9EB335;
font-weight: 600;
border-top: 2px solid #D3DF9C;
padding-top: 16px;
margin-top: 8px;
}

.blg .pricing-area {
background: #fff;
padding: 80px 0;
}

.blg .pricing-area__head {
margin-bottom: 40px;
}

.blg .pricing-area__overline {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
display: block;
margin-bottom: 8px;
}

.blg .pricing-area__h2 {
font-size: 32px;
line-height: 1.2;
color: #1e2a04;
margin: 0 0 8px;
}

.blg .pricing-area__sub {
font-size: 16px;
line-height: 1.5;
color: #5a5a42;
margin: 0;
}

.blg .ptable {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
border: 2px solid #e8ebb0;
}

.blg .ptable th {
background: #F7F6F4;
padding: 16px 24px;
font-size: 16px;
line-height: 1.5;
color: #1e2a04;
font-weight: 700;
text-align: left;
border-bottom: 2px solid #e8ebb0;
}

.blg .ptable th.featured {
background: #9EB335;
color: #fff;
}

.blg .ptable td {
padding: 16px 24px;
font-size: 16px;
line-height: 1.5;
color: #3a3a2e;
border-bottom: 1px solid #eaebd8;
vertical-align: top;
}

.blg .ptable tr:last-child td {
border-bottom: none;
}

.blg .ptable td.featured {
background: #f9fbee;
font-weight: 600;
color: #1e2a04;
}

.blg .ptable .check {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 48px;
background: #9EB335;
vertical-align: middle;
margin-right: 4px;
}

.blg .ptable .dash {
display: inline-block;
width: 14px;
height: 2px;
background: #c8c8b0;
vertical-align: middle;
margin-right: 4px;
}

.blg .newsletter-area {
background: #1e2a04;
padding: 80px 0;
position: relative;
overflow: hidden;
}

.blg .newsletter-area__bg {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #1e2a04 0%, #2e3f08 60%, #1e2a04 100%);
pointer-events: none;
}

.blg .newsletter-area__drift {
position: absolute;
width: 600px;
height: 600px;
border-radius: 48px;
background: rgba(158, 179, 53, 0.07);
top: -200px;
right: -100px;
animation: drift 8s ease-in-out infinite alternate;
pointer-events: none;
}

@keyframes drift {
from {
transform: translateX(0) translateY(0);
}

to {
transform: translateX(-40px) translateY(30px);
}
}

.blg .newsletter-area__inner {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 80px;
}

.blg .newsletter-area__left {
flex: 1 1 auto;
}

.blg .newsletter-area__overline {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #D3DF9C;
font-weight: 600;
display: block;
margin-bottom: 16px;
}

.blg .newsletter-area__h2 {
font-size: 32px;
line-height: 1.2;
color: #fff;
margin: 0 0 16px;
}

.blg .newsletter-area__h2 span {
color: #D3DF9C;
}

.blg .newsletter-area__txt {
font-size: 16px;
line-height: 1.7;
color: #c8d88a;
margin: 0;
}

.blg .newsletter-area__right {
flex: 0 0 400px;
}

.blg .nl-form {
display: flex;
flex-direction: column;
gap: 16px;
}

.blg .nl-form__field {
position: relative;
}

.blg .nl-form__icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
pointer-events: none;
}

.blg .nl-form__input {
width: 100%;
padding: 16px 16px 16px 40px;
border: 2px solid rgba(211, 223, 156, 0.4);
border-radius: 6px;
background: rgba(255, 255, 255, 0.07);
color: #fff;
font-size: 16px;
line-height: 1.5;
outline: none;
transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
}

.blg .nl-form__input::placeholder {
color: rgba(211, 223, 156, 0.5);
}

.blg .nl-form__input:focus {
border-color: #D3DF9C;
}

.blg .nl-form__btn {
padding: 16px 24px;
border: 2.5px solid #9EB335;
border-radius: 6px;
background: transparent;
color: #D3DF9C;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
cursor: pointer;
transition: background 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.32s cubic-bezier(0.4, 0, 0.2, 1);
letter-spacing: 0.05em;
text-transform: uppercase;
}

.blg .nl-form__btn:hover {
background: #9EB335;
color: #fff;
}

@media (max-width: 1024px) {
.blg .pg-h1 {
font-size: 44px;
}

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

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

.blg .newsletter-area__inner {
flex-direction: column;
gap: 40px;
}

.blg .newsletter-area__right {
flex: 0 0 auto;
width: 100%;
}
}

@media (max-width: 768px) {
.blg .pg-head {
flex-direction: column;
gap: 24px;
}

.blg .pg-h1 {
font-size: 32px;
}

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

.blg .topics-band__inner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.blg .pg-stat-row {
gap: 24px;
}

.blg .about-strip {
padding: 40px 0;
}
}

@media (max-width: 480px) {
.blg .pg-h1 {
font-size: 24px;
}

.blg .stripe-bg {
padding: 40px 0 24px;
}

.blg .posts-area {
padding: 40px 0;
}

.blg .pricing-area {
padding: 40px 0;
}

.blg .newsletter-area {
padding: 40px 0;
}
}

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

.wbn .pg-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
}

.wbn .ttl-blk {
padding: 80px 0 0;
position: relative;
}

.wbn .ttl-inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 40px;
}

.wbn .ttl-text {
flex: 1 1 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 0 80px;
}

.wbn .ttl-overline {
display: block;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #9EB335;
margin-bottom: 16px;
}

.wbn .ttl-h1 {
font-size: 70px;
line-height: 1.2;
color: #1b2000;
margin: 0 0 24px;
}

.wbn .ttl-h1 span {
background: linear-gradient(135deg, #9EB335 0%, #c8d96a 60%, #D3DF9C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.wbn .ttl-desc {
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
max-width: 480px;
margin: 0;
}

.wbn .ttl-img-wrap {
flex: 1 1 50%;
position: relative;
border-radius: 18px;
overflow: hidden;
min-height: 420px;
}

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

.wbn .ttl-img-grad {
position: absolute;
inset: 0;
background: linear-gradient(90deg, #F7F6F4 0%, rgba(247, 246, 244, 0.4) 40%, rgba(247, 246, 244, 0) 100%);
pointer-events: none;
}

.wbn .wave-div {
width: 100%;
line-height: 0;
margin-top: -2px;
}

.wbn .wave-div svg {
display: block;
width: 100%;
}

.wbn .sched {
background: #F7F6F4;
padding: 80px 0;
position: relative;
}

.wbn .sched-accent {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(180deg, #9EB335 0%, #D3DF9C 100%);
}

.wbn .sched-grid {
display: grid;
grid-template-columns: 340px 1fr;
gap: 40px;
align-items: start;
}

.wbn .sched-aside {
position: sticky;
top: 24px;
}

.wbn .sched-overline {
display: block;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
margin-bottom: 16px;
}

.wbn .sched-h2 {
font-size: 32px;
line-height: 1.2;
color: #1b2000;
margin: 0 0 24px;
}

.wbn .sched-h2 span {
background: linear-gradient(135deg, #9EB335 0%, #D3DF9C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.wbn .sched-body {
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
margin: 0 0 24px;
}

.wbn .sched-pull {
float: right;
width: 42%;
margin: 0 0 16px 24px;
font-size: 24px;
line-height: 1.5;
color: #9EB335;
border-top: 2px solid #D3DF9C;
padding-top: 16px;
}

.wbn .sched-list {
list-style: none;
padding: 0;
margin: 0 0 40px;
}

.wbn .sched-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
margin-bottom: 8px;
}

.wbn .sched-list li::before {
content: "";
display: block;
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 50%;
background: #9EB335;
margin-top: 9px;
}

.wbn .sched-main {
display: flex;
flex-direction: column;
gap: 24px;
}

.wbn .wbn-item {
background: #fff;
border-radius: 18px;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
padding: 40px;
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: start;
transition: box-shadow 0.25s ease-in-out, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}

.wbn .wbn-item::before {
content: "";
position: absolute;
left: 0;
top: 24px;
bottom: 24px;
width: 4px;
background: linear-gradient(180deg, #9EB335 0%, #D3DF9C 100%);
border-radius: 0 6px 6px 0;
}

.wbn .wbn-item:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
transform: translateY(-3px);
}

.wbn .item-meta {
display: flex;
flex-direction: column;
gap: 8px;
}

.wbn .item-tag {
display: inline-block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #9EB335;
background: #f0f4d8;
border-radius: 6px;
padding: 4px 8px;
width: fit-content;
}

.wbn .item-h3 {
font-size: 24px;
line-height: 1.2;
color: #1b2000;
margin: 0;
}

.wbn .item-desc {
font-size: 16px;
line-height: 1.7;
color: #3a3a2e;
margin: 0;
}

.wbn .item-speaker {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
}

.wbn .item-speaker img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
object-position: center;
}

.wbn .speaker-name {
font-size: 16px;
line-height: 1.5;
color: #1b2000;
}

.wbn .speaker-role {
font-size: 16px;
line-height: 1.2;
color: #6a6a5a;
}

.wbn .item-side {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
min-width: 140px;
}

.wbn .item-dur {
font-size: 16px;
line-height: 1.5;
color: #6a6a5a;
text-align: right;
}

.wbn .item-dur strong {
display: block;
font-size: 32px;
line-height: 1.2;
color: #1b2000;
}

.wbn .item-lvl {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
}

.wbn .lvl-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #D3DF9C;
}

.wbn .lvl-dot.active {
background: #9EB335;
}

.wbn .item-btn {
display: inline-block;
font-size: 16px;
line-height: 1.5;
color: #9EB335;
border: 2px solid #9EB335;
border-radius: 32px;
padding: 8px 24px;
text-decoration: none;
background: transparent;
transition: background 0.22s cubic-bezier(0.4, 0, 0.2, 1), color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}

.wbn .item-btn:hover,
.wbn .item-btn:focus {
background: #9EB335;
color: #fff;
outline: none;
}

.wbn .item-btn:focus-visible {
outline: 3px solid #9EB335;
outline-offset: 3px;
}

.wbn .conn-wrap {
position: relative;
padding-left: 40px;
}

.wbn .conn-line {
position: absolute;
left: 19px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #D3DF9C 0%, #9EB335 50%, #D3DF9C 100%);
}

.wbn .conn-node {
position: relative;
margin-bottom: 40px;
padding-left: 24px;
}

.wbn .conn-dot {
position: absolute;
left: -30px;
top: 8px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 3px solid #9EB335;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
}

.wbn .conn-node:last-child {
margin-bottom: 0;
}

@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.92);
}

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

.wbn .wbn-item:nth-child(1) {
animation: scaleIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.05s both;
}

.wbn .wbn-item:nth-child(2) {
animation: scaleIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.15s both;
}

.wbn .wbn-item:nth-child(3) {
animation: scaleIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.25s both;
}

@media (max-width: 1024px) {
.wbn .sched-grid {
grid-template-columns: 1fr;
}

.wbn .sched-aside {
position: static;
}

.wbn .sched-pull {
float: none;
width: 100%;
margin: 0 0 16px;
}
}

@media (max-width: 768px) {
.wbn .ttl-inner {
flex-direction: column;
}

.wbn .ttl-img-wrap {
min-height: 280px;
}

.wbn .ttl-h1 {
font-size: 44px;
}

.wbn .ttl-text {
padding: 40px 0 0;
}

.wbn .wbn-item {
grid-template-columns: 1fr;
}

.wbn .item-side {
flex-direction: row;
align-items: center;
justify-content: space-between;
min-width: auto;
}
}

@media (max-width: 480px) {
.wbn .ttl-h1 {
font-size: 32px;
}

.wbn .wbn-item {
padding: 24px;
}

.wbn .item-side {
flex-direction: column;
align-items: flex-start;
}
}

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

.frnt .pg-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
}

.frnt .spotlight-bg {
position: relative;
overflow: hidden;
}

.frnt .spotlight-bg::before {
content: '';
position: absolute;
width: 600px;
height: 600px;
border-radius: 50%;
background: radial-gradient(ellipse, rgba(158, 179, 53, 0.13) 0%, rgba(211, 223, 156, 0.06) 50%, transparent 80%);
animation: driftspot 12s ease-in-out infinite alternate;
pointer-events: none;
z-index: 0;
}

@keyframes driftspot {
0% {
top: -100px;
left: -100px;
}

50% {
top: 80px;
left: 40%;
}

100% {
top: -60px;
left: 70%;
}
}

.frnt .hero-band {
padding: 80px 0 80px;
background: #fff;
position: relative;
}

.frnt .hero-band::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #D3DF9C 30%, #9EB335 60%, transparent);
}

.frnt .hero-frame {
border: 1.5px solid rgba(158, 179, 53, 0.22);
border-radius: 32px;
padding: 8px;
position: relative;
}

.frnt .hero-frame::before {
content: '';
position: absolute;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
border: 1px solid rgba(158, 179, 53, 0.10);
border-radius: 24px;
pointer-events: none;
z-index: 1;
}

.frnt .hero-inner {
display: flex;
flex-direction: row;
align-items: stretch;
border-radius: 26px;
overflow: hidden;
min-height: 480px;
}

.frnt .hero-txt-zone {
flex: 1 1 55%;
padding: 80px 40px 80px 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
background: #fff;
}

.frnt .hero-img-zone {
flex: 1 1 45%;
position: relative;
min-height: 420px;
}

.frnt .hero-img-zone img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.frnt .hero-img-zone::after {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top left, rgba(0, 0, 0, 0.32) 0%, transparent 45%),
radial-gradient(ellipse at bottom right, rgba(0, 0, 0, 0.28) 0%, transparent 45%);
pointer-events: none;
}

.frnt .overline-tag {
display: inline-block;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #9EB335;
margin-bottom: 16px;
position: relative;
padding-left: 20px;
}

.frnt .overline-tag::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 2px;
background: #9EB335;
}

.frnt .hero-h1 {
font-size: 70px;
line-height: 1.2;
color: #2a2a2a;
margin: 0 0 24px;
font-weight: 800;
}

.frnt .hero-h1 .grad-word {
background: linear-gradient(135deg, #9EB335 0%, #c8d96a 60%, #D3DF9C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.frnt .hero-lead {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 40px;
max-width: 420px;
}

.frnt .hero-cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border: 2.5px solid #9EB335;
border-radius: 6px;
background: transparent;
color: #9EB335;
font-size: 16px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
align-self: flex-start;
}

.frnt .hero-cta:hover {
background: #9EB335;
color: #fff;
}

.frnt .hero-cta svg {
width: 16px;
height: 16px;
flex-shrink: 0;
transition: transform 0.28s ease-in-out;
}

.frnt .hero-cta:hover svg {
transform: translateX(4px);
}

.frnt .post-band {
padding: 80px 0;
background: #F7F6F4;
position: relative;
}

.frnt .post-band .band-head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 24px;
}

.frnt .band-head-txt .overline-tag {
margin-bottom: 8px;
}

.frnt .band-h2 {
font-size: 32px;
line-height: 1.2;
color: #2a2a2a;
margin: 0;
font-weight: 700;
}

.frnt .band-h2 .grad-word {
background: linear-gradient(135deg, #9EB335 0%, #c8d96a 60%, #D3DF9C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.frnt .band-link {
font-size: 16px;
font-weight: 600;
color: #9EB335;
text-decoration: none;
border-bottom: 2px solid #D3DF9C;
padding-bottom: 2px;
white-space: nowrap;
transition: border-color 0.22s ease-in-out, color 0.22s ease-in-out;
}

.frnt .band-link:hover {
color: #7a8c28;
border-color: #9EB335;
}

.frnt .post-card {
background: #fff;
border-radius: 18px;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
display: flex;
flex-direction: row;
overflow: hidden;
transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.frnt .post-card:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
transform: translateY(-3px);
}

.frnt .post-card__img {
flex: 0 0 340px;
position: relative;
overflow: hidden;
}

.frnt .post-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

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

.frnt .post-card__img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 60%, rgba(255, 255, 255, 0.18) 100%);
pointer-events: none;
}

.frnt .post-card__body {
flex: 1 1 auto;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}

.frnt .post-card__meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.frnt .tag-chip {
display: inline-block;
padding: 4px 16px;
border-radius: 48px;
border: 1.5px solid #9EB335;
font-size: 16px;
font-weight: 600;
color: #9EB335;
background: transparent;
}

.frnt .meta-detail {
font-size: 16px;
color: #888;
}

.frnt .post-card__h3 {
font-size: 32px;
line-height: 1.2;
color: #2a2a2a;
margin: 0 0 8px;
font-weight: 700;
}

.frnt .post-card__sub {
font-size: 16px;
line-height: 1.5;
color: #6a6a6a;
margin: 0 0 24px;
}

.frnt .post-card__desc {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 24px;
}

.frnt .post-card__foot {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.frnt .read-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
border: 2.5px solid #9EB335;
border-radius: 6px;
background: transparent;
color: #9EB335;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.22s ease-in-out;
}

.frnt .read-btn:hover {
background: #9EB335;
color: #fff;
}

.frnt .likes-badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
color: #888;
}

.frnt .likes-badge svg {
width: 18px;
height: 18px;
flex-shrink: 0;
}

.frnt .about-band {
padding: 80px 0;
background: #fff;
position: relative;
}

.frnt .about-band .pg-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 80px;
}

.frnt .about-img-col {
flex: 0 0 420px;
position: relative;
}

.frnt .about-img-col img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
border-radius: 18px;
display: block;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
}

.frnt .about-curl {
position: absolute;
top: -24px;
right: -24px;
width: 80px;
height: 80px;
opacity: 0.12;
pointer-events: none;
}

.frnt .about-txt-col {
flex: 1 1 auto;
}

.frnt .about-pull {
float: right;
width: 200px;
margin: 0 0 16px 24px;
font-size: 24px;
line-height: 1.5;
color: #9EB335;
font-weight: 700;
border-top: 2px solid #D3DF9C;
padding-top: 16px;
}

.frnt .about-p {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 16px;
}

.frnt .about-p:last-child {
margin-bottom: 0;
}

.frnt .archive-band {
padding: 80px 0;
background: linear-gradient(160deg, #f5f8e8 0%, #F7F6F4 60%, #eef2df 100%);
position: relative;
}

.frnt .archive-band .spotlight-bg::before {
width: 500px;
height: 500px;
animation-duration: 16s;
}

.frnt .archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 40px;
}

.frnt .arc-item {
background: #fff;
border-radius: 18px;
padding: 40px 24px;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
display: flex;
flex-direction: column;
gap: 16px;
transition: box-shadow 0.32s ease-in-out;
}

.frnt .arc-item:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
}

.frnt .arc-item__icon {
width: 44px;
height: 44px;
border-radius: 6px;
background: linear-gradient(135deg, #9EB335 0%, #D3DF9C 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.frnt .arc-item__icon svg {
width: 22px;
height: 22px;
}

.frnt .arc-item__h4 {
font-size: 16px;
line-height: 1.5;
color: #2a2a2a;
font-weight: 700;
margin: 0;
}

.frnt .arc-item__p {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0;
}

.frnt .thematic-band {
padding: 80px 0;
background: #2a2a2a;
position: relative;
overflow: hidden;
}

.frnt .thematic-band::before {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(ellipse, rgba(158, 179, 53, 0.10) 0%, transparent 70%);
pointer-events: none;
animation: driftspot 18s ease-in-out infinite alternate;
}

.frnt .thematic-band .band-h2 {
color: #fff;
}

.frnt .thematic-band .overline-tag {
color: #D3DF9C;
}

.frnt .thematic-band .overline-tag::before {
background: #D3DF9C;
}

.frnt .thematic-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 40px;
align-items: start;
}

.frnt .thematic-img {
border-radius: 18px;
overflow: hidden;
position: relative;
}

.frnt .thematic-img img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.frnt .thematic-img:hover img {
transform: scale(1.04);
}

.frnt .thematic-img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(42, 42, 42, 0.55) 100%);
pointer-events: none;
}

.frnt .thematic-seq {
display: flex;
flex-direction: column;
gap: 16px;
}

.frnt .seq-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 24px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(211, 223, 156, 0.12);
transition: background 0.28s ease-in-out, border-color 0.28s ease-in-out;
text-decoration: none;
}

.frnt .seq-item:hover {
background: rgba(158, 179, 53, 0.10);
border-color: rgba(158, 179, 53, 0.3);
}

.frnt .seq-num {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 6px;
background: linear-gradient(135deg, #9EB335, #D3DF9C);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 800;
color: #fff;
}

.frnt .seq-item__h5 {
font-size: 16px;
line-height: 1.5;
color: #fff;
font-weight: 700;
margin: 0 0 4px;
}

.frnt .seq-item__p {
font-size: 16px;
line-height: 1.7;
color: #aaa;
margin: 0;
}

.frnt .territories-band {
padding: 80px 0;
background: #F7F6F4;
}

.frnt .territories-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 40px;
}

.frnt .territory {
display: flex;
flex-direction: column;
gap: 16px;
padding: 40px;
border-radius: 18px;
background: #fff;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
position: relative;
overflow: hidden;
}

.frnt .territory::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #9EB335, #D3DF9C);
border-radius: 18px 18px 0 0;
}

.frnt .territory__h4 {
font-size: 24px;
line-height: 1.2;
color: #2a2a2a;
font-weight: 700;
margin: 0;
}

.frnt .territory__tone {
font-size: 16px;
font-weight: 600;
color: #9EB335;
margin: 0;
}

.frnt .territory__p {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0;
}

.frnt .territory__reader {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
}

.frnt .territory__reader-label {
font-size: 16px;
color: #888;
}

.frnt .territory__reader-type {
font-size: 16px;
font-weight: 600;
color: #2a2a2a;
}

.frnt .territory--wide {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
gap: 40px;
}

.frnt .territory--wide .territory__img {
flex: 0 0 280px;
border-radius: 18px;
overflow: hidden;
}

.frnt .territory--wide .territory__img img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
}

.frnt .territory--wide .territory__body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 16px;
}

.frnt .profiles-band {
padding: 80px 0;
background: #fff;
}

.frnt .profiles-row {
display: flex;
flex-direction: row;
gap: 40px;
margin-top: 40px;
}

.frnt .profile-card {
flex: 1 1 0;
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
padding: 40px;
border-radius: 18px;
background: #F7F6F4;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
}

.frnt .profile-card__portrait {
flex: 0 0 80px;
width: 80px;
height: 112px;
border-radius: 18px;
overflow: hidden;
}

.frnt .profile-card__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.frnt .profile-card__info {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 8px;
}

.frnt .profile-card__name {
font-size: 16px;
font-weight: 700;
color: #2a2a2a;
margin: 0;
}

.frnt .profile-card__role {
font-size: 16px;
color: #9EB335;
margin: 0;
}

.frnt .profile-card__quote {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0;
font-style: italic;
}

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

.frnt .topics-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
}

.frnt .topics-list li::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #9EB335;
flex-shrink: 0;
margin-top: 8px;
}

@media (max-width: 1024px) {
.frnt .hero-h1 {
font-size: 44px;
}

.frnt .hero-inner {
min-height: 380px;
}

.frnt .post-card__img {
flex: 0 0 260px;
}

.frnt .about-band .pg-wrap {
gap: 40px;
}

.frnt .about-img-col {
flex: 0 0 320px;
}

.frnt .archive-grid {
grid-template-columns: 1fr 1fr;
}

.frnt .thematic-row {
gap: 24px;
}

.frnt .territories-layout {
gap: 24px;
}
}

@media (max-width: 768px) {
.frnt .hero-inner {
flex-direction: column;
}

.frnt .hero-txt-zone {
padding: 40px 24px;
}

.frnt .hero-img-zone {
min-height: 260px;
flex: 0 0 260px;
}

.frnt .hero-h1 {
font-size: 44px;
}

.frnt .post-band .band-head {
flex-direction: column;
align-items: flex-start;
}

.frnt .post-card {
flex-direction: column;
}

.frnt .post-card__img {
flex: 0 0 220px;
}

.frnt .post-card__body {
padding: 24px;
}

.frnt .about-band .pg-wrap {
flex-direction: column;
gap: 24px;
}

.frnt .about-img-col {
flex: 0 0 auto;
width: 100%;
}

.frnt .about-pull {
float: none;
width: 100%;
margin: 0 0 16px;
}

.frnt .archive-grid {
grid-template-columns: 1fr;
}

.frnt .thematic-row {
grid-template-columns: 1fr;
}

.frnt .territories-layout {
grid-template-columns: 1fr;
}

.frnt .territory--wide {
flex-direction: column;
}

.frnt .territory--wide .territory__img {
flex: 0 0 auto;
width: 100%;
}

.frnt .profiles-row {
flex-direction: column;
}

.frnt .profile-card {
flex-direction: column;
}
}

@media (max-width: 480px) {
.frnt .hero-h1 {
font-size: 32px;
}

.frnt .band-h2 {
font-size: 24px;
}

.frnt .post-card__h3 {
font-size: 24px;
}

.frnt .hero-txt-zone {
padding: 24px 16px;
}

.frnt .pg-wrap {
padding: 0 16px;
}

.frnt .post-card__body {
padding: 16px;
}

.frnt .arc-item {
padding: 24px 16px;
}

.frnt .territory {
padding: 24px 16px;
}

.frnt .profile-card {
padding: 24px 16px;
}
}

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

.au-pg .au-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px;
}

.au-pg .title-blk {
padding: 80px 0 40px;
background: #F7F6F4;
position: relative;
}

.au-pg .title-blk::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(180deg, #9EB335 0%, #D3DF9C 100%);
}

.au-pg .title-blk__inner {
display: grid;
grid-template-columns: 280px 1fr;
gap: 80px;
align-items: end;
min-height: 420px;
padding-top: 80px;
}

.au-pg .title-blk__img-col {
position: relative;
align-self: stretch;
}

.au-pg .title-blk__img-frame {
position: relative;
width: 100%;
height: 100%;
min-height: 360px;
border-radius: 18px;
overflow: hidden;
}

.au-pg .title-blk__img-frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(180deg, rgba(30, 40, 10, 0.62) 0%, transparent 100%);
z-index: 1;
pointer-events: none;
}

.au-pg .title-blk__bracket {
position: absolute;
width: 22px;
height: 22px;
z-index: 2;
pointer-events: none;
}

.au-pg .title-blk__bracket--tl {
top: 10px;
left: 10px;
border-top: 2px solid #9EB335;
border-left: 2px solid #9EB335;
border-radius: 6px 0 0 0;
}

.au-pg .title-blk__bracket--tr {
top: 10px;
right: 10px;
border-top: 2px solid #9EB335;
border-right: 2px solid #9EB335;
border-radius: 0 6px 0 0;
}

.au-pg .title-blk__bracket--bl {
bottom: 10px;
left: 10px;
border-bottom: 2px solid #9EB335;
border-left: 2px solid #9EB335;
border-radius: 0 0 0 6px;
}

.au-pg .title-blk__bracket--br {
bottom: 10px;
right: 10px;
border-bottom: 2px solid #9EB335;
border-right: 2px solid #9EB335;
border-radius: 0 0 6px 0;
}

.au-pg .title-blk__portrait {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border-radius: 18px;
}

.au-pg .title-blk__txt {
display: flex;
flex-direction: column;
gap: 24px;
padding-bottom: 16px;
}

.au-pg .title-blk__overline {
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
}

.au-pg .title-blk__h1 {
font-size: 60px;
line-height: 1.2;
color: #1b2008;
margin: 0;
}

.au-pg .title-blk__h1 .grad-word {
background: linear-gradient(95deg, #9EB335 30%, #c8d96a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.au-pg .title-blk__h1 .punct {
color: #9EB335;
-webkit-text-fill-color: #9EB335;
}

.au-pg .title-blk__role {
font-size: 24px;
line-height: 1.5;
color: #3a4220;
margin: 0;
}

.au-pg .title-blk__lead {
font-size: 16px;
line-height: 1.7;
color: #4a5230;
margin: 0;
max-width: 560px;
}

.au-pg .title-blk__tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}

.au-pg .tag {
display: inline-block;
padding: 4px 16px;
border: 2px solid #9EB335;
border-radius: 6px;
font-size: 16px;
line-height: 1.5;
color: #3a4220;
background: transparent;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.au-pg .tag:hover {
background: #9EB335;
color: #fff;
}

.au-pg .detail-blk {
padding: 80px 0;
background: #fff;
position: relative;
}

.au-pg .detail-blk::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(180deg, #D3DF9C 0%, #9EB335 100%);
}

.au-pg .detail-blk__grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
align-items: start;
}

.au-pg .detail-blk__main {
display: flex;
flex-direction: column;
gap: 40px;
}

.au-pg .detail-blk__side {
display: flex;
flex-direction: column;
gap: 40px;
}

.au-pg .bio-part {
display: flex;
flex-direction: column;
gap: 16px;
}

.au-pg .bio-part__overline {
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
}

.au-pg .bio-part__h2 {
font-size: 32px;
line-height: 1.2;
color: #1b2008;
margin: 0;
}

.au-pg .bio-part__h2 .grad-word {
background: linear-gradient(95deg, #9EB335 20%, #c8d96a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.au-pg .bio-part__body {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
}

.au-pg .bio-part__para {
font-size: 16px;
line-height: 1.7;
color: #2e3818;
margin: 0;
flex: 1;
}

.au-pg .bio-part__pull {
flex: 0 0 200px;
font-size: 24px;
line-height: 1.5;
color: #9EB335;
font-weight: 600;
border-top: 2px solid #D3DF9C;
padding-top: 8px;
}

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

.au-pg .exp-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 16px;
line-height: 1.7;
color: #2e3818;
}

.au-pg .exp-list li::before {
content: '';
display: block;
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 48px;
background: #9EB335;
margin-top: 8px;
}

.au-pg .img-stack {
display: flex;
flex-direction: column;
gap: 16px;
}

.au-pg .img-stack__item {
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
position: relative;
}

.au-pg .img-stack__item::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #9EB335;
}

.au-pg .img-stack__item img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}

.au-pg .img-stack__item:first-child img {
object-position: center 30%;
}

.au-pg .img-stack__item:last-child img {
object-position: center 60%;
}

.au-pg .stat-row {
display: flex;
flex-direction: column;
gap: 8px;
}

.au-pg .stat-card {
background: #F7F6F4;
border-radius: 18px;
padding: 24px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.au-pg .stat-card:hover {
box-shadow: 1px 10px 60px -1px rgba(158, 179, 53, 0.12);
transform: translateY(-2px);
}

.au-pg .stat-card__icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}

.au-pg .stat-card__icon svg {
width: 28px;
height: 28px;
}

.au-pg .stat-card__num {
font-size: 32px;
line-height: 1.2;
color: #9EB335;
font-weight: 700;
}

.au-pg .stat-card__label {
font-size: 16px;
line-height: 1.5;
color: #4a5230;
}

.au-pg .approach-part {
display: flex;
flex-direction: column;
gap: 16px;
}

.au-pg .approach-part__overline {
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #9EB335;
font-weight: 600;
}

.au-pg .approach-part__h3 {
font-size: 32px;
line-height: 1.2;
color: #1b2008;
margin: 0;
}

.au-pg .approach-part__h3 .grad-word {
background: linear-gradient(95deg, #9EB335 20%, #c8d96a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.au-pg .approach-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 8px;
}

.au-pg .ap-card {
background: #F7F6F4;
border-radius: 18px;
padding: 24px;
border-top: 3px solid #9EB335;
box-shadow: 1px 2px 3px -1px rgba(158, 179, 53, 0.08);
transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.au-pg .ap-card:hover {
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
}

.au-pg .ap-card__h5 {
font-size: 16px;
line-height: 1.5;
color: #1b2008;
margin: 0 0 8px;
font-weight: 700;
}

.au-pg .ap-card__p {
font-size: 16px;
line-height: 1.7;
color: #4a5230;
margin: 0;
}

.au-pg .img-wide {
border-radius: 18px;
overflow: hidden;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
position: relative;
}

.au-pg .img-wide::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #9EB335 0%, #D3DF9C 100%);
}

.au-pg .img-wide img {
width: 100%;
height: 240px;
object-fit: cover;
object-position: center 40%;
display: block;
}

.au-pg .arrow-deco {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
opacity: 0.18;
pointer-events: none;
animation: au-spin 12s linear infinite;
}

@keyframes au-spin {
from {
transform: translateY(-50%) rotate(0deg);
}

to {
transform: translateY(-50%) rotate(360deg);
}
}

.au-pg .bg-warm-anim {
animation: au-warm 14s ease-in-out infinite;
}

@keyframes au-warm {
0% {
background-color: #F7F6F4;
}

50% {
background-color: #eef2d8;
}

100% {
background-color: #F7F6F4;
}
}

@media (max-width: 1024px) {
.au-pg .title-blk__inner {
grid-template-columns: 220px 1fr;
gap: 40px;
}

.au-pg .title-blk__h1 {
font-size: 44px;
}

.au-pg .detail-blk__grid {
grid-template-columns: 1fr 1fr;
gap: 40px;
}

.au-pg .bio-part__pull {
flex: 0 0 160px;
}
}

@media (max-width: 768px) {
.au-pg .title-blk__inner {
grid-template-columns: 1fr;
gap: 24px;
padding-top: 40px;
min-height: auto;
}

.au-pg .title-blk__img-frame {
min-height: 260px;
max-width: 280px;
}

.au-pg .title-blk__h1 {
font-size: 32px;
}

.au-pg .detail-blk__grid {
grid-template-columns: 1fr;
gap: 40px;
}

.au-pg .bio-part__body {
flex-direction: column;
}

.au-pg .bio-part__pull {
flex: none;
font-size: 16px;
}

.au-pg .approach-cards {
grid-template-columns: 1fr;
}

.au-pg .arrow-deco {
display: none;
}
}

@media (max-width: 480px) {
.au-pg .title-blk {
padding: 40px 0 24px;
}

.au-pg .detail-blk {
padding: 40px 0;
}

.au-pg .title-blk__role {
font-size: 16px;
}

.au-pg .stat-card {
padding: 16px;
}
}

.suc-page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 24px;
background-color: #F7F6F4;
}

.suc-page .card {
background: #fff;
border-radius: 18px;
box-shadow: 1px 6px 22px -1px rgba(158, 179, 53, 0.08);
padding: 40px;
max-width: 520px;
width: 100%;
text-align: center;
}

.suc-page .card__icon {
width: 64px;
height: 64px;
margin: 0 auto 24px;
display: flex;
align-items: center;
justify-content: center;
}

.suc-page .card__icon svg {
width: 64px;
height: 64px;
}

.suc-page .card__overline {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #9EB335;
margin-bottom: 8px;
display: block;
}

.suc-page .card__title {
font-size: 32px;
line-height: 1.2;
color: #2b2b2b;
margin: 0 0 16px;
}

.suc-page .card__body {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 40px;
}

.suc-page .card__link {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #2b2b2b;
border: 2px solid #9EB335;
border-radius: 6px;
padding: 12px 24px;
text-decoration: none;
transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.suc-page .card__link:hover,
.suc-page .card__link:focus {
background-color: #9EB335;
color: #fff;
outline: none;
}

.suc-page .card__link:focus-visible {
outline: 3px solid #D3DF9C;
outline-offset: 3px;
}

@media (max-width: 480px) {
.suc-page {
padding: 40px 16px;
}

.suc-page .card {
padding: 24px 16px;
}

.suc-page .card__title {
font-size: 24px;
}
}