.ok-lp-seo { padding-block: var(--space-16); scroll-margin-block-start: var(--space-24); color: var(--black); background: var(--white); border-block-start: var(--ok-lp-seo-border) solid var(--line); }
.ok-lp-seo-head { max-inline-size: var(--ok-lp-seo-measure); margin-block-end: var(--space-8); }
.ok-lp-seo-head h2 { margin: 0; font-size: var(--ok-lp-seo-heading); line-height: var(--ok-lp-seo-title-leading); }
.ok-lp-seo-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: var(--space-12); align-items: start; }
.ok-lp-seo-copy { min-inline-size: 0; max-inline-size: var(--ok-lp-seo-measure); font-size: var(--ok-lp-seo-body); line-height: var(--ok-lp-seo-leading); }
.ok-lp-seo-copy p { margin: 0; }
.ok-lp-seo-intro { color: var(--green); }
.ok-lp-seo-section { margin-block-start: var(--space-8); }
.ok-lp-seo h3 { margin: 0 0 var(--space-3); font-weight: 500; font-size: var(--ok-lp-seo-subhead); line-height: var(--ok-lp-seo-title-leading); }
.ok-lp-seo-about { display: grid; gap: var(--space-4); min-inline-size: 0; padding: var(--space-8); color: var(--white); background: var(--green); }
.ok-lp-seo-about h3, .ok-lp-seo-about p { margin: 0; }
.ok-lp-seo-about p { font-size: var(--ok-lp-seo-body); line-height: var(--ok-lp-seo-leading); }
.ok-lp-seo-about .okx-btn { justify-self: start; max-inline-size: 100%; white-space: normal; text-align: center; }
.ok-lp-seo-links { display: grid; justify-items: start; gap: var(--space-1); }
.ok-lp-seo-links a { display: inline-flex; align-items: center; min-block-size: var(--ok-control-size); color: inherit; text-underline-offset: var(--space-1); }
@media (max-width: 900px) {
 .ok-lp-seo-grid { grid-template-columns: 1fr; gap: var(--space-8); }
 .ok-lp-seo { padding-block: var(--space-12); }
 .ok-lp-seo-about { max-inline-size: var(--ok-lp-seo-measure); padding: var(--space-6); }
}