.demo-intro{padding-top:80px;padding-bottom:44px;max-width:850px;margin-left:0}.demo-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.04em}.demo-intro .lead{max-width:660px}.demo-shell{border:1px solid var(--line,#d9dfd8);border-radius:16px;background:#fffef9;margin-bottom:80px;overflow:hidden;box-shadow:0 22px 70px #12343b0a}.demo-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;background:#edf3ed;padding:25px 32px}.demo-toolbar label{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.demo-toolbar select{font:inherit;max-width:100%;padding:9px 30px 9px 12px;border:1px solid #c0cfc7;background:white;border-radius:5px;color:#12343b}.demo-note{max-width:340px;font-size:.8rem;line-height:1.6}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-bottom:1px solid #d9dfd8}.demo-steps button{border:0;border-right:1px solid #d9dfd8;background:transparent;padding:24px 18px;color:#12343b;text-align:left;font:600 .82rem Manrope,sans-serif;cursor:pointer}.demo-steps button:last-child{border-right:0}.demo-steps button[aria-current]{background:#12343b;color:white}.demo-steps button:disabled{color:#7f8a86;cursor:default}.demo-steps b{display:block;font-size:.7rem;margin-bottom:7px;opacity:.7}.demo-stage{padding:40px 36px;min-height:390px}.demo-stage h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 22px;letter-spacing:-.03em}.demo-stage h2:focus{outline:none}.demo-stage p{max-width:750px;line-height:1.75}.demo-example{border-left:4px solid #38b2a3;background:#edf3ed;padding:22px;margin:24px 0}.demo-example p{margin:8px 0}.demo-table{overflow:auto;margin:25px 0;border:1px solid #d9dfd8;border-radius:6px}.demo-table table{width:100%;border-collapse:collapse;font-size:.88rem}.demo-table th,.demo-table td{text-align:left;padding:18px 16px;border-bottom:1px solid #d9dfd8;min-width:110px;line-height:1.6}.demo-table th:first-child,.demo-table td:first-child{min-width:65px}.demo-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;background:#edf3ed}.demo-table input{accent-color:#187568;width:20px;height:20px}.demo-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.demo-actions button:disabled{opacity:.5;cursor:default}.demo-footer{padding:22px 36px;border-top:1px solid #d9dfd8;display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.demo-reset{background:none;border:0;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;color:#12343b}.demo-history{padding-left:22px;line-height:2.2}.demo-help{padding:0 0 75px;max-width:740px}.demo-help h2{font-size:2.4rem}.demo-help p{line-height:1.8}.demo-stage [hidden],[data-demo][hidden],[data-no-demo][hidden]{display:none!important}@media(max-width:760px){.demo-intro{padding-top:45px}.demo-toolbar{display:block;padding:22px}.demo-note{margin-top:18px}.demo-steps{grid-template-columns:repeat(2,1fr)}.demo-steps button{border-bottom:1px solid #d9dfd8;padding:17px}.demo-stage{padding:28px 22px}.demo-footer{padding:20px 22px;flex-wrap:wrap}.demo-shell{margin-bottom:45px}.demo-help h2{font-size:1.9rem}}