.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:140px 0 72px;align-items:start}.demo-copy{position:sticky;top:130px}.demo-copy h1{font-size:52px;line-height:1.08;letter-spacing:-.045em;margin:20px 0}.demo-copy p{color:#63718a;font-size:17px;line-height:1.7}.demo-steps{list-style:none;padding:28px 0;margin:26px 0;border-block:1px solid #dfe5ef}.demo-steps li{display:flex;gap:18px;margin:18px 0;font-size:14px;line-height:1.6}.demo-steps b{color:#4055df;font-size:12px}.demo-form{background:white;border:1px solid #dce3ef;border-radius:12px;padding:36px;box-shadow:0 16px 45px #182b5010}.demo-form h2{font-size:24px;letter-spacing:-.025em;margin:0 0 8px}.demo-form>p{color:#66748b;font-size:13px;margin:0 0 28px}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.demo-field.full{grid-column:1/-1}.demo-field input,.demo-field select,.demo-field textarea{width:100%;padding:12px 13px;border:1px solid #cdd6e4;border-radius:6px;font:inherit;font-weight:400;background:#fff;color:#14213b;min-height:46px}.demo-field textarea{resize:vertical;min-height:96px}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{outline:3px solid #4055df24;border-color:#4055df}.demo-consent{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.6;margin:22px 0;color:#61708a}.demo-consent input{margin-top:4px;accent-color:#4055df}.demo-consent a{text-decoration:underline}.demo-submit{width:100%;justify-content:center;border:0;cursor:pointer}.demo-submit:disabled{opacity:.55;cursor:wait}.demo-status{font-size:13px;line-height:1.6;margin:16px 0 0;color:#a12932}.demo-status.success{color:#167246}.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo-contact{font-size:13px!important;margin-top:20px}.demo-page{background:#f7f9fc}@media(max-width:850px){.demo-layout{grid-template-columns:1fr;gap:32px;padding-top:112px}.demo-copy{position:static}.demo-copy h1{font-size:40px}.demo-steps{padding:10px 0;margin:20px 0}.demo-form{padding:28px}}@media(max-width:480px){.demo-fields{grid-template-columns:1fr}.demo-form{padding:22px 18px}.demo-copy h1{font-size:36px}.demo-layout{padding-bottom:40px}}

@media(max-width:850px){.wrap.demo-layout{width:calc(100% - 40px);margin-inline:auto}}
.demo-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid #dce3ef;width:min(600px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;background:#fff;color:#14213b;box-shadow:-20px 0 70px #101d3828;overflow-y:auto;font-family:"Inter Variable",Inter,sans-serif}.demo-drawer[open]{animation:demo-slide .28s ease-out}.demo-drawer::backdrop{background:#101d3866;backdrop-filter:blur(4px)}.demo-drawer-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1;background:#fff;padding:24px 32px;border-bottom:1px solid #e0e6ef}.demo-drawer-header span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#4055df}.demo-drawer-header h2{font-size:22px;letter-spacing:-.03em;margin:7px 0 0}.demo-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce3ef;border-radius:50%;background:#fff;font-size:26px;color:#14213b;cursor:pointer}.demo-close:hover{background:#f1f4fa}.demo-drawer-content{padding:28px 32px}.demo-drawer .demo-form{padding:0;border:0;box-shadow:none;border-radius:0}.demo-drawer .demo-form h2{font-size:20px}.demo-drawer .demo-field input,.demo-drawer .demo-field select,.demo-drawer .demo-field textarea{box-sizing:border-box}.demo-drawer-open{overflow:hidden}.demo-contact-panel{padding:36px;border:1px solid #dce3ef;background:#fff;border-radius:12px}.demo-contact-panel h2{font-size:28px;margin:0 0 16px}.demo-contact-panel p{color:#63718a;line-height:1.6;margin-bottom:24px}@keyframes demo-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:480px){.demo-drawer-header{padding:20px}.demo-drawer-content{padding:24px 20px}.demo-drawer .demo-fields{grid-template-columns:1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.demo-drawer[open]{animation:none}}

.demo-drawer .demo-submit{display:flex;align-items:center;min-height:48px;padding:12px 20px;border-radius:6px;background:#4055df;color:#fff;font:600 14px 'Inter Variable',sans-serif}.demo-drawer .demo-submit:hover{background:#3246ca}.demo-drawer-header h2,.demo-drawer .demo-form h2{font-weight:700}.demo-drawer button:focus-visible{outline:3px solid #93a2ff;outline-offset:3px}
.contact-page{background:#f8faff}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;padding:140px 0 80px;align-items:start}.contact-intro h1{font-size:64px;letter-spacing:-.055em;line-height:1.05;margin:24px 0}.contact-intro>p{max-width:390px;font-size:17px;line-height:1.7;color:#63718a}.contact-direct{margin-top:44px;display:grid;gap:24px}.contact-direct span{display:block;color:#718099;font-size:12px;margin-bottom:8px}.contact-direct a{font-size:19px;font-weight:600;letter-spacing:-.02em}.contact-direct a:hover{color:#4055df}.contact-demo-note{border-top:1px solid #dce3ef;margin-top:44px;padding-top:28px}.contact-demo-note h2{font-size:16px;letter-spacing:-.02em}.contact-demo-note p{font-size:13px;line-height:1.6;color:#63718a;margin:10px 0 16px}.contact-demo-note a{font-size:14px;font-weight:600;color:#4055df}.contact-form{padding:36px;box-shadow:0 12px 40px #16233b06}.contact-form textarea{min-height:130px}.contact-form .demo-submit{display:flex;align-items:center;min-height:48px;background:#4055df;color:#fff;border-radius:6px;font-weight:600}@media(max-width:850px){.wrap.contact-layout{width:calc(100% - 40px);margin-inline:auto;grid-template-columns:1fr;gap:36px;padding:112px 0 48px}.contact-intro h1{font-size:46px;margin:20px 0}.contact-intro>p{max-width:600px}.contact-direct{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.contact-demo-note{margin-top:28px}.contact-form{padding:28px}}@media(max-width:480px){.contact-direct{grid-template-columns:1fr}.contact-form{padding:24px 20px}.contact-intro h1{font-size:42px}}

.demo-drawer-header .demo-brand-logo{display:block;width:112px;height:auto;max-height:32px;object-fit:contain;object-position:left center}