.okn-hero{background:var(--color-bg)}
.okn-hero .page-hero__grid{grid-template-columns:minmax(0,1fr) 560rem}
.okn-hero .lead{max-width:760rem}
.okn-hero__actions{display:flex;gap:14rem;flex-wrap:wrap;margin-top:32rem}

.okn-story__grid{display:grid;grid-template-columns:minmax(0,1fr) 520rem;gap:68rem;align-items:start}
.okn-story__content h2{max-width:780rem}
.okn-story__content p:not(.eyebrow){margin-top:24rem;font-size:21rem;line-height:1.7;color:var(--color-ink)}
.okn-source{display:inline-flex;margin-top:28rem;color:var(--color-primary);font:700 15rem/1.35 var(--font-sans);border-bottom:1rem solid rgba(193,95,60,.35)}
.okn-metrics{display:grid;gap:14rem}
.okn-metric{background:var(--color-surface);border:1rem solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24rem 28rem}
.okn-metric strong{display:block;font:600 40rem/1 var(--font-display);color:var(--color-primary)}
.okn-metric span{display:block;margin-top:10rem;color:var(--color-muted);font:700 14rem/1.35 var(--font-sans);text-transform:uppercase}

.okn-objects__grid,.okn-participation__grid,.okn-risks__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:52rem;align-items:start}
.okn-objects h2,.okn-participation h2,.okn-risks h2{max-width:720rem}
.okn-objects p:not(.eyebrow){margin-top:20rem;color:var(--color-muted);font-size:19rem;line-height:1.65}
.okn-objects__list{display:flex;flex-wrap:wrap;gap:12rem}
.okn-objects__list span{display:inline-flex;align-items:center;min-height:46rem;border:1rem solid rgba(193,95,60,.22);border-radius:999rem;background:var(--color-surface);box-shadow:var(--shadow-card);padding:0 18rem;color:var(--color-ink);font:700 15rem/1.25 var(--font-sans)}

.okn-audit__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18rem}
.okn-audit-card{min-height:230rem;background:var(--color-surface);border:1rem solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:26rem}
.okn-audit-card h3{font:700 21rem/1.2 var(--font-sans);color:var(--color-ink)}
.okn-audit-card p{margin-top:14rem;color:var(--color-muted);font-size:16rem;line-height:1.55}

.okn-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18rem}
.okn-step{min-height:260rem;background:var(--color-surface);border:1rem solid var(--color-border);border-top:3rem solid var(--color-eyebrow);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-card);padding:26rem}
.okn-step span{display:block;color:var(--color-primary);font:700 14rem/1 var(--font-sans);letter-spacing:0;text-transform:uppercase}
.okn-step h3{margin-top:26rem;font:700 22rem/1.25 var(--font-sans)}
.okn-step p{margin-top:12rem;color:var(--color-muted);font-size:17rem;line-height:1.55}

.okn-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12rem;margin:0;padding:0;list-style:none}
.okn-check-list li{position:relative;min-height:58rem;border:1rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);padding:17rem 18rem 17rem 46rem;color:var(--color-ink);font-size:17rem;line-height:1.35}
.okn-check-list li::before{content:"";position:absolute;left:18rem;top:24rem;width:9rem;height:9rem;border-radius:50%;background:var(--color-eyebrow);box-shadow:0 0 0 5rem rgba(229,168,134,.18)}
.okn-check-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.okn-check-list--compact li{min-height:52rem;font-size:16rem}

.okn-case__panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:52rem;align-items:start;border-top:4rem solid var(--color-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);box-shadow:0 24rem 58rem rgba(43,39,35,.12);padding:46rem 52rem}
.okn-case__panel h2{max-width:680rem}
.okn-case__content{display:flex;flex-direction:column;align-items:flex-start;gap:18rem}
.okn-case__content p{color:var(--color-muted);font-size:19rem;line-height:1.6}

.okn-faq__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:52rem;align-items:start}
.okn-faq__items{display:grid;gap:12rem}
.okn-faq__item{border:1rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);padding:0}
.okn-faq__item summary{cursor:pointer;padding:22rem 24rem;color:var(--color-ink);font:700 18rem/1.35 var(--font-sans)}
.okn-faq__item summary::marker{color:var(--color-primary)}
.okn-faq__item p{padding:0 24rem 22rem;color:var(--color-muted);font-size:17rem;line-height:1.55}

@media (max-width:1024px){
    .okn-hero .page-hero__grid,.okn-story__grid,.okn-objects__grid,.okn-participation__grid,.okn-case__panel,.okn-risks__grid,.okn-faq__grid{grid-template-columns:1fr}
    .okn-audit__grid,.okn-steps__grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
    .okn-hero__actions{display:grid}
    .okn-hero__actions .button{width:100%}
    .okn-story__content p:not(.eyebrow){font-size:18rem}
    .okn-audit__grid,.okn-steps__grid,.okn-check-list,.okn-check-list--compact{grid-template-columns:1fr}
    .okn-step,.okn-audit-card{min-height:0}
    .okn-case__panel{padding:30rem 24rem}
    .okn-objects__list span{width:100%;border-radius:var(--radius-md)}
}