.history-demo{margin:42px 0;scroll-margin-top:110px}.history-demo>h3{font-size:31px;line-height:1.25;margin-bottom:14px}.history-demo>p:not(.eyebrow){max-width:760px;color:var(--muted)}.hd-shell{margin-top:25px;border:1px solid #dfe5e9;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 16px 45px #2032420b}.hd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:#20282e;color:#fff}.hd-toolbar strong{font-size:17px}.hd-shell label{font-size:12px;color:#b9c5cd}.hd-shell select{margin-left:7px;padding:8px;border:1px solid #c5d0d7;border-radius:7px;background:#fff;color:#26343c}.hd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;background:#f4f7f8}.hd-kpis>div{padding:16px;background:#fff;border:1px solid #dfe5e9;border-radius:9px}.hd-kpis span{display:block;font-size:11px;color:#687985}.hd-kpis strong{display:block;margin-top:7px;font-size:28px;color:#26343c}.hd-comparison{display:grid;grid-template-columns:.75fr 1.3fr .8fr;gap:22px;align-items:center;padding:22px 24px;border-top:1px solid #e4e9ec;border-bottom:1px solid #e4e9ec}.hd-comparison h4{font-size:15px;margin:0 0 5px}.hd-comparison p{font-size:11px;color:#73838e;margin:0}.hd-cost-bars{display:grid;gap:10px}.hd-cost-bars>div{display:grid;grid-template-columns:58px 1fr 92px;gap:10px;align-items:center;font-size:11px}.hd-cost-bars i{display:block;height:10px;border-radius:10px;background:linear-gradient(90deg,#ff713d var(--bar),#e9edf0 var(--bar))}.hd-cost-bars strong{text-align:right;font-size:11px}.hd-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:24px}.hd-layout h4{font-size:15px;margin:0 0 15px}.hd-row{display:grid;width:100%;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;text-align:left;padding:13px;border:1px solid #dfe5e9;border-radius:8px;background:#fff;color:#26343c;font:inherit;cursor:pointer;margin-bottom:9px}.hd-row[aria-pressed=true]{border-color:#f15a24;background:#fff6f0;box-shadow:inset 3px 0 #f15a24}.hd-row strong{font-size:11px}.hd-row span{font-size:11px;color:#647580}.hd-row small{font-size:9px;background:#eef2f4;border-radius:20px;padding:5px 7px}.hd-detail{align-self:start;padding:20px;background:#f7f9fa;border:1px solid #dfe5e9;border-radius:10px}.hd-detail>h4{margin-bottom:5px}.hd-detail>p{font-size:12px;color:#667783}.hd-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.hd-values>div{padding:12px;background:#fff;border:1px solid #e0e6e9;border-radius:7px}.hd-values small{display:block;font-size:9px;color:#788792}.hd-values strong{display:block;font-size:15px;margin-top:5px}.hd-detail ol{margin:0;padding-left:20px}.hd-detail li{font-size:11px;color:#51636e;padding:5px 0}.hd-context{margin-top:15px!important;padding:12px;border-left:3px solid #f15a24;background:#fff3ea}.hd-note{padding:0 24px 22px;margin:0;font-size:10px;color:#778792}@media(max-width:800px){.hd-toolbar{flex-wrap:wrap}.hd-kpis{grid-template-columns:1fr 1fr}.hd-comparison,.hd-layout{grid-template-columns:1fr}.hd-row{grid-template-columns:1fr auto}.hd-row span{grid-column:1/-1}.history-demo>h3{font-size:26px}.hd-cost-bars>div{grid-template-columns:55px 1fr 82px}}