.demo{position:relative;overflow:hidden;padding:72px 0 120px;background:radial-gradient(60% 60% at 84% 8%,rgba(12,124,90,.06),transparent 60%),radial-gradient(46% 56% at 6% 96%,rgba(12,124,90,.045),transparent 60%),var(--bg)}.demo__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:96px;align-items:start;max-width:1320px}.demo__aside{padding-top:12px;position:sticky;top:100px}.demo__aside h1{font-size:clamp(40px,4.6vw,60px);margin:16px 0 24px;max-width:13ch}.demo__aside .lede{color:var(--ink-2);max-width:42ch;margin:0 0 44px}.expect{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.expect__item{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--stroke)}.expect__item:first-child{border-top:0}.expect__n{font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--brand-ink);background:var(--brand-pale);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--brand-pale));border-radius:99px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:none}.expect__t{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin:0 0 4px}.expect__d{font-size:14.5px;color:var(--ink-3);line-height:1.5;margin:0}.demo__trust{margin-top:40px;display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;color:var(--ink-3)}.demo__trust__dot{width:7px;height:7px;border-radius:99px;background:var(--brand);flex:none}.demo__card{background:var(--bg-elev);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:48px 52px}.demo__card__hd{margin-bottom:36px}.demo__card__hd h2{font-size:26px;letter-spacing:-.022em;margin:0 0 8px}.demo__card__hd p{font-size:15px;color:var(--ink-3)}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px 28px}.field{display:flex;flex-direction:column;gap:11px}.field--full{grid-column:1 / -1}.field label{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.field label .req{color:var(--brand);margin-left:2px}.field label .opt{color:var(--ink-4);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.input,.select,.textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--stroke-2);border-radius:var(--r-sm);padding:0 16px;height:54px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-appearance:none;appearance:none}.textarea{height:auto;padding:13px 14px;line-height:1.5;resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input:hover,.select:hover,.textarea:hover{border-color:var(--stroke-3)}.input:focus,.select:focus,.textarea:focus{outline:none;background:var(--bg-elev);border-color:var(--brand);box-shadow:0 0 0 3px #0c7c5a21}.select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6 L8 10 L12 6' fill='none' stroke='%235E6A6F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;padding-right:38px;color:var(--ink)}.select:required:invalid{color:var(--ink-4)}.select option{color:var(--ink)}.demo__submit{margin-top:34px}.demo__submit .btn{width:100%;justify-content:center}.demo__fine{margin-top:16px;font-size:12.5px;line-height:1.5;color:var(--ink-4);text-align:center}.demo__fine a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}.demo__fine a:hover{color:var(--brand)}.demo__err{display:none;margin-top:16px;font-size:13px;color:#c0492e;text-align:center}.demo__err.is-on{display:block}.demo__done{display:none;text-align:center;padding:28px 12px 16px}.demo__card.is-sent .demo__form,.demo__card.is-sent .demo__card__hd{display:none}.demo__card.is-sent .demo__done{display:block}.demo__done__mark{width:60px;height:60px;border-radius:99px;margin:0 auto 24px;background:var(--brand-pale);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--brand-pale));display:flex;align-items:center;justify-content:center}.demo__done__mark svg{width:28px;height:28px}.demo__done h2{font-size:28px;margin:0 0 12px}.demo__done p{font-size:16px;color:var(--ink-2);max-width:34ch;margin:0 auto;line-height:1.5}.demo__done__meta{margin-top:24px;font-family:var(--f-mono);font-size:12px;color:var(--ink-3);letter-spacing:.02em}@media(max-width:980px){.demo__grid{grid-template-columns:1fr;gap:56px}.demo__aside{position:static}.demo__aside .lede{max-width:none}}@media(max-width:560px){.demo__card{padding:26px 20px}.fgrid{grid-template-columns:1fr}}