.demo-form{background-color:var(--white);border-radius:8px;color:var(--black);display:flex;flex-direction:column;gap:16px;padding:48px;position:relative;width:100%}.demo-form p{display:flex;gap:8px}.demo-form p>*{flex:1}.demo-form label{color:var(--gray);display:flex;flex-direction:column;font-size:11px;height:64px;text-transform:uppercase}.demo-form label input,.demo-form label select{border:1px solid var(--gray);border-radius:8px;color:var(--dark-gray-2);font-family:var(--font);font-size:var(--text-mini);font-weight:200;height:64px;letter-spacing:.04rem;padding:8px}.demo-form .form-btn{margin-top:24px}@media screen and (max-width:1200px){.demo-form{padding:var(--app-margin-mobile)}.demo-form .form-btn{bottom:auto;left:auto;position:relative;right:auto}}.demo-landing{background-color:var(--dark-gray-2);color:var(--white);display:grid;grid-template-columns:60% 40%;min-height:90vh;padding:var(--app-margin);position:relative}.demo-landing .contents{align-items:flex-start;display:flex;flex-direction:column;gap:18px;height:100%;justify-content:center;margin:0!important;padding-right:64px;position:relative;width:100%;z-index:10}.demo-landing .contents .title{font-size:var(--header-h1);letter-spacing:3%;line-height:1;margin:0;max-width:30ch}.demo-landing .contents .subtitle,.demo-landing .contents .title{font-weight:var(--light)}.demo-landing .contents .subtitle{font-size:var(--subheader);line-height:1.3;max-width:50ch}.demo-landing .contents ul{font-weight:100;list-style:none;padding:0}.demo-landing .contents ul li{align-items:center;display:flex;gap:24px;max-width:60ch}.demo-landing .contents ul li+li{margin-top:24px}.demo-landing .contents ul .icon{color:var(--accent-orange)}@media screen and (max-width:1500px){.demo-landing{grid-template-columns:50% 50%}}@media screen and (max-width:1200px){.demo-landing{display:block;padding:var(--app-margin-mobile);position:relative}.demo-landing .contents{margin:150px 0!important;padding-right:0}}
