body.demo-page{--paper:#fff;--ink:#171925;--muted:#596176;--line:#e0e2e9;background:#fff}.demo-main .tc-hero{display:block;padding:58px 0 36px}.demo-main .tc-eyebrow{color:#655299}.demo-page .tc-btn:hover{background:#463b75}
.demo-main{max-width:1000px}.demo-main h1{font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1.1}.demo-main .tc-section{padding-block:30px}.demo-main figure{margin:24px 0}.demo-main figure img{max-width:100%;height:auto;display:block;border:1px solid #dde0e7;border-radius:12px}.demo-main figure img[src*="mailing"],.demo-main figure img[src*="neuro"]{max-height:520px;width:auto;max-width:100%}.demo-main figcaption{font-size:13px;color:#596176;margin-top:10px}.demo-panel{padding:28px!important;border:1px solid #dad7f1;border-radius:24px;background:#f7f6fd}.demo-panel label{display:block;font-weight:600;margin:15px 0 7px}.demo-panel input[type=text],.demo-panel textarea,.demo-panel select{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #b5b8c8;border-radius:10px;background:white;color:#171925;font:inherit}.demo-panel input[type=checkbox]{accent-color:#6351c4;width:18px;height:18px}.demo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-block:15px}.demo-options label{display:flex;align-items:center;gap:9px;font-size:15px}.demo-panel output{display:block;white-space:pre-wrap;padding:18px;border-radius:12px;background:#fff;border:1px solid #ddd9ee;line-height:1.6}.demo-table-wrap{overflow-x:auto;margin-top:20px}.demo-table-wrap table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:14px}.demo-table-wrap td,.demo-table-wrap th{padding:10px;border-bottom:1px solid #dedce9}.demo-table-wrap th{background:#eeebf9}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-metrics div{padding:22px;background:#f3f3fa;border-radius:16px}.demo-metrics strong{display:block;font-size:32px;letter-spacing:-1px}.demo-metrics span{display:block;color:#465069}.demo-main blockquote{margin:18px 0;padding:18px 22px;border-left:3px solid #7964d9;background:#f5f4fa;line-height:1.65}.demo-badge{display:inline-block;padding:8px 14px;border-radius:30px;background:#ebe8f9;color:#4b3c85;font-size:14px}.demo-crumbs{padding-top:25px;font-size:14px;color:#596176}.tc-nav nav{display:flex;gap:18px}.tc-brand{display:flex;align-items:center;gap:10px}.demo-main a:focus-visible,.demo-panel :focus-visible{outline:3px solid #8974de;outline-offset:4px}.demo-main p,.demo-main li{line-height:1.7}.demo-main li{margin-block:7px}@media(max-width:600px){.demo-options,.demo-metrics{grid-template-columns:1fr}.demo-panel{padding:18px!important}.tc-nav{flex-wrap:wrap;gap:15px}.tc-nav nav{font-size:14px}.demo-table-wrap{max-width:100%}}