.antigravity-matrix-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);padding:1.75rem}.matrix-header{border-bottom:1px solid hsl(var(--border-subtle));margin-bottom:1.5rem;padding-bottom:1rem}.matrix-badge-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.matrix-badge{text-transform:uppercase;letter-spacing:.05em;background:hsl(var(--primary) / .12);color:hsl(var(--primary));border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.cache-rate-tag{font-family:var(--font-sans,sans-serif);font-variant-numeric:tabular-nums;color:#10b981;font-size:.75rem;font-weight:600}.matrix-title{color:hsl(var(--text-primary));margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.matrix-subtitle{color:hsl(var(--text-muted));margin:0;font-size:.85rem}.matrix-controls{grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem;display:grid}@media (width>=640px){.matrix-controls{grid-template-columns:1fr 1fr}}.slider-box{flex-direction:column;gap:.4rem;display:flex}.slider-title-row{justify-content:space-between;align-items:center;display:flex}.slider-label{color:hsl(var(--text-muted));font-size:.8rem;font-weight:600}.slider-val{font-family:var(--font-sans,sans-serif);font-variant-numeric:tabular-nums;color:hsl(var(--primary));font-size:.85rem;font-weight:700}.antigravity-matrix-card .tactile-range-input{-webkit-appearance:none;appearance:none;background:hsl(var(--border-subtle));cursor:pointer;border-radius:9999px;outline:none;width:100%;height:8px}.antigravity-matrix-card .tactile-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid hsl(var(--primary));cursor:grab;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 5px #0003}.antigravity-matrix-card .tactile-range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.antigravity-matrix-card .tactile-range-input::-moz-range-thumb{border:2px solid hsl(var(--primary));cursor:grab;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #0003}.telemetry-deck{grid-template-columns:1fr;gap:.6rem;margin-bottom:1.5rem;display:grid}@media (width>=640px){.telemetry-deck{grid-template-columns:1fr 1fr 1fr}}.telemetry-metric-card{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));border-radius:6px;flex-direction:column;gap:.15rem;padding:.65rem .85rem;display:flex}.metric-label{color:hsl(var(--text-muted));text-transform:uppercase;font-size:.7rem;font-weight:600}.metric-val{font-family:var(--font-sans,sans-serif);font-variant-numeric:tabular-nums;color:hsl(var(--text-primary));font-size:1rem;font-weight:700}.text-green{color:#10b981}.tier-matrix-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.tier-matrix-grid{grid-template-columns:1fr 1fr 1fr}}.tier-col{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));border-radius:8px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.featured-tier{border-color:hsl(var(--primary));background:hsl(var(--primary) / .03);position:relative}.tier-head{margin-bottom:1rem}.tier-tag{text-transform:uppercase;letter-spacing:.05em;background:hsl(var(--bg-card));color:hsl(var(--text-muted));border-radius:4px;margin-bottom:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.tag-primary{background:hsl(var(--primary) / .15);color:hsl(var(--primary))}.tier-name{color:hsl(var(--text-primary));margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.tier-price{font-family:var(--font-sans,sans-serif);font-variant-numeric:tabular-nums;color:hsl(var(--text-primary));font-size:1.5rem;font-weight:800}.price-period{color:hsl(var(--text-muted));font-size:.75rem;font-weight:400}.tier-features{color:hsl(var(--text-secondary));flex-direction:column;gap:.5rem;margin:0 0 1.25rem;padding:0;font-size:.75rem;list-style:none;display:flex}.tier-features li{align-items:center;gap:.4rem;display:flex}.tier-features li:before{content:"✓";color:#10b981;font-weight:700}.tier-footer{border-top:1px solid hsl(var(--border-subtle));text-align:center;padding-top:.75rem;font-size:.75rem}.tier-status{color:hsl(var(--text-muted));font-weight:600}.tier-savings{font-family:var(--font-sans,sans-serif);font-variant-numeric:tabular-nums;color:#10b981;font-weight:700}
