.demo-layout{max-width:1440px;margin:auto;padding:72px 6vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}.demo-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--legal-primary)}.demo-story h1{font-size:clamp(40px,4.8vw,68px);margin:22px 0;line-height:1.12}.demo-story h1 em{font-style:normal;color:var(--legal-primary)}.demo-lead{max-width:520px;color:var(--legal-muted);font-size:17px}.demo-preview{margin-top:38px;padding:30px;border:1px solid var(--legal-line);border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#dcd0ff,transparent 65%),linear-gradient(135deg,#fff,#f0eafa);box-shadow:0 16px 48px #6651d70a}.demo-badge{font-size:11px;color:#51446c}.demo-preview h2{margin:16px 0 25px;font-size:28px}.demo-preview ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.demo-preview li{display:flex;gap:16px;align-items:start}.demo-preview li>b{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#fff;color:var(--legal-primary);font-size:12px;border:1px solid var(--legal-line)}.demo-preview strong{font-size:14px}.demo-preview li p,.demo-note{font-size:12px;color:var(--legal-muted)}.demo-note{margin-top:18px}.demo-panel{background:var(--legal-surface);border:1px solid var(--legal-line);border-radius:24px;padding:32px;box-shadow:0 20px 70px #6651d70c;min-width:0}.demo-panel h2{font-size:30px;margin:12px 0}.demo-panel>p:not(.demo-eyebrow){font-size:14px;color:var(--legal-muted)}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:28px}.demo-fields label{display:grid;gap:7px;font-size:12px;font-weight:600;align-content:start}.demo-fields label>span{display:none}.demo-fields input,.demo-fields select,.demo-fields textarea,#draft-text{width:100%;min-width:0;min-height:46px;border:1px solid var(--legal-line);border-radius:10px;padding:11px 12px;background:#fcfbfe;color:var(--legal-ink);font:13px/1.5 'DM Sans',sans-serif}.demo-fields textarea,#draft-text{resize:vertical}.demo-wide{grid-column:1/-1}.demo-consent{display:flex;align-items:start;gap:10px;margin:22px 0 16px;font-size:12px;color:var(--legal-muted);line-height:1.7}.demo-consent input{margin-top:4px;accent-color:var(--legal-primary);width:17px;height:17px;flex-shrink:0}.demo-consent a{color:var(--legal-primary);text-decoration:underline}.demo-status{font-size:12px;padding:12px 14px;border-radius:10px;background:#f2edf9;color:#51446c;margin-bottom:16px}.demo-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:11px;background:var(--legal-primary);color:#fff;padding:15px 18px;min-height:50px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s,background .2s}.demo-submit:hover{background:#5844c3;transform:translateY(-2px)}.demo-submit span{font-size:22px}.demo-small{font-size:11px;color:var(--legal-muted);margin-top:12px}.demo-page input:focus-visible,.demo-page select:focus-visible,.demo-page textarea:focus-visible,.demo-submit:focus-visible{outline:3px solid var(--legal-primary);outline-offset:3px}#demo-draft{margin-top:24px;border-top:1px solid var(--legal-line);padding-top:20px}#demo-draft h3{font-size:19px}#demo-draft p{font-size:12px;color:var(--legal-muted);margin:10px 0}.demo-page{background:radial-gradient(ellipse at 10% 30%,#ece4fb,transparent 55%),var(--legal-bg)}@media(max-width:900px){.demo-layout{gap:28px;padding-inline:4vw}.demo-panel{padding:24px}.demo-fields{grid-template-columns:1fr}.demo-wide{grid-column:auto}.demo-story h1{font-size:43px}}@media(max-width:650px){.demo-layout{grid-template-columns:1fr;padding:38px 22px 48px}.demo-story h1{font-size:42px}.demo-lead{font-size:15px}.demo-preview{padding:22px;margin-top:24px}.demo-preview h2{font-size:24px}.demo-panel{padding:22px;border-radius:18px}.demo-fields{gap:16px}.demo-panel h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.demo-submit{transition:none}}
.demo-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.demo-submit:disabled{opacity:.65;cursor:wait;transform:none}