:root{font-family:Arial,Helvetica,sans-serif;color:#252923;background:#f4f1ea}*{box-sizing:border-box}body{margin:0}.shell{max-width:1120px;margin:auto;padding:0 30px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3d0c6}header strong{font-size:22px;letter-spacing:-.05em}a{color:#375645;text-underline-offset:3px;font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3d7654;outline-offset:3px}.hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:65px 0 42px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6c755d}h1{font:normal clamp(43px,6vw,68px)/1.04 Georgia,serif;letter-spacing:-.05em;margin:13px 0 17px}.hero p:last-child{font-size:15px;line-height:1.55;color:#62685e;max-width:520px;margin:0}.count{font-size:14px;color:#61685e;white-space:nowrap}form{display:flex;gap:12px;padding-bottom:30px;align-items:end}label{font-size:11px;font-weight:700;color:#687064;flex:1}label:first-child{flex:2}input,select{display:block;width:100%;margin-top:7px;height:42px;background:white;border:1px solid #c8c8bd;border-radius:3px;color:#252923;padding:0 12px;font:inherit;font-size:13px}.columns,.ticket{display:grid;grid-template-columns:2fr 1fr 130px;gap:20px;align-items:center}.columns{padding:14px 17px;color:#777b72;font-size:11px;border-bottom:2px solid #30372e}.ticket{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #d3d0c6;padding:22px 17px;cursor:pointer;color:#252923;font:inherit}.ticket:hover{background:#ecece4}.ticket strong{display:block;font-size:16px}.ticket small{display:block;color:#777b72;margin-top:6px;font-size:12px}.ticket>span:nth-child(2){font-size:13px}.status{font-size:12px;font-weight:700}.status.ready{color:#31764f}.status.new{color:#9a6540}.empty{padding:26px 17px;color:#777b72}.detail{position:fixed;right:0;top:0;bottom:0;width:min(390px,100%);background:#fffefa;border-left:1px solid #c8c8bd;box-shadow:-18px 0 40px #23292320;padding:30px;overflow:auto}.detail button{border:1px solid #c8c8bd;background:none;padding:9px 14px;cursor:pointer}.detail h2{font:normal 32px Georgia,serif;margin:45px 0 16px}.detail dt{color:#777b72;font-size:11px;margin-top:25px}.detail dd{margin:7px 0 0;font-size:15px;line-height:1.5}footer{border-top:1px solid #d3d0c6;margin-top:85px;padding:26px 0 45px;font-size:12px;color:#777b72;line-height:1.7}@media(max-width:700px){.shell{padding:0 18px}.hero{display:block;padding:48px 0 35px}.count{display:block;margin-top:20px}form{display:grid;grid-template-columns:1fr 1fr}label:first-child{grid-column:1/-1}.columns{display:none}.ticket{grid-template-columns:1fr auto;gap:8px;padding:18px 4px}.ticket>span:nth-child(2){grid-column:1}.ticket>span:last-child{grid-column:2;grid-row:1}.detail{padding:20px}}
.demo-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:24px 0 40px;border-top:1px solid #d3d0c6}.demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d3d0c6;border:1px solid #d3d0c6}.demo-metric{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#fffefa;min-height:108px;padding:18px}.demo-metric span{font-size:12px;color:#58655a}.demo-metric strong{font:normal 34px Georgia,serif}.demo-breakdown{padding:12px 0}.demo-breakdown h2{font:normal 22px Georgia,serif;margin:0 0 20px}.breakdown-row{display:grid;grid-template-columns:90px minmax(0,1fr) 20px;gap:10px;align-items:center;margin:0 0 14px;font-size:12px}.breakdown-row strong{text-align:right}.breakdown-track{height:8px;background:#dedfd6}.breakdown-track>span{display:block;height:100%;background:#55745e}input,select,.detail button{min-height:44px}@media(max-width:700px){.demo-overview{grid-template-columns:1fr}.demo-metric{min-height:90px}}