.og-how{gap:14px;margin-top:18px;padding:22px;display:grid}.og-how h2{font-size:22px;font-weight:900}.og .og-how h3{margin-bottom:6px;font-size:16px;font-weight:800}.og .og-lead2{color:var(--o-ink-2);max-width:70ch;font-size:15.5px}.og-steps{counter-reset:st;gap:8px;max-width:70ch;display:grid}.og-steps li{counter-increment:st;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;display:grid}.og-steps li:before{content:counter(st);background:var(--o-brand-soft);width:28px;height:28px;color:var(--o-brand-ink);border-radius:999px;place-items:center;font-size:14px;font-weight:800;display:grid}.og-how-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.og-how-grid>div{box-shadow:inset 0 0 0 1.5px var(--o-line);border-radius:18px;min-width:0;padding:14px 16px}.og-how-grid ul{color:var(--o-ink-2);gap:6px;padding-left:18px;font-size:15px;list-style:outside;display:grid}.og-how-grid p{color:var(--o-ink-2);font-size:15px}.og-critdl{grid-template-columns:auto minmax(0,1fr);gap:6px 12px;font-size:15px;display:grid}.og-critdl dt{color:var(--o-brand-ink);white-space:nowrap;font-weight:800}.og-critdl dd{color:var(--o-ink-2)}.og-theory ul{flex-wrap:wrap;gap:8px;display:flex}.og .og-theory h3{margin-bottom:8px}.og-theory .og-chip{white-space:normal;color:var(--o-brand-ink);text-decoration:none;display:inline-block}.og-how-grid .og-more{margin-top:10px;font-weight:700;display:inline-block}.og-how-grid a{color:var(--o-brand-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in oklab, var(--o-brand) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--o-brand) 35%, transparent)}.og .og-h2{margin:28px 0 0;font-size:20px;font-weight:900}.og-proto .k h3{font:inherit;color:var(--o-brand-ink);font-weight:800}nav.og-crumbs a{text-decoration:none}.og-formulas dl{gap:10px;margin-top:12px;display:grid}.og-formulas dl>div{box-shadow:inset 0 1px 0 var(--o-line);grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 16px;padding-top:10px;display:grid}.og-formulas dt{font-weight:800}.og-formulas dd{gap:4px;min-width:0;display:grid}.og-formulas dd>span{padding-block:2px;font-size:17px}.og-formulas small{color:var(--o-ink-2);font-size:14.5px}@media (max-width:600px){.og-formulas dl>div{grid-template-columns:minmax(0,1fr)}}.og-chkskip{color:var(--o-ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-top:14px;padding:12px 14px 12px 18px;font-size:15px;display:flex}.og-chkh .og-chkno{align-self:center;margin-left:auto;padding:7px 12px;font-size:13px}.og-chkno[aria-pressed=true]{background:var(--o-brand-soft);color:var(--o-brand-ink);box-shadow:none}.og-chk>.og-chkoff{padding-block:14px}.og-chkoff .og-chkh .n,.og-chkoff .og-chkh b{color:var(--o-muted)}.og-vbox{gap:14px;margin-top:20px;padding:18px;display:grid}.lv-e{--lv:var(--o-mint)}.lv-m{--lv:var(--o-brand)}.lv-h{--lv:var(--o-fire)}.og-vlegend{color:var(--o-ink);flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:700;display:flex}.og-vlegend li{align-items:center;gap:8px;display:inline-flex}.og-vlegend i,.og-vtile i{background:var(--lv);border-radius:999px;flex:none;width:10px;height:10px}.og-vlegend span{color:var(--o-muted);font-variant-numeric:tabular-nums;font-weight:600}.og-vtiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.og-vtile{min-height:48px;color:var(--o-ink);background:var(--o-sheet);box-shadow:inset 0 0 0 1.5px var(--o-line);white-space:nowrap;transition:box-shadow .16s var(--o-ease), background .16s var(--o-ease), transform .16s var(--o-ease);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}@media (hover:hover){.og-vtile:hover{background:color-mix(in oklab, var(--lv) 9%, var(--o-sheet));box-shadow:inset 0 0 0 2px var(--lv)}}.og-vtile:focus-visible{outline:3px solid var(--lv);outline-offset:2px}@media (max-width:900px){.og-vtiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.og-vtiles{grid-template-columns:repeat(3,minmax(0,1fr))}.og-vtile{gap:6px;padding:0 6px;font-size:14px}.og-vbox{padding:14px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.og-vafter{gap:14px;margin-top:18px;display:grid}.og-keys{padding:16px 20px}.og-keys summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:17px;font-weight:800;display:flex}.og-keys summary span{color:var(--o-muted);font-size:13px;font-weight:600}.og-keylist{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 14px;margin:14px 0 10px;display:grid}.og-keylist li{box-shadow:inset 0 -1px 0 var(--o-line);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;padding:6px 0;display:flex}.og-keylist b{color:var(--o-brand-ink);min-width:22px}.og-vnav{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.og-vnav>:first-child{justify-self:start}.og-vnav>:last-child{justify-self:end}@media (max-width:600px){.og-vnav{grid-template-columns:1fr 1fr}.og-vnav>:nth-child(2){grid-area:2/1/auto/-1}}.og-demo-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 24px;margin-top:12px;display:grid}.og-demo-list li{box-shadow:inset 0 -1px 0 var(--o-line);grid-template-columns:36px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.og-demo-list .n{color:var(--o-brand);font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;line-height:1.1;text-decoration:none}.og-demo-list .t{color:var(--o-ink);font-weight:800;text-decoration:none}@media (hover:hover){.og-demo-list .t:hover{color:var(--o-brand-ink)}}.og-demo-list p{color:var(--o-ink-2);margin-top:2px;font-size:14px}@media (max-width:400px){.og-demo-list{grid-template-columns:minmax(0,1fr)}}.og-card h2+.og-facts-list{margin-top:10px}.og-btn,.og-chip{transition:transform .16s var(--o-ease), background-color .16s ease, box-shadow .16s ease, color .16s ease, filter .16s ease}@media (hover:hover) and (pointer:fine){.og-btn:not(:disabled):hover{filter:brightness(1.06)}.og-btn.soft:not(:disabled):hover{filter:none;background:#e4ddff}.og-btn.ghost:not(:disabled):hover,.og-chip:not([aria-pressed=true]):hover,.og-crit button:not([aria-pressed=true]):hover{filter:none;box-shadow:inset 0 0 0 1.5px #c9bdfa}.og-faq2 summary:hover,.og-faq summary:hover{color:var(--o-brand-ink)}}.og :focus-visible{outline:2.5px solid var(--o-brand);outline-offset:2px}.og-art-grid{align-items:stretch}.og-steps li{text-wrap:pretty;align-items:baseline}.og-how-grid>div{background:var(--o-desk);box-shadow:none}@media (min-width:1100px){.og-how{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:28px}.og-how>h2,.og-how>.og-lead2{grid-column:1/-1}.og-how>.og-theory{grid-column:1;align-self:start}.og-how>.og-steps{grid-column:1}.og-how>.og-how-grid{grid-area:span 2/2;grid-template-columns:minmax(0,1fr)}.og-formulas dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}.og-formulas dl>div{align-items:baseline}.og-chkskip{padding:12px 22px}.og-chk>.og-chkoff{animation:.18s ease-out ogFade}.og-keylist{gap:6px}.og-keylist li{box-shadow:none;background:var(--o-desk);border-radius:10px;padding:7px 10px}.og-demo-list li{box-shadow:none;border-top:1px solid var(--o-line)}.og-vside .og-vsidebtns{grid-template-columns:minmax(0,1fr)}.og-vsidebtns .og-ref>div>button{box-shadow:none;background:var(--o-brand-soft)!important}.og .og-h3{margin-top:14px;font-size:16px;font-weight:800}@media (max-width:400px){.og-scale th,.og-scale td{padding:8px 6px}}.og-chk{grid-template-columns:minmax(0,1fr)}.og-chkh{flex-wrap:wrap;align-items:center}.og-chkh b{flex:140px;min-width:0}@media (max-width:480px){.og-chkh .og-chkno{flex-basis:100%;order:3;justify-content:center;min-height:44px;margin-left:0}.og-how{padding:18px 16px}.og-how-grid>div{padding:12px 14px}.og-critdl{grid-template-columns:minmax(0,1fr);gap:2px 0}.og-critdl dd{margin-bottom:8px}}@media (max-width:600px){.og-cta-btns>.og-btn{white-space:normal;text-align:center;flex:100%}}@media (max-width:420px){.og-end{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px}.og-end img{width:64px}.og-end .og-btn{white-space:normal;width:100%}}.og-keys summary{justify-content:space-between;align-items:center;min-height:44px;list-style:none}.og-keys summary::-webkit-details-marker{display:none}.og-keys summary:after{content:"Показать";color:var(--o-brand-ink);background:var(--o-brand-soft);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.og-keys[open] summary:after{content:"Скрыть"}.og-faq2 summary{align-items:center;min-height:44px}.og:has(+.og-vafter){padding-bottom:24px}.og.og-vafter{margin-top:0;padding-top:0}.og-theory .og-chip{text-wrap:balance;border-radius:14px}.og-keys summary span{margin-right:auto}.og-hero-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.og-hlink{min-height:40px;color:var(--o-brand-ink);background:var(--o-sheet);box-shadow:inset 0 0 0 1.5px var(--o-line);transition:box-shadow .16s var(--o-ease), background .16s var(--o-ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 14px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.og-hlink b{color:var(--o-brand);font-weight:900}.og-hlink svg{opacity:.7}@media (hover:hover) and (pointer:fine){.og-hlink:hover{background:var(--o-brand-soft);box-shadow:inset 0 0 0 1.5px var(--o-brand)}}@media (max-width:640px){.og-hero{grid-template-areas:"i h""p p""l l"}.og-hero-links{grid-area:l;margin-top:2px}.og-hlink{gap:4px;min-height:44px;padding:0 10px 0 12px;font-size:14px}.og-hero-links{flex-wrap:nowrap;gap:6px}.og-wide,.og-hlink svg{display:none}}@media (min-width:900px){.og-article h1{max-width:46ch;font-size:clamp(34px,3.4vw,46px)}.og-article .og-lead{max-width:80ch}}.og-formulas .og-fplain{font-variant-numeric:tabular-nums;color:var(--o-ink-2);font-weight:600;display:block}.og-protos>.og-proto{content-visibility:auto;contain-intrinsic-size:auto 520px}.og-cmp td:first-child{width:1%}.og-cmp td:first-child a{color:var(--o-brand-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--o-brand) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--o-brand) 35%, transparent);text-underline-offset:3px;font-weight:700}.og-cmp td:nth-child(2){color:var(--o-ink-2);font-size:14.5px}.og-cmp td:last-child,.og-cmp th:last-child{width:1%}@media (max-width:560px){.og-cmp th,.og-cmp td{padding-inline:6px}.og-cmp td:nth-child(2){font-size:14px}}.og-cmp td:last-child{white-space:nowrap}@media (max-width:560px){.og-cmp thead{display:none}.og-cmp tr{box-shadow:inset 0 -1px 0 var(--o-line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;display:grid}.og-cmp td{box-shadow:none!important;border:0!important;width:auto!important;padding:0!important}.og-cmp td:nth-child(2){grid-area:2/1/auto/-1}.og-cmp td:last-child{color:var(--o-muted);align-self:center;font-size:13.5px}}