.DemoLanding{min-height:100%;padding:100px}.DemoLanding-content{display:flex;align-items:flex-start}.DemoLanding-nav{flex:1.5}.DemoLanding-header{margin-bottom:40px;justify-content:space-between}.DemoLanding-header>h1>img{height:67px;margin-left:-4x}.DemoLanding-roles{display:flex;width:66%;flex-direction:column}.DemoLanding-roles>*+*{margin-top:30px}.DemoLanding-role{border-left:2px solid var(--role-color);padding-left:15px}.DemoLanding-role>a{display:block;font-size:24px;text-decoration-color:var(--role-color)}.DemoLanding-role>p{margin-top:10px}.DemoLanding-intro{flex:1;padding:30px;border:1px solid #807fff;border-radius:7px;background-color:white}.DemoLanding-intro>h2{margin-bottom:20px}.DemoLanding-intro>p{font-size:14px}.DemoLanding-intro>*+*{margin-top:10px}.DemoPhone{height:100%}.DemoPhone-frame{position:relative;display:flex;justify-content:center;align-items:center;width:365px;height:662px}.DemoPhone-mockup{position:absolute;top:0;left:0;pointer-events:none;fill:#efeeff}.DemoNav{position:absolute;top:20px;right:20px;border-radius:7px;border:1px solid var(--role-color)}.DemoNav-label,.DemoNav-home,.DemoNav-next{padding:5px 10px}.DemoNav-label{background-color:var(--role-color)}.DemoNav-role{font-weight:600}.DemoNav-actions{display:flex}.DemoNav-actions>*+*{border-left:1px solid var(--role-color)}.DemoNav-home{display:flex;align-items:center}.DemoNav-home>span{width:15px;height:11px;margin-top:-1px;margin-right:10px}.DemoNav-home:hover>span{background-color:#807fff}.DemoCoachmark{position:absolute;display:flex;align-items:center;width:250px;border:1px solid var(--role-color);border-radius:7px;background-color:white;box-shadow:0px 0px 20px rgba(0,0,0,0.1);z-index:1}.DemoCoachmark-content{display:flex;flex-direction:column}.DemoCoachmark-name{padding:15px;padding-bottom:0;font-size:13px}.DemoCoachmark-text{margin-top:10px;padding:15px;padding-top:0}.DemoCoachmark-next{padding:5px 15px;background-color:var(--role-color)}.DemoCoachmark-arrow{position:absolute;width:8px;fill:white;stroke:var(--role-color);stroke-dasharray:11.3px 16px;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}.DemoCoachmark--bottom{flex-direction:column;transform:translateY(15px)}.DemoCoachmark--bottom>svg{top:-12px;transform:rotate(90deg)}.DemoCoachmark--top{flex-direction:column;transform:translateY(-15px)}.DemoCoachmark--top>svg{bottom:-12px;transform:rotate(-90deg);fill:var(--role-color)}.DemoCoachmark--left{transform:translateX(-15px)}.DemoCoachmark--left>svg{right:-8px;transform:rotate(180deg)}.DemoCoachmark--right{transform:translateX(15px);left:-8px}.DemoCoachmark--right>svg{left:-8px}.Layout--source .Layout-frame,.Layout--governor .Layout-frame,.Layout--agent .Layout-frame,.Layout--enroller .Layout-frame{opacity:0;transition:opacity 100ms}.Layout--source .Layout-frame.is-visible,.Layout--governor .Layout-frame.is-visible,.Layout--agent .Layout-frame.is-visible,.Layout--enroller .Layout-frame.is-visible{opacity:1}