.logo{width:176px;flex-shrink:0}.logo img{width:100%;height:auto}.footer-logo{display:block;width:164px}.footer-logo img{width:100%;height:auto}.matrix-demo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:0 18px 50px rgb(35 68 130 / 7%)}.matrix-demo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:#f6f8fc;border-bottom:1px solid var(--line)}.matrix-demo-head strong{font-size:20px}.matrix-demo-head>span{font-size:13px;color:var(--muted)}.matrix-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.matrix-tabs button{border:0;border-bottom:3px solid transparent;background:#fff;color:var(--muted);font:inherit;font-weight:600;font-size:16px;line-height:1.5;min-height:76px;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.matrix-tabs button span{font-variant-numeric:tabular-nums;font-size:13px;width:26px;height:26px;border-radius:50%;background:#eef1f6;display:grid;place-items:center;flex-shrink:0}.matrix-tabs button[aria-selected=true]{border-bottom-color:var(--blue);background:var(--light);color:var(--blue)}.matrix-tabs button[aria-selected=true] span{background:var(--blue);color:white}.matrix-tabs button:hover{background:var(--light)}.matrix-tabs button:focus-visible,.matrix-panel:focus-visible,.matrix-table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.matrix-panel{padding:32px;min-width:0}.matrix-panel[hidden]{display:none}.matrix-panel h3{font-size:28px;line-height:1.35}.matrix-panel-intro{margin:12px 0 28px;color:var(--muted);font-size:16px;max-width:850px}.matrix-table-scroll{overflow-x:auto}.matrix-panel table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:570px}.matrix-panel th,.matrix-panel td{padding:20px 16px;border-bottom:1px solid var(--line);line-height:1.6}.matrix-panel thead{background:#f6f8fc;color:var(--muted)}.matrix-panel thead th{font-weight:500;padding-block:12px}.matrix-panel tbody th{font-weight:600}.matrix-pending{display:inline-block;padding:3px 9px;background:#f1f3f6;border-radius:5px;color:var(--muted);font-size:12px;white-space:nowrap}.matrix-next{border-left:3px solid var(--blue);padding:10px 16px;margin-top:28px;font-size:15px;color:var(--muted);background:#f6f8fc}.matrix-current{margin-top:22px;font-size:15px;font-weight:600}.matrix-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f6f8fc;padding:24px 0}.matrix-metrics>div{padding:0 24px;border-right:1px solid var(--line)}.matrix-metrics>div:last-child{border:0}.matrix-metrics span{font-size:15px}.matrix-metrics strong{display:block;font-size:42px;font-weight:500;margin:14px 0}.matrix-metrics small{color:var(--muted);line-height:1.5;display:block}.matrix-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.matrix-content-grid img{width:100%;height:200px;object-fit:cover;border-radius:7px}.matrix-content-grid figcaption{padding-top:16px}.matrix-content-grid span{color:var(--muted);font-size:13px}.matrix-content-grid strong{font-size:18px;display:block;margin-top:7px;line-height:1.5}.matrix-content-grid small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.matrix-boundary{padding-top:36px}.matrix-boundary h3{font-size:24px}.matrix-boundary>div{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:24px}.matrix-boundary h4{font-size:17px;margin:0 0 10px}.matrix-boundary p{font-size:15px;color:var(--muted)}.matrix-boundary>a{display:inline-block;font-size:13px;margin-top:14px;color:var(--muted)}
@media(max-width:1000px){.site-header nav{gap:16px;font-size:13px}.matrix-panel{padding:26px}.matrix-tabs button{font-size:14px;padding:14px 10px}.matrix-content-grid{gap:16px}.matrix-metrics>div{padding:0 16px}}
@media(max-width:600px){.logo{width:148px}.matrix-demo-head{padding:16px 20px;align-items:flex-start;gap:12px}.matrix-demo-head strong{font-size:17px}.matrix-demo-head>span{font-size:11px;max-width:180px;line-height:1.6;text-align:right}.matrix-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-tabs button{min-height:66px;justify-content:flex-start;font-size:14px;padding:12px}.matrix-panel{padding:24px 18px}.matrix-panel h3{font-size:24px}.matrix-panel-intro{font-size:15px;margin-bottom:24px}.matrix-next{font-size:14px;padding:10px 12px}.matrix-panel th,.matrix-panel td{padding:15px 12px}.matrix-content-grid{grid-template-columns:1fr;gap:28px}.matrix-content-grid img{height:220px}.matrix-metrics{grid-template-columns:1fr 1fr;gap:28px 0}.matrix-metrics>div:nth-child(2){border-right:0}.matrix-metrics strong{font-size:34px;margin:10px 0}.matrix-metrics small{font-size:12px}.matrix-boundary>div{grid-template-columns:1fr;gap:24px}.matrix-boundary h3{font-size:22px}}

@media(max-width:1100px){.site-header nav{display:none}}

.matrix-swipe{display:none}@media(max-width:600px){.matrix-swipe{display:block;font-size:12px;color:var(--muted);margin:0 0 12px}}