.demo-dlg{background:var(--paper);width:min(760px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--ink);border:0;border-radius:24px;margin:auto;padding:0;overflow:hidden;box-shadow:0 40px 120px #00000073}.demo-dlg::backdrop{-webkit-backdrop-filter:blur(6px);background:#08080a9e}.demo-dlg[open]{animation:demo-in .45s var(--ease) both}.demo-dlg[open]::backdrop{animation:.35s both demo-fade}@keyframes demo-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes demo-fade{0%{opacity:0}}.demo-in{overscroll-behavior:contain;max-height:calc(100svh - 24px);padding:clamp(24px,4vw,44px);position:relative;overflow-y:auto}.demo-close{z-index:2;background:var(--wash);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:transform .3s var(--ease);box-shadow:0 0 0 3px var(--paper), 0 6px 16px -6px #00000040;border:0;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:18px;right:18px}.demo-close:hover{transform:rotate(90deg)}.demo-head{margin-bottom:24px;padding-right:48px}.demo-kicker{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-strong);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.demo-kicker:before{content:"";background:var(--ac);border-radius:50%;width:8px;height:8px}.demo-head h2{font-family:var(--display);letter-spacing:-.035em;margin:10px 0;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.06}.demo-head p{color:var(--body);margin:0;font-size:15px;line-height:1.55}.demo-form.pf{max-width:none}.demo-set{border:0;margin:0 0 20px;padding:0}.demo-set legend{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-strong);margin-bottom:12px;padding:0;font-size:11px}.demo-form .pf-grid{gap:14px}.demo-form .pf-field>span{font-size:12.5px}.demo-form .pf-field :is(input,select,textarea){border:1px solid var(--line-strong);background-color:var(--paper);border-radius:10px;min-height:46px;padding:11px 13px;transition:border-color .2s,box-shadow .2s}.demo-form .pf-field :is(input,select,textarea):focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #0a0a0a1a}.demo-form .pf-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230a0a0a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.demo-chips{flex-wrap:wrap;gap:8px;display:flex}.demo-chip{cursor:pointer;position:relative}.demo-chip input{opacity:0;width:1px;height:1px;position:absolute}.demo-chip span{box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:background-color .2s,box-shadow .2s,color .2s;display:inline-flex}.demo-chip span:before{content:"";width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--muted-strong);border-radius:50%;transition:background-color .2s,box-shadow .2s}.demo-chip:hover span{box-shadow:inset 0 0 0 1px var(--ink)}.demo-chip input:checked+span{background:color-mix(in srgb, var(--ac) 10%, #fff);box-shadow:inset 0 0 0 1.5px var(--ac)}.demo-chip input:checked+span:before{background:var(--ac);box-shadow:none}.demo-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.demo-msg{margin-bottom:6px}.demo-msg textarea{resize:vertical;min-height:90px}.demo-form .pf-consent{margin-top:14px;font-size:13px}.demo-form .pf-consent input{width:18px;height:18px}.demo-form>.home-cta-row{margin-top:22px}.demo-done{background:var(--wash);border:0;border-radius:16px}.demo-done .btn-solid{margin-top:18px}@media (max-width:640px){.demo-dlg{border-radius:18px}}@media (prefers-reduced-motion:reduce){.demo-dlg[open],.demo-dlg[open]::backdrop{animation:none}.demo-close{transition:none}}