.demo-main{padding-top:54px}.demo-intro{max-width:790px}.demo-intro h1{font-size:clamp(46px,6vw,80px);line-height:1.02;letter-spacing:-4px;margin:24px 0}.demo-intro .lead{max-width:650px}.demo-label{font-size:12px;color:#676762;margin:22px 0 34px}.demo-options{display:flex;gap:22px;align-items:end;border-top:1px solid #ddd;padding:26px 0}.demo-options label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.demo-options select{font:inherit;background:white;border:1px solid #ccc;padding:12px 36px 12px 14px;max-width:100%;border-radius:8px}.reset{margin-left:auto;background:none;border:0;cursor:pointer;padding:13px 0;font:inherit}.demo-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:10px 0 0}.demo-progress li{padding:16px;border-bottom:3px solid #ddd;font-size:13px}.demo-progress span{font-weight:800;margin-right:9px}.demo-progress [aria-current],.demo-progress .done{border-color:#161616}.demo-progress [aria-current]{background:#fff8d5}.demo-workspace{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #ddd;border-top:0;border-radius:0 0 18px 18px;overflow:hidden}.demo-customer,.demo-business{padding:28px;min-width:0}.demo-customer{background:#f5f5f0;border-right:1px solid #ddd}.demo-workspace h2{font-size:24px;letter-spacing:-.8px;margin:24px 0}.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px}.demo-chip{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #ddd;border-radius:30px;padding:7px 10px}.demo-personal-card{max-width:230px;margin:0 auto 26px;background:#fff;padding:24px;text-align:center;box-shadow:0 10px 25px #0000000a;border-radius:14px}.demo-personal-card p{margin:22px 0 16px;font-size:13px}.demo-personal-card strong{display:block;font-size:32px;letter-spacing:-1px;margin-top:5px}.demo-personal-card img{display:block;margin:0 auto 20px}.demo-personal-card b{font-size:14px}.full{width:100%;justify-content:center}.view-toggle{display:flex;border:1px solid #ddd;border-radius:30px;padding:3px}.view-toggle button{border:0;background:transparent;border-radius:24px;padding:8px 12px;cursor:pointer;font:inherit;font-size:11px;font-weight:700}.view-toggle [aria-pressed=true]{background:#171717;color:#fff}.demo-profile{display:flex;align-items:center;gap:12px}.demo-profile strong{font-size:16px}.demo-profile small{display:block;color:#666;font-size:12px;line-height:1.6;margin-top:5px}.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}.demo-stats>div{background:#f6f6f2;border-radius:10px;padding:18px 8px;text-align:center}.demo-stats strong{font-size:32px;letter-spacing:-1px}.demo-stats small{display:block;font-size:9px;letter-spacing:.6px;margin-top:7px}.demo-stats .points{background:#ffcc00}.demo-empty{border:1px dashed #ccc;border-radius:10px;padding:34px 20px;line-height:1.7;color:#777;font-size:14px;text-align:center}.demo-contribution{border:1px solid #ddd;border-radius:12px;padding:22px}.demo-contribution h3{font-size:18px;letter-spacing:-.4px}.demo-contribution p{font-size:13px;line-height:1.7;color:#60605b}.demo-review{background:#fff;border-radius:12px;padding:26px;min-height:280px;margin-bottom:25px}.demo-review p{font-size:17px;line-height:1.7}.demo-review h3{font-size:23px;letter-spacing:-.5px}.demo-review .demo-stars{color:#b47700;font-size:24px;letter-spacing:1px}.demo-review small{font-size:12px;color:#777;line-height:1.6}.demo-complete{padding:16px;text-align:center;font-size:12px;background:#e8efe3;border-radius:8px}.demo-explanation{font-size:14px;background:#fff8d5;border-radius:10px;padding:19px 22px;line-height:1.7;min-height:62px}.demo-end{display:flex;gap:22px;align-items:center;padding:60px 0 80px;flex-wrap:wrap}.demo-end>div{flex:1 1 370px}.demo-end h2{font-size:30px;letter-spacing:-1px}.demo-end p{font-size:14px;color:#666}.outline{background:white;border:1px solid #222}.pending-note{font-weight:700}button:focus-visible,select:focus-visible{outline:3px solid #b78c00;outline-offset:4px}@media(max-width:760px){.demo-main{padding-top:28px}.demo-intro h1{letter-spacing:-2.5px}.demo-options{flex-wrap:wrap;gap:15px}.demo-options>div{width:100%}.demo-options select{width:100%;font-size:14px}.reset{margin-left:0}.demo-progress li{padding:12px 5px;font-size:10px}.demo-progress span{display:block;margin-bottom:5px}.demo-workspace{grid-template-columns:1fr}.demo-customer{border-right:0;border-bottom:1px solid #ddd}.demo-customer,.demo-business{padding:22px 18px}.demo-stats strong{font-size:27px}.demo-stats small{font-size:8px}.demo-topline{flex-wrap:wrap}.demo-end{padding:35px 0}.demo-end h2{font-size:26px}}