.mk-hero{background:linear-gradient(160deg, var(--ui-sidebar) 0%, var(--ui-accent-ink) 60%, var(--ui-accent) 100%);color:#fff}.mk-hero h1{color:#fff;letter-spacing:-.02em;font-weight:700}.mk-hero .lead{color:#cbc5e6}.mk-nav a{color:#cbc5e6;text-decoration:none}.mk-nav a:hover{color:#fff}.mk-feature i{color:var(--ui-accent);font-size:1.5rem}.mk-flow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mk-flow span{background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.mk-example{background:#fff;border:1px solid #e4e7ec;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 2px #1018280a}.mk-example h3 i{color:var(--ui-accent);font-size:1.15rem}.mk-steps{margin:0;padding:0;list-style:none;position:relative}.mk-steps li{color:#475467;padding:0 0 .85rem 1.4rem;font-size:.875rem;position:relative}.mk-steps li:last-child{color:#101828;padding-bottom:0;font-weight:600}.mk-steps li:before{content:"";background:var(--ui-accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.4rem;left:.2rem}.mk-steps li:not(:last-child):after{content:"";background:#d0d5dd;width:1px;position:absolute;top:1rem;bottom:.1rem;left:.45rem}