.demo{padding:22px 0 20px}.demo-intro{padding:16px 0 10px}.demo-intro h1{margin:10px 0;font-size:clamp(29px,5vw,43px)}.demo-back{color:#80e5d4;font-size:13px}.demo-muted{color:#adbed1;font-size:14px;line-height:1.55}.demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0 12px;display:grid}.demo-tab{color:#d7e4f0;cursor:pointer;background:#15263a;border:1px solid #334962;border-radius:12px;min-height:52px;padding:10px 6px;font-size:13px}.demo-tab.active{color:#06211d;background:#31d0b4;border-color:#31d0b4;font-weight:800}.demo-notice{color:#c2d5e5;background:#12273a;border-left:3px solid #31d0b4;border-radius:6px;padding:12px;font-size:12px;line-height:1.5}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.demo-stat{background:#102137;border:1px solid #293b54;border-radius:15px;flex-direction:column;gap:10px;min-width:0;padding:17px;display:flex}.demo-stat span{color:#adbed1;font-size:12px}.demo-stat strong{overflow-wrap:anywhere;font-size:clamp(18px,3vw,26px)}.demo h2{font-size:22px}.demo-cards{grid-template-columns:1fr;gap:12px;display:grid}.demo-vehicle,.demo-detail{background:#101f33;border:1px solid #293b54;border-radius:17px;min-width:0;padding:19px}.demo-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-id{color:#8daac0;font-size:12px}.demo-status{color:#7be4d1;background:#193a47;border-radius:20px;padding:7px 10px;font-size:11px}.demo-vehicle h3{margin:16px 0 8px;font-size:17px}.demo-money{border-top:1px solid #2c4056;justify-content:space-between;gap:8px;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.demo-action{color:#07231d;cursor:pointer;background:#31d0b4;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;margin-top:15px;padding:10px 16px;font-weight:800;display:inline-flex}.demo-detail{margin-top:18px}.demo-detail h2{margin:0}.demo-detail p{font-size:14px}.demo button:focus-visible,.demo a:focus-visible{outline-offset:3px;outline:3px solid #7ff5dd}@media (min-width:720px){.demo-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-tab{font-size:15px}}
