.demo-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,72px);align-items:start;padding-block:clamp(48px,7vh,88px) clamp(56px,8vh,104px)}.demo-copy .lead{max-width:54ch}.demo-quote{margin:36px 0 0;padding:26px 28px;background:var(--neutral-l-1);border:1px solid var(--neutral-l-4);position:relative;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.demo-quote blockquote{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--neutral-l-12);text-wrap:pretty}.demo-quote blockquote:before{content:"";display:block;width:44px;height:5px;background:var(--c-accent-green);margin-bottom:16px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.demo-attr{display:flex;align-items:center;gap:12px;margin-top:18px}.demo-attr img{width:44px;height:44px;object-fit:cover;flex:none;filter:saturate(.88) sepia(.05);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.demo-attr b{display:block;font-size:14px;font-weight:600;color:var(--c-main-green)}.demo-attr .demo-attr-logo{width:auto;height:28px;flex:none;margin-left:14px;filter:none;clip-path:none}.demo-attr span{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-l-10);margin-top:2px}.demo-gartner{margin-top:22px;display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;padding:20px 24px;background:var(--green-l-3);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.demo-gartner .dg-ico{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--c-cream);background:var(--c-main-green);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.demo-gartner .dg-ico svg{width:20px;height:20px}.demo-gartner p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--green-l-12)}.demo-gartner a{font-weight:600;color:var(--green-l-11);white-space:nowrap}.demo-gartner a:hover{color:var(--c-dark-green)}.demo-form{position:relative;overflow:hidden;background:#fff;margin-top:53px;border:1px solid var(--neutral-l-4);padding:clamp(28px,3vw,40px);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.demo-form>*{position:relative;z-index:1}.demo-form h2{margin:0 0 6px;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--c-main-green)}.demo-form .df-sub{margin:0 0 26px;font-size:14px;line-height:1.55;color:var(--neutral-l-10)}.df-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.df-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.df-field label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-main-green)}.df-field label .req{color:var(--green-l-11);margin-left:3px}.df-field input,.df-field select,.df-field textarea{width:100%;box-sizing:border-box;font-family:var(--font-sans);font-size:14.5px;color:var(--c-main-green);background:var(--neutral-l-1);border:1px solid var(--neutral-l-4);padding:12px 14px;outline:none;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.df-field input::placeholder,.df-field textarea::placeholder{color:var(--neutral-l-10)}.df-field input:focus,.df-field select:focus,.df-field textarea:focus{border-color:var(--c-main-green);box-shadow:0 0 0 3px #1a2c1914}.df-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231A2C19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px;cursor:pointer}.df-field select option{color:var(--c-main-green);background:var(--neutral-l-1)}.df-field textarea{resize:vertical;min-height:84px}.df-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;padding:14px 20px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--c-cream);background:var(--c-main-green);border:none;cursor:pointer;border-radius:8px;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease}.df-submit:hover{background:var(--c-overlay-green)}.df-submit:active{transform:scale(.985)}.df-submit .arrow{transition:transform .18s var(--ease-out)}.df-submit:hover .arrow{transform:translate(3px)}.df-fine{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--neutral-l-10);text-align:center}.df-fine a{color:var(--c-main-green);text-decoration:underline;text-underline-offset:2px}.df-fine a:hover{color:var(--c-overlay-green)}.df-done{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(32px,5vh,64px) 12px}.df-done .dd-ico{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--c-cream);background:var(--c-main-green);border-radius:12px}.df-done .dd-ico svg{width:28px;height:28px}.df-done h3{margin:0;font-size:22px;font-weight:600;color:var(--c-main-green)}.df-done p{margin:0;font-size:14.5px;line-height:1.6;color:var(--neutral-l-10);max-width:36ch}.demo-form.is-done form{display:none}.demo-form.is-done .df-done{display:flex}.df-grc{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--neutral-l-10);text-align:left;opacity:.85}.df-grc a{color:var(--c-main-green);text-decoration:underline;text-underline-offset:2px}@media(max-width:1080px){.demo-grid{grid-template-columns:1fr}.demo-form{order:-1;margin-top:0}.demo-grid:not(:has(.contact-copy)){gap:0}.demo-copy:not(.contact-copy){display:contents}.demo-copy:not(.contact-copy) .eyebrow{order:-3}.demo-copy:not(.contact-copy) h1{order:-2;margin:0 0 22px}.demo-copy:not(.contact-copy) .lead{margin:34px 0 0}.demo-copy:not(.contact-copy) .demo-quote{margin-top:24px}.demo-copy:not(.contact-copy) .demo-gartner{margin-top:18px}}@media(max-width:720px){.demo-grid{padding-block:22px 56px}.demo-copy:not(.contact-copy) h1{font-size:clamp(29px,7.4vw,34px);margin-bottom:18px}}@media(max-width:640px){.df-row{grid-template-columns:1fr;gap:0}}