.demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.demo-intro{isolation:isolate;border-inline-end:1px solid var(--color-border-strong);background:var(--orange-50);justify-content:center;align-items:center;padding:36px 24px;display:flex;position:relative;overflow:hidden}.demo-intro:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(40% 40% at 20% 80%, var(--orange-300) 0%, transparent 70%), radial-gradient(38% 38% at 80% 75%, var(--orange-200) 0%, transparent 70%), radial-gradient(40% 40% at 80% 20%, var(--yellow-200) 0%, transparent 70%), radial-gradient(36% 36% at 25% 20%, var(--orange-100) 0%, transparent 70%);will-change:transform;background-repeat:no-repeat;animation:18s ease-in-out infinite alternate demo-drift;position:absolute;inset:-30%}@keyframes demo-drift{0%{transform:translate(-4%,-3%)rotate(0)scale(1)}50%{transform:translate(5%,3%)rotate(8deg)scale(1.08)}to{transform:translate(-2%,6%)rotate(-6deg)scale(1.02)}}@media (prefers-reduced-motion:reduce){.demo-intro:after{animation:none}}.demo-intro:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#ffffff8c 0%,#fff0 45%);position:absolute;inset:0}.demo-intro-inner{flex-direction:column;justify-content:center;gap:26px;width:min(560px,100%);display:flex}.demo-brand{align-self:flex-start;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.demo-brand .brand-logo{object-fit:contain;width:auto;max-width:140px;height:24px;display:block}.demo-brand:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:4px}.demo-copy{flex-direction:column;gap:14px;display:flex}.demo-copy .t-body{color:var(--slate-700);max-width:520px}.demo-points{gap:28px;margin:0;padding:0;list-style:none;display:grid}.demo-points li{align-items:flex-start;gap:14px;padding:0;display:flex}.demo-points .t-h3{font-size:17px;font-weight:600}.demo-points .t-small{color:var(--slate-600);margin-top:2px}.demo-ico{background:var(--white);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid;box-shadow:0 2px 8px #0f172a14}.demo-metrics{border-top:1px solid #0f172a1f;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding-top:20px;display:grid}.demo-metrics dt{color:var(--color-text);font-size:32px}.demo-metrics dd{color:var(--slate-700);margin:6px 0 0}.demo-form-wrap{background:var(--white);justify-content:center;align-items:center;min-width:0;padding:36px 24px;display:flex}.demo-form,.demo-success{width:min(520px,100%)}.demo-form{gap:14px;display:grid}.demo-form-title{letter-spacing:-.015em;margin:0 0 2px;font-size:22px;font-weight:600;line-height:1.25}.demo-form .field{padding:11px 14px}.demo-form select.field{padding-right:44px}.demo-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.req{color:var(--color-primary-hover)}.opt{color:var(--color-text-subtle);font-weight:400}fieldset.demo-interest{border:0!important;outline:none!important;min-width:0!important;margin:0!important;padding:0!important}fieldset.demo-interest legend{border:0!important;margin-bottom:8px!important;padding:0!important}.demo-interest .filter-bar{flex-wrap:wrap;gap:6px;display:flex}.demo-interest .filter-pill{white-space:nowrap;padding:7px 11px;font-size:13px}.demo-submit{width:100%;margin-top:4px}.demo-note{text-align:center;margin:0}.demo-note a{color:var(--color-secondary)}.field-error[hidden],.demo-success[hidden],.demo-form[hidden]{display:none}.demo-success{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:10px;padding:32px;display:flex}.demo-success-ico{background:var(--color-success);width:40px;height:40px;color:var(--white);border-radius:50%;place-items:center;font-weight:700;display:grid}@media (min-width:901px) and (max-height:820px){.demo-intro,.demo-form-wrap{padding-top:24px;padding-bottom:24px}.demo-intro-inner{gap:18px}.demo-form{gap:11px}.demo-form .field{padding:9px 14px}}@media (max-width:900px){.demo{grid-template-columns:1fr}.demo-intro{border-inline-end:0;border-bottom:1px solid var(--color-border-strong);justify-content:center;padding:28px 24px 36px}.demo-intro-inner{width:100%}.demo-form-wrap{justify-content:center;padding:32px 24px 48px}}@media (max-width:520px){.demo-interest .filter-bar{flex-wrap:wrap}.demo-row{grid-template-columns:1fr}.demo-metrics{grid-template-columns:repeat(2,1fr)}}