.demo-intro{padding-top:65px;padding-bottom:45px}.demo-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-top:18px}.demo-heading h1{font-size:clamp(44px,4.8vw,70px);line-height:1.08;letter-spacing:-.025em;margin:0}.demo-heading em{color:var(--gold);font-weight:400}.demo-heading p{color:#aaa;font-size:16px;margin:0;max-width:400px}.demo-surface{background:var(--paper);color:var(--ink);padding:45px 0 75px}.demo-surface .eyebrow{color:#8b711e}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-toolbar h2{font-family:Inter,Arial,sans-serif;font-weight:500;font-size:20px;margin:10px 0}.demo-toolbar h2 span{display:block;font-size:13px;font-weight:400;color:#777;margin-top:5px}.reset-demo{border:1px solid #ccc;background:transparent;color:#555;padding:10px 16px;font-size:13px}.demo-progress{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.demo-progress li{padding:18px 0;font-size:14px;color:#777;position:relative}.demo-progress li span{margin-right:12px;font-size:12px;color:#999}.demo-progress li[aria-current=step]{color:#0d0d0d;font-weight:600}.demo-progress li[aria-current=step]:after{content:'';height:2px;background:#b2932b;position:absolute;bottom:-1px;left:0;width:80%}.demo-progress li.completed span{color:#8b711e}.demo-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;align-items:start}.demo-panel{background:#fff;border:1px solid #ddd;padding:35px;min-height:440px}.demo-panel h2{font-size:40px;line-height:1.1;margin:12px 0 20px}.demo-panel p{font-size:15px;color:#666}.demo-panel h3{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500}.demo-card{padding:20px;border:1px solid #e0e0e0;margin:16px 0;background:#fcfcfc}.demo-card small{font-size:12px;color:#777}.demo-card strong{display:block;font-size:17px;font-weight:500;margin:5px 0}.demo-card dl{margin:12px 0 0}.demo-card dl>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;border-top:1px solid #eee;padding:8px 0}.demo-card dt{color:#777}.demo-card dd{margin:0;text-align:right}.demo-card .demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-pair strong{font-size:22px;margin:10px 0}.demo-pair span{font-size:13px;color:#666}.demo-reason{font-size:14px;border-left:2px solid #b2932b;background:#f7f4e9;padding:12px 15px;margin-top:20px;color:#5b4d22}.demo-action{margin-top:22px}.demo-aside{background:#f2f2f3;border:1px solid #dedee1;padding:25px}.demo-aside dl{margin:18px 0 25px}.demo-aside dl>div{padding:12px 0;border-bottom:1px solid #ddd}.demo-aside dt{font-size:12px;color:#777}.demo-aside dd{font-size:20px;font-weight:500;margin:5px 0 0;font-variant-numeric:tabular-nums}.demo-aside .demo-total{border-top:1px solid #bbb;border-bottom:0;margin-top:10px;padding-top:18px}.demo-total dd{font-size:28px}.demo-role{border-top:1px solid #ddd;padding-top:18px}.demo-role p{font-size:14px;margin:8px 0}.demo-aside h3{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;margin-top:22px}.demo-aside ol{padding-left:18px;font-size:12px;color:#666}.demo-aside li{padding-bottom:10px}.demo-disclaimer{font-size:12px;color:#777;border-top:1px solid #ddd;padding-top:18px}.explanation-choice{display:block;margin:16px 0}.explanation-choice select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccc;background:#fff;font-size:16px;color:#111}.demo-error{color:#8b2c2c!important;font-size:14px!important}.demo-stamp{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6d6e51;border:1px solid #c8c9ba;display:inline-block;padding:8px 12px}.demo-panel button:disabled{opacity:.6;cursor:wait}@media(max-width:900px){.demo-heading{gap:35px}.demo-layout{grid-template-columns:1.4fr 1fr;gap:20px}.demo-panel{padding:25px}}@media(max-width:720px){.demo-intro{padding-top:45px;padding-bottom:35px}.demo-heading{grid-template-columns:1fr;gap:20px}.demo-heading h1{font-size:46px}.demo-toolbar{align-items:start}.reset-demo{font-size:12px;max-width:120px}.demo-progress li{font-size:12px;text-align:center;padding:15px 0}.demo-progress li span{display:block;margin:0 0 5px}.demo-progress li[aria-current=step]:after{width:100%}.demo-layout{grid-template-columns:1fr}.demo-panel{padding:22px;min-height:0}.demo-panel h2{font-size:35px}.demo-card{padding:16px}.demo-pair strong{font-size:18px}.demo-aside dl{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-aside dd{font-size:17px}.demo-aside .demo-total{grid-column:1/-1}.demo-aside dt{font-size:12px}}