.sling-matrix{--matrix-bg:#fafafa;--matrix-border:#e5e5e5;--matrix-text:#1a1a1a;--matrix-text-muted:#666;--matrix-accent:#ff6e0d;--matrix-accent-hover:#ff8533;--matrix-cell-bg:#fff;--matrix-cell-hover:#fff8f0;--matrix-cell-selected:#fff0e6;--matrix-cell-unavailable:#f5f5f5;--matrix-radius:8px;--matrix-font-mono:var(--font-family-mono);--matrix-font-sans:"Host Grotesk",-apple-system,sans-serif;background:var(--matrix-bg);padding:4rem 0}.sling-matrix__container{margin:0 auto;max-width:1400px;padding:0 clamp(1.5rem,5vw,4rem)}.sling-matrix__header{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.sling-matrix__title-group{text-align:left}.sling-matrix__eyebrow{color:var(--matrix-accent);display:block;font-family:var(--matrix-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.sling-matrix__title{color:var(--matrix-text);font-family:var(--matrix-font-sans);font-size:1.75rem;font-weight:700;margin:0}.sling-matrix__subtitle{color:var(--matrix-text-muted);font-family:var(--matrix-font-sans);font-size:.9375rem;margin:0;text-align:right}.sling-matrix__controls{align-items:flex-end;border-bottom:1px solid var(--matrix-border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;padding-bottom:1.5rem}.sling-matrix__control-group{display:flex;flex-direction:column;gap:.5rem}.sling-matrix__label{color:var(--matrix-text-muted);font-family:var(--matrix-font-mono);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sling-matrix__tabs{background:var(--matrix-cell-bg);border:1px solid var(--matrix-border);border-radius:var(--matrix-radius);display:flex;gap:.25rem;padding:.25rem}.sling-matrix__tab{background:transparent;border:none;border-radius:calc(var(--matrix-radius) - 2px);color:var(--matrix-text-muted);cursor:pointer;font-family:var(--matrix-font-sans);font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .15s ease}.sling-matrix__tab:hover:not(:disabled){background:var(--matrix-cell-hover);color:var(--matrix-text)}.sling-matrix__tab.active{background:var(--matrix-accent);color:#fff}.sling-matrix__tab:disabled{cursor:not-allowed;opacity:.4}.sling-matrix__grades,.sling-matrix__legs{display:flex;gap:.25rem}.sling-matrix__grade-btn,.sling-matrix__leg-btn{background:var(--matrix-cell-bg);border:2px solid var(--matrix-border);border-radius:var(--matrix-radius);color:var(--matrix-text-muted);cursor:pointer;font-family:var(--matrix-font-mono);font-size:.875rem;font-weight:700;height:2.5rem;transition:all .15s ease;width:2.5rem}.sling-matrix__grade-btn{padding:0 1rem;width:auto}.sling-matrix__grade-btn:hover,.sling-matrix__leg-btn:hover{border-color:var(--matrix-accent);color:var(--matrix-accent)}.sling-matrix__grade-btn.active,.sling-matrix__leg-btn.active{background:var(--matrix-accent);border-color:var(--matrix-accent);color:#fff}.sling-matrix__grid-wrapper{align-items:stretch;display:flex;margin:0 -1.5rem;padding:0 1.5rem}.sling-matrix__grid-inner{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.sling-matrix__axis-label{color:var(--matrix-text-muted);font-family:var(--matrix-font-mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sling-matrix__axis-label--y{align-items:center;display:flex;justify-content:center;margin-top:2rem;padding:0 .5rem 0 0;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr}.sling-matrix__axis-label--x{padding:0 .5rem .35rem 0;text-align:right}.sling-matrix__grid{background:var(--matrix-border);border-radius:var(--matrix-radius);display:grid;gap:2px;min-width:600px;overflow:hidden}.sling-matrix__loading{background:var(--matrix-cell-bg);color:var(--matrix-text-muted);font-family:var(--matrix-font-sans);padding:3rem;text-align:center}.sling-matrix__header-cell{background:#f0f0f0;color:var(--matrix-text-muted);font-family:var(--matrix-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.75rem .5rem;text-align:center;text-transform:uppercase}.sling-matrix__header-cell--corner{background:#e8e8e8}.sling-matrix__row-header{align-items:center;background:#f0f0f0;display:flex;font-size:.875rem;font-weight:700;justify-content:flex-end;padding:.75rem;text-align:right}.sling-matrix__cell,.sling-matrix__row-header{color:var(--matrix-text);font-family:var(--matrix-font-mono)}.sling-matrix__cell{background:var(--matrix-cell-bg);border:2px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.625rem .5rem;text-align:center;transition:all .1s ease}.sling-matrix__cell:hover{background:var(--matrix-cell-selected);border-color:var(--matrix-accent)}.sling-matrix__cell.col-highlight,.sling-matrix__cell.row-highlight{background:#fff4eb}.sling-matrix__cell.col-highlight.row-highlight{background:var(--matrix-cell-selected)}.sling-matrix__header-cell.col-highlight,.sling-matrix__row-header.row-highlight{background:#e8e0d8}.sling-matrix__cell.selected{background:var(--matrix-cell-selected);border-color:var(--matrix-accent);color:var(--matrix-accent)}.sling-matrix__cell--unavailable{background:var(--matrix-cell-unavailable);color:var(--matrix-text-muted);cursor:pointer}.sling-matrix__cell--unavailable:after{content:"─";font-weight:400}.sling-matrix__cell--unavailable:hover{background:#fee;border-color:#faa}.sling-matrix__selection{align-items:center;background:var(--matrix-cell-bg);border:2px solid var(--matrix-accent);border-radius:var(--matrix-radius);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.25rem}.sling-matrix__selected-info{display:flex;flex-direction:column;gap:.375rem}.sling-matrix__selected-title{align-items:center;display:flex;flex-wrap:wrap;font-family:var(--matrix-font-mono);font-size:1rem;font-weight:600;gap:.625rem}.sling-matrix__selected-title .spec-size{color:var(--matrix-text);font-size:1.125rem;font-weight:800}.sling-matrix__selected-title .spec-grade{color:#6366f1;font-weight:700}.sling-matrix__selected-title .spec-wll{color:var(--matrix-accent);font-weight:700}.sling-matrix__selected-title .spec-legs,.sling-matrix__selected-title .spec-length{color:var(--matrix-text-muted);font-weight:600}.sling-matrix__selected-wll{color:var(--matrix-text-muted);font-family:var(--matrix-font-sans);font-size:.8125rem}.sling-matrix__selected-actions{align-items:center;display:flex;gap:1rem}.sling-matrix__selected-price{color:var(--matrix-text);font-family:var(--matrix-font-mono);font-size:1.25rem;font-weight:700}.sling-matrix__qty{align-items:center;border:1px solid var(--matrix-border);border-radius:var(--matrix-radius);display:flex;overflow:hidden}.sling-matrix__qty-btn{background:var(--matrix-cell-bg);border:none;color:var(--matrix-text-muted);cursor:pointer;font-size:1.125rem;font-weight:600;height:2.25rem;transition:all .1s ease;width:2.25rem}.sling-matrix__qty-btn:hover{background:var(--matrix-cell-hover);color:var(--matrix-accent)}.sling-matrix__qty-input{-moz-appearance:textfield;border:none;border-left:1px solid var(--matrix-border);border-right:1px solid var(--matrix-border);color:var(--matrix-text);font-family:var(--matrix-font-mono);font-size:.875rem;font-weight:600;height:2.25rem;text-align:center;width:3rem}.sling-matrix__qty-input::-webkit-inner-spin-button,.sling-matrix__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sling-matrix__add-btn{background:linear-gradient(90deg,#ff9800,#ffb347);border:none;border-radius:var(--matrix-radius);color:#1a1a1a;cursor:pointer;font-family:var(--matrix-font-sans);font-size:.9375rem;font-weight:700;padding:.625rem 1.5rem;transition:all .15s ease}.sling-matrix__add-btn:hover{box-shadow:0 4px 12px rgba(255,110,13,.3);transform:translateY(-1px)}.sling-matrix__add-btn:active{transform:translateY(0)}.sling-matrix__selected-price--custom{color:var(--matrix-accent);font-size:1rem}.sling-matrix__add-btn--custom{background:transparent;border:2px solid var(--matrix-accent);color:var(--matrix-accent)}.sling-matrix__add-btn--custom:hover{background:var(--matrix-accent);color:#fff}.sling-matrix__legend{align-items:center;color:var(--matrix-text-muted);display:flex;font-family:var(--matrix-font-sans);font-size:.8125rem;gap:.75rem;justify-content:center;margin-top:1rem}.sling-matrix__legend-dash,.sling-matrix__legend-divider{color:var(--matrix-border)}.sling-matrix__legend-link{color:var(--matrix-accent);text-decoration:none}.sling-matrix__legend-link:hover{text-decoration:underline}@media (max-width:768px){.sling-matrix{padding:2rem 1rem}.sling-matrix__header{align-items:flex-start;flex-direction:column;gap:.5rem}.sling-matrix__subtitle{text-align:left}.sling-matrix__controls{align-items:stretch;flex-direction:column}.sling-matrix__control-group,.sling-matrix__tabs{width:100%}.sling-matrix__tab{flex:1;font-size:.8125rem;padding:.625rem .5rem;text-align:center}.sling-matrix__grades,.sling-matrix__legs{justify-content:flex-start}.sling-matrix__selection{align-items:stretch;flex-direction:column;text-align:center}.sling-matrix__selected-actions{flex-wrap:wrap;justify-content:center}.sling-matrix__add-btn{width:100%}.sling-matrix__legend{flex-direction:column;gap:.5rem}.sling-matrix__legend-divider{display:none}}@keyframes matrix-cell-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sling-matrix__cell.just-selected{animation:matrix-cell-pop .2s ease}