.tp-demo{padding-block:var(--rhythm);grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.tp-demo:has(>:only-child){grid-template-columns:minmax(0,400px);justify-content:center}.tp-section{padding-block:calc(var(--rhythm) * .6)}.tp-h2{font-family:var(--font-display);font-variation-settings:"wdth" 82;letter-spacing:-.018em;color:var(--color-on-surface);margin:0 0 20px;font-size:clamp(28px,3.2vw,38px);font-weight:800;line-height:1.05}.tp-h3{font-family:var(--font-display);color:var(--color-on-surface);margin:36px 0 14px;font-size:21px;font-weight:700}.tp-points{gap:20px;margin:0;display:grid}.tp-points dt{color:var(--color-on-surface);font-size:17px;font-weight:700}.tp-points dd{max-width:56ch;color:var(--color-on-surface-variant);margin:4px 0 0;line-height:1.55}.tp-list{max-width:72ch;color:var(--color-on-surface-variant);gap:10px;margin:0;padding-left:1.2em;line-height:1.55;display:grid}.tp-list li::marker{color:var(--color-primary)}.tp-source{color:var(--color-on-surface-dim);margin:0 0 18px;font-size:14px}.tp-source a{color:var(--color-primary);font-weight:600}.tp-table{border-collapse:separate;border-spacing:0;border:1px solid var(--color-outline);background:var(--color-surface-container);border-radius:18px;width:100%;font-size:15px;line-height:1.5;overflow:hidden}.tp-table th,.tp-table td{text-align:left;vertical-align:top;border-top:1px solid var(--color-outline);padding:14px 18px}.tp-table thead th{color:var(--color-on-surface-dim);border-top:0;font-size:14px}.tp-table tbody th{width:18%;color:var(--color-on-surface);font-weight:700}.tp-table td{color:var(--color-on-surface-variant)}.tp-table .tp-us{background:var(--color-primary-container);color:var(--color-on-primary-container)}.tp-table thead .tp-us{font-weight:700}.tp-links{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tp-links a{border:1px solid var(--color-outline);color:var(--color-on-surface);border-radius:999px;padding:8px 16px;font-size:14.5px;font-weight:600;display:inline-block}.tp-links a:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (width<=860px){.tp-demo{grid-template-columns:minmax(0,1fr)}.tp-demo .cs{margin-inline:auto}}@media (width<=640px){.tp-table thead{display:none}.tp-table,.tp-table tbody,.tp-table tr,.tp-table th,.tp-table td{width:auto;display:block}.tp-table tbody th{background:var(--color-surface-low);width:auto}.tp-table td:before{content:attr(data-label);margin-bottom:2px;font-size:12.5px;font-weight:700;display:block}}