.ok-landing{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--landing-bg:#15191e;--landing-paper:#f5f3ed;--landing-lime:#d8ff3e;--landing-muted:#b7bec7;--landing-line:#414851;background:var(--landing-bg);min-height:100vh;color:var(--landing-paper);font-family:var(--font)}:root:has(.ok-landing){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ok-landing *,.ok-landing :before,.ok-landing :after{box-sizing:border-box}.ok-landing a{color:inherit}.ok-landing a:focus-visible{outline:2px solid var(--landing-lime);outline-offset:4px}.ok-landing-skip{z-index:100;background:var(--landing-lime);padding:12px 16px;font-weight:800;position:fixed;top:-70px;left:16px;color:var(--landing-bg)!important}.ok-landing-skip:focus{top:12px}.ok-landing-header,.ok-landing-hero,.ok-landing-steps,.ok-landing-footer{width:min(100% - 48px,1180px);margin-inline:auto}.ok-landing-header{border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.ok-landing-brand{align-items:center;min-height:44px;display:inline-flex}.ok-landing-brand img{width:154px;height:auto;display:block}.ok-landing-header nav{align-items:center;gap:30px;display:flex}.ok-landing-header nav a{align-items:center;gap:7px;min-height:44px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.ok-landing-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.ok-landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(42px,5vw,70px);display:grid}.ok-landing-hero-copy{min-width:0}.ok-landing-eyebrow{color:var(--landing-muted);letter-spacing:.11em;margin:0;font-size:.75rem;font-weight:800;line-height:1.4}.ok-landing-hero h1{letter-spacing:-.04em;max-width:17ch;margin:15px 0 18px;font-size:clamp(2.25rem,3.6vw,3.5rem);font-weight:800;font-stretch:110%;line-height:1.08}.ok-landing-lead{max-width:43ch;color:var(--landing-muted);margin:0;font-size:1rem;line-height:1.55}.ok-landing-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:30px;display:flex}.ok-landing-primary,.ok-landing-secondary{align-items:center;min-height:48px;font-size:.875rem;font-weight:800;text-decoration:none;display:inline-flex}.ok-landing-primary{background:var(--landing-lime);padding:11px 16px;color:var(--landing-bg)!important}.ok-landing-primary:hover{background:#e6ff76}.ok-landing-secondary{border-bottom:1px solid #858e98}.ok-landing-secondary:hover{border-color:var(--landing-paper)}.ok-landing-photo{aspect-ratio:1.42;background:#2a3036;margin:0;position:relative;overflow:hidden}.ok-landing-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.ok-landing-photo figcaption{background:var(--landing-bg);color:var(--landing-muted);padding:7px 10px;font-size:.6875rem;position:absolute;bottom:0;right:0}.ok-landing-steps{border-top:1px solid var(--landing-line);padding-block:42px 74px}.ok-landing-section-head{align-items:baseline;gap:20px;margin-bottom:22px;display:flex}.ok-landing-section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;font-stretch:110%;line-height:1.2}.ok-landing-step{border-top:1px solid var(--landing-line);grid-template-columns:36px minmax(0,1fr) 165px;align-items:center;gap:24px;padding:20px 0;display:grid}.ok-landing-step:last-child{border-bottom:1px solid var(--landing-line)}.ok-landing-step-number{color:var(--landing-muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:4px;font-size:.75rem;font-weight:800}.ok-landing-step h3{letter-spacing:-.02em;margin:0 0 4px;font-size:1.1875rem;font-weight:800;line-height:1.25}.ok-landing-step p{max-width:56ch;color:var(--landing-muted);margin:0;font-size:.9375rem;line-height:1.5}.ok-landing-step a{border-bottom:1px solid #858e98;align-items:center;min-height:44px;font-size:.8125rem;font-weight:800;text-decoration:none;display:inline-flex}.ok-landing-step a:hover{border-color:var(--landing-paper)}.ok-landing-footer{border-top:1px solid var(--landing-line);align-items:baseline;gap:32px;padding:24px 0 34px;display:flex}.ok-landing-footer span{flex:none;font-size:.875rem;font-weight:800}.ok-landing-footer p{color:var(--landing-muted);margin:0;font-size:.8125rem;line-height:1.5}@media (max-width:760px){.ok-landing-header,.ok-landing-hero,.ok-landing-steps,.ok-landing-footer{width:min(100% - 36px,600px)}.ok-landing-header{min-height:64px}.ok-landing-brand img{width:142px}.ok-landing-header nav{gap:14px}.ok-landing-header nav a:first-child{display:none}.ok-landing-hero{grid-template-columns:1fr;gap:28px;padding-block:36px 40px}.ok-landing-hero h1{max-width:15ch;font-size:clamp(2.125rem,8.5vw,2.75rem)}.ok-landing-hero-actions{margin-top:24px}.ok-landing-photo{aspect-ratio:1.7}.ok-landing-steps{padding-block:34px 54px}.ok-landing-section-head{display:block}.ok-landing-section-head h2{margin-top:7px}.ok-landing-step{grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:17px 0}.ok-landing-step a{grid-column:2;width:max-content;min-width:145px}.ok-landing-footer{display:block}.ok-landing-footer p{margin-top:7px}}@media (max-width:380px){.ok-landing-brand img{width:140px}.ok-landing-header nav a{font-size:.8125rem}.ok-landing-hero-actions{flex-direction:column;align-items:stretch}.ok-landing-secondary{align-self:flex-start}}