.agaria .mb{--mb-ink:#12100f;--mb-accent:#2364eb;max-width:min(1360px, calc(100% - 2 * var(--gutter)));margin:calc(var(--space-section) * 1.5) auto;font-family:var(--body);color:var(--mb-ink)}:root.dark .agaria .mb{--mb-ink:#f5f2ed;--mb-accent:#7da2f5}.agaria .mb-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.agaria .mb-copy{padding:0 var(--mk-pane-pad);flex-direction:column;justify-content:center;display:flex}.agaria .mb-heading{font-family:var(--display);font-size:var(--mk-title-1);font-weight:400;line-height:var(--mk-title-1-lh);letter-spacing:var(--mk-title-1-ls);color:var(--mb-ink);margin:0}.agaria .mb-lede{max-width:42ch;margin:var(--mk-title-gap) 0 0;font-size:var(--mk-body);line-height:var(--mk-body-lh);color:var(--mb-ink)}.agaria .mb-points{max-width:46ch;font-size:var(--mk-body);line-height:var(--mk-body-lh);color:var(--mb-ink);gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.agaria .mb-points li{padding-left:28px;position:relative}.agaria .mb-points li:before{content:"";border-bottom:2px solid var(--mb-accent);border-left:2px solid var(--mb-accent);width:11px;height:6px;position:absolute;top:.48em;left:3px;transform:rotate(-45deg)}.agaria .mb-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.agaria.agaria .mb .mb-copy .mb-actions .login{border-radius:var(--mk-btn-radius);height:42px;font-size:var(--mk-btn-lg-fs);color:#fff;background:#2e2b28;align-items:center;padding:0 22px;font-weight:400;line-height:1;display:inline-flex}.agaria.agaria .mb .mb-copy .mb-actions .login:hover{color:#fff;background:#191716}.dark .agaria.agaria .mb .mb-copy .mb-actions .login{color:#000;background:#fcfbfb}.dark .agaria.agaria .mb .mb-copy .mb-actions .login:hover{color:#000;background:#e8e6e3}.agaria .mb-actions .login:focus-visible{outline:2px solid var(--mb-ink);outline-offset:3px}.agaria .mb-art{order:-1;place-items:center;padding:0 clamp(20px,3vw,40px);display:grid}.agaria .mb .bj{width:100%;max-width:300px;height:auto}.agaria .mb .mb-m3d{max-width:300px}.agaria .mb .bj .bj-spark{animation:none}@media (max-width:899px){.agaria .mb-panel{grid-template-columns:minmax(0,1fr);row-gap:32px}.agaria .mb-copy{padding:0}.agaria .mb-art{order:0}.agaria .mb .bj,.agaria .mb .mb-m3d{max-width:240px}}