.hero-purpose{max-width:760px;margin:18px auto 14px;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#49434f;text-wrap:pretty}.hero-system-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #9d8aaa;border-radius:12px;background:linear-gradient(135deg,#fff,#eee7f4);color:#4f3e61;font:600 14px Arial,sans-serif;text-decoration:none}.hero-system-link:focus-visible,.source-example-button:focus-visible{outline:3px solid #8d69ab;outline-offset:4px}.source-example-button{appearance:none;background:transparent;border:0;color:#5f4377!important;font:600 13px Arial,sans-serif;min-height:44px;padding:10px 0;cursor:pointer}.source-demo-label{font:11px Arial,sans-serif;color:#665772;border:1px solid #d8cde1;border-radius:8px;padding:3px 6px;margin-right:8px}.visible-demo-note{text-align:center;font:12px/1.5 Arial,sans-serif;color:#64566d;margin:10px 20px}.source-example-dialog{box-sizing:border-box;width:min(640px,calc(100% - 32px));max-height:90svh;overflow:auto;border:1px solid #d6cbdc;border-radius:22px;padding:26px;background:#fff;color:#28232e;font:16px/1.6 Arial,sans-serif}.source-example-dialog::backdrop{background:#20142860}.source-example-dialog h2{font-size:clamp(22px,4vw,32px);line-height:1.2}.source-example-close{display:block;margin-left:auto;min-height:44px;padding:8px 14px;border:1px solid #b4a0c3;border-radius:10px;background:#f7f3fa;color:#4a385a}.example-art{display:block!important;width:100%!important;max-height:370px;height:auto!important;position:static!important;transform:none!important}.example-note{font-size:13px;color:#605368}