.specs-card {
        background: #FFFFFF;
        border: 1px solid rgba(184, 138, 90, 0.1);
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05);
    }
    .specs-card:hover {
        border-color: rgba(184, 138, 90, 0.4);
        box-shadow: 0 25px 50px -12px rgba(184, 138, 90, 0.12);
        transform: translateY(-4px);
    }
    .premium-gradient {
        background: radial-gradient(circle at top right, rgba(184, 138, 90, 0.05), transparent),
                    radial-gradient(circle at bottom left, rgba(184, 138, 90, 0.02), transparent);
    }
    .section-header-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 1.25rem;
        background: #F9FAFB;
        border: 1px solid rgba(184, 138, 90, 0.15);
        border-radius: 1rem;
    }
    .spec-table th {
        background: #F9FAFB;
        color: rgba(11, 11, 11, 0.4);
        font-weight: 800;
        text-transform: uppercase;
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        padding: 1.25rem 1.5rem;
    }
    .spec-table td {
        padding: 1.25rem 1.5rem;
        color: #0B0B0B;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .bento-icon {
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1.25rem;
        background: white;
        border: 1px solid rgba(184, 138, 90, 0.1);
        color: #B88A5A;
        box-shadow: 0 10px 15px -3px rgba(184, 138, 90, 0.1);
        transition: all 0.3s ease;
    }
    .specs-card:hover .bento-icon {
        background: #B88A5A;
        color: white;
        transform: scale(1.1) rotate(5deg);
    }