.pae-demo { max-width: 720px; margin: 30px auto; padding: clamp(20px,4vw,34px); border: 1px solid #e9e6ef; border-radius: 22px; background: #fff; color: #282131; box-shadow: 0 10px 35px rgba(43,27,67,.07); font-family: inherit; }
.pae-demo__eyebrow { color: #8055a4; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: .12em; }
.pae-demo h2 { font-size: clamp(24px,3.6vw,32px); line-height: 1.2; margin: 10px 0; color: #2b2440; }
.pae-demo p { line-height: 1.55; }
.pae-demo fieldset { border: none; padding: 0; margin: 20px 0; min-width: 0; }
.pae-demo legend { font-weight: 700; margin-bottom: 14px; font-size: 17px; }
.pae-demo__options { display: grid; gap: 10px; }
.pae-demo__options label { display: flex; align-items: center; gap: 12px; cursor: pointer; border: 1px solid #e4dce9; border-radius: 12px; padding: 13px 15px; background: #faf8fc; }
.pae-demo__options label:has(input:checked) { background: #f1e9fa; border-color: #986ac2; }
.pae-demo__options input { accent-color: #8055a4; width: 17px; height: 17px; }
.pae-demo button { appearance: none; background: #7550a0; color: white; border: none; padding: 13px 22px; font-weight: 700; border-radius: 11px; cursor: pointer; }
.pae-demo button:hover { background: #603e88; }
.pae-demo__result { background: #f1e9fa; padding: 13px; border-radius: 10px; margin-top: 14px; }
.pae-demo__footnote { margin-top: 20px; color: #67606d; font-size: 12px; }