h1{font-size:58px;line-height:1.15;letter-spacing:-2px}.demo-lead{font-size:20px;line-height:1.8;color:#d0dcef;max-width:940px;margin:25px 0 30px}.demo-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;background:#1b2b43;border:1px solid #647b9f;border-radius:15px;padding:25px}.demo-controls label{font-size:16px;flex:1;min-width:160px}.demo-controls input[type=date],.demo-controls select{display:block;background:#101d32;color:#f3f6ff;font:17px var(--font);width:100%;min-height:50px;padding:12px;border:1px solid #9aafcc;border-radius:8px;margin-top:9px}.demo-controls .demo-check{display:flex;gap:10px;align-items:center;min-height:50px;min-width:240px;flex:1.3}.demo-check input{width:20px;height:20px;accent-color:#b3ede2}.demo-note{font-size:16px;color:#c8d5e9;line-height:1.8;margin:24px 0}.demo-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:30px 0 40px}.demo-metrics article{padding:27px;border:1px solid #80b4c4;border-radius:15px;background:linear-gradient(125deg,#204453,#1e2e48)}.demo-metrics article:nth-child(2){background:linear-gradient(125deg,#40325c,#292b4b);border-color:#af9bce}.demo-metrics article:nth-child(3){background:linear-gradient(125deg,#4a342e,#2d2a42);border-color:#b69280}.demo-metrics span{display:block;font-size:17px;color:#e0e7f5;margin-bottom:10px}.demo-metrics strong{font:500 40px var(--display);color:#aff1e2}.demo-metrics article:nth-child(2) strong{color:#d5bbff}.demo-metrics article:nth-child(3) strong{color:#ffd1ab}.demo-chart,.demo-method{border:1px solid #54688d;border-radius:16px;background:#18233b;padding:30px;margin:35px 0}.demo-chart h2,.demo-records h2,.demo-method h2{font-size:29px;letter-spacing:-.6px}.demo-chart>p{font-size:17px;color:#c1d0e9;margin:15px 0 25px}.bucket-row{display:grid;grid-template-columns:115px 1fr 140px;gap:20px;align-items:center;margin:17px 0;font-size:17px}.bucket-track{height:24px;background:#0a1425;border-radius:5px;overflow:hidden}.bucket-fill{height:100%;background:#8fe3e6;border-radius:5px}.bucket-row:nth-child(2) .bucket-fill{background:#b8a0f5}.bucket-row:nth-child(3) .bucket-fill{background:#ffbd96}.bucket-row:nth-child(4) .bucket-fill{background:#8cd7b5}.bucket-row:nth-child(5) .bucket-fill{background:#e2a2db}.bucket-row>strong{text-align:right;font-weight:500}.demo-records{margin:45px 0}.table-scroll{overflow:auto;max-width:100%;border:1px solid #596b8b;border-radius:12px;margin-top:24px}table{border-collapse:collapse;width:100%;min-width:820px;font-size:16px}caption{font-size:15px;text-align:left;background:#20324d;padding:16px;color:#d6e3f5}th,td{padding:16px;text-align:left;border-bottom:1px solid #334969;white-space:nowrap}th{font-size:15px;background:#1c2d47;color:#c6e6eb}td{color:#d4e0f1}tbody tr:nth-child(2n){background:#162239}.demo-method p,.demo-method li{font-size:18px;color:#d0dff2;line-height:1.85}.demo-method ol{padding-left:24px}.demo-method li{padding-left:8px;margin-bottom:14px}.demo-method p{margin-top:25px}.demo-downloads{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}#demo-error{color:#ffccaa;font-size:18px}#demo-error:empty{display:none}
@media(max-width:700px){h1{font-size:43px;letter-spacing:-1.5px}.demo-lead{font-size:18px}.demo-controls{padding:22px;gap:18px}.demo-controls label{min-width:100%;flex:1}.demo-controls .demo-check{min-width:100%}.demo-controls .btn{width:100%}.demo-metrics{grid-template-columns:1fr;gap:14px}.demo-metrics article{padding:23px;display:flex;gap:15px;justify-content:space-between;align-items:center}.demo-metrics strong{font-size:32px}.demo-metrics span{font-size:17px;margin:0}.demo-chart,.demo-method{padding:23px}.bucket-row{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.bucket-track{grid-column:1/-1;grid-row:2}.bucket-row>strong{font-size:16px}.demo-chart h2,.demo-records h2,.demo-method h2{font-size:27px}.demo-downloads .btn{width:100%;white-space:normal}.demo-method p,.demo-method li{font-size:18px}footer span{font-size:14px}}