.demo{background:var(--codex-module-glow),var(--codex-color-surface-alt)}.demo__inner{max-width:var(--max);margin:0 auto;padding:80px var(--px);display:flex;align-items:flex-start;gap:5%}.demo__left{flex:1;padding-top:4px}.demo__body{font-family:Lato,sans-serif;font-size:24px;font-weight:300;line-height:30px;color:var(--codex-color-text);margin:0 0 32px}.demo__body p,.demo__body ul,.demo__body ol{margin:0 0 1em}.demo__body>*:last-child{margin-bottom:0}.demo__body ul,.demo__body ol{padding-left:1.5em;margin-left:0}.demo__body strong{font-weight:700}.demo__body em{font-style:italic}.demo__body u{text-decoration:underline}.demo__body a{color:inherit;text-decoration:underline}.demo__detail{font-family:Lato,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--codex-color-text);margin:0}.demo__detail p,.demo__detail ul,.demo__detail ol{margin:0 0 1em}.demo__detail>*:last-child{margin-bottom:0}.demo__detail ul,.demo__detail ol{padding-left:1.5em;margin-left:0}.demo__detail strong{font-weight:700}.demo__detail em{font-style:italic}.demo__detail u{text-decoration:underline}.demo__detail a{color:inherit;text-decoration:underline}.demo__card{flex:0 0 601px;background:var(--codex-color-surface);border-radius:20px;padding:37px 34px 40px;box-sizing:border-box}.demo__heading{font-family:Lato,sans-serif;font-size:16px;font-weight:500;color:var(--codex-color-text);margin:0 0 32px}.demo__fields{display:flex;flex-direction:column;gap:18px}.demo__field{position:relative;height:47px;border-bottom:.8px solid rgba(var(--codex-ink-rgb),.3)}.demo__label{position:absolute;top:24px;left:0;font-family:Lato,sans-serif;font-size:16px;font-weight:300;color:rgba(var(--codex-ink-rgb),.3);pointer-events:none;transition:top .15s ease,font-size .15s ease,color .15s ease;line-height:1}.demo__field--active .demo__label{top:1px;font-size:12px;color:var(--codex-color-accent)}.demo__field--active{border-bottom-color:var(--codex-color-accent)}.demo__field--invalid{border-bottom-color:var(--codex-color-error)}.demo__field--invalid .demo__label{color:var(--codex-color-error)}.demo__input{position:absolute;bottom:4px;left:0;width:100%;height:24px;background:transparent;border:none;outline:none;font-family:Lato,sans-serif;font-size:16px;font-weight:300;color:var(--codex-color-text);padding:0;box-sizing:border-box}.demo__select{appearance:none;cursor:pointer}.demo__captcha{margin-top:55px}.demo__error{margin-top:12px;font-family:Lato,sans-serif;font-size:14px;color:var(--codex-color-error)}.demo__submit{display:inline-block;margin-top:21px;font-family:Lato,sans-serif;font-size:14px;font-weight:400;color:var(--codex-color-text);background:transparent;border:1px solid var(--codex-color-text);border-radius:10px;padding:15px 17px;cursor:pointer;transition:background .2s,color .2s}.demo__submit:hover:not(:disabled){background:var(--codex-color-text);color:var(--codex-color-text-inverse)}.demo__submit:disabled{opacity:.6;cursor:not-allowed}.demo__pardot-frame{display:none;width:0;height:0;border:0}.demo__success-wrap{max-width:var(--max);margin:0 auto;padding:80px var(--px);display:flex;flex-direction:column;align-items:center;text-align:center}.demo__success-msg{font-family:Lato,sans-serif;font-size:24px;font-weight:300;line-height:30px;color:var(--codex-color-text);margin:0}